my dev diary

유효성 검사(유효성 체크) 유효성 검사(유효성 체크)는 데이터가 올바른지 확인하는 과정이다. 로그인, 회원가입 등을 할 때 사용자가 유효한 데이터를 입력했는지 체크해 준다. formik vs react hook form React에서 가장 많이 사용하는 library는 formik과 react hook form이다. formik 가장 많이 사용되는 라이브러리이며 사용하기 쉽다. react hook form 타입스크립트가 기본적으로 내장되어 있다. 종속성이 없는 작은 라이브러리이다. 불필요한 리렌더링을 최소화하여 작성해야 하는 코드의 양을 줄여준다. ➔ 타입스크립트 프로젝트에서 필요하므로 react hook form을 사용하기로 결정. React Hook Form react hook form 설치 // n..

TIL 2023. 8. 25.

TypeScript로 리액트 프로젝트 세팅하기 1. 프로젝트 경로로 이동하여 프로젝트 생성(설치) ➔ 터미널에 아래 코드 입력 # npx npx create-react-app 프로젝트명 --template typescript # yarn yarn create react-app 프로젝트명 --template typescript 2. 프로젝트(폴더) 경로로 이동하여 프로젝트 실행 cd 프로젝트경로 yarn start 3. 프로젝트의 폴더 구조 확인하고 필요 없는 파일 정리하기 : tsconfig.json, App.tsx, index.tsx 등 타입스크립트로 세팅된 리액트 프로젝트 구조가 보이는지 확인 : 로고이미지, App.test.js, setupTests.js, reportWebVitals.js 등등 삭..

TIL 2023. 8. 22.