프론트앤드

[ React Hook Form ] react에서 form 쉽게 이용하기 (+TypeScript)

0. 이용 목적 react에서 form을 사용해 본 사람이면 알겠지만, 더욱이 form의 개수가 한 두 개가 아닌 무더기로 있어본 경험을 해본 사람이면 알겠지만 react에서 form을 만들고 input과 button을 관리하는 데는 은근히 신경 쓸 부분이 많다. input에 작성된 값을 인식하고... 보내고... preventDefault() 까지 익숙하다면 익숙한 과정이지만 더 간결한 코드를 위해 이번 프로젝트에서 이용해 보았다. react에서 form을 작성하는게 지겹다면 꼭 한번 시도해보면 좋을 것! react 뿐만 아니라 react native에서도 사용할 수 있다 1. 설치 설치 npm install react-hook-form 혹은 yarn add react-hook-form 2. 사용 방법..

[FISH-NEWS] 프로젝트 기록

주저리 일단 글을 계속 안 쓰기는 했는데 지속적으로 공부를 하기는 했다 HTML CSS같은 경우는 어느 정도 궤도에 올랐다고 생각하지만 JS는 글쎄 조금 더 노력해야 할 것 같다 일단 목표는 이번 달 안으로 궤도에 진입하는 것이기는 하지만 될런지 지금까지 해 온 것처럼 하면 잘 될 것 같기는 하다 드림코딩 앨리와 노마드코더 무료강의들을 일단 열심히 수강했고 이제 강의를 구매해서 들을 예정 어쨌든 지금까지 배운 내용들을 바탕으로 혼자 프로젝트를 하나 수행해보기로 했다. 처음 코딩이란 걸 접해보고 HTML에 을 처음 작성했을 때 열의에 차서 혼자 이것저것 만들어봤는데 지금 보면 음.. 분명 두 달 전 정도밖에 되지 않았지만 아주 부끄러운 퀄리티다 당연하게도 깃허브 연동은 꿈도 꾸지 않았다 이상이 높은 편인지..