글또 6기를 시작하며
글또 6기를 시작하며 수다쟁이 문과생 이과반은 없었던 외국어고등학교…
글또 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…
타입스크립트의 index signature 앱에서 사용하는 feed의 필드를 아래와 같이 정의했다. 그리고 사용자가 feed를 새로 업로드할 때, 하나의 form 안의 각각의 input에서 가져온 값을 FormData에 key-value…
ModalProvider 만들기 context API를 사용하여 Modal Provider를 만들어보자. (사실 페어가 다 했다!) Context의 Provider에 과 메서드를 정의하여 Context의 API의 value…
우테코 24주차 기록 놀토 프로젝트 이미지 처리 백엔드와 사진 데이터를 어떻게 보내고 받을 것인지 많은 논의가 있었다. 결국 JSON 형식 대신 form-data 형식 으로 body…