타입스크립트 타입 가드
TypeScript type guard 서버 데이터를 가져오는 과정에서 에러 핸들링을 하면서 TypeScript와의 굉장한 싸움에 시달렸다. 그러던 중 type guard에 대해 서 알게 되었다. type guard…
TypeScript type guard 서버 데이터를 가져오는 과정에서 에러 핸들링을 하면서 TypeScript와의 굉장한 싸움에 시달렸다. 그러던 중 type guard에 대해 서 알게 되었다. type guard…
react hook test custom hook으로 작성한 react query의 동작을 테스트하기 위해 react-hooks-testing-library를 사용했다. 기본적으로 이라는 메서드를 제공하여, hook…
우아한테크코스 25주차 놀토 프로젝트 데모데이 2차 발표 데모데이 2차 발표를 무사히(?) 마쳤다. 마지막에 프론트엔드의 어뷰징 크루 덕분에 웃긴 사진이 올라가서 웃음이 터져버렸지만… 😂 다른 모든 팀들도 각양각색의 매력을 뽐냈다. 다들 OAauth…
글또 6기를 시작하며 수다쟁이 문과생 이과반은 없었던 외국어고등학교 …
react query에서 hook으로 debounce 쓰기 피드 업로드 시 기술스택을 등록할 때, 사용자가 input을 입력할 때마다 해당 문자로 시작하는 기술 스택을 가져오기 위한 auto complete 기능을 만들었다. 이때 모든 input…
다루는 법 리액트 앱에서 다루기 어려운 것 중 하나가 바로 form이다. form 안의 input 값의 상태를 일일히 관리해주어야 하고, 각각 validation까지 해준다면 더욱 복잡해진다. 그래서 react-hook-form…
React의 forwardRef react-hook-form은 기본적으로 를 심어주는 비제어 컴포넌트를 사용한다. 에서 리턴 받은 register를 input의 에 담아, input의 이름으로 값을 가져온다. 그런데 사용하는 input…