typescript 썸네일형 리스트형 react cra 프로젝트 초기 설정 (typescript) 제가 사용하는 프로젝트 초기 설정을 여기에 정리해놓고 사용하면 좋을 것 같아서 적어봅니다. 크게 순서는 아래와 같습니다. create-react-app eslint, prettier 설정 gitignore 설정 (.env) 디렉토리 구조 정리 절대경로 설정 (craco) axios 설정 mock service worker (msw) 설정 (부가적) create-react-app 먼저 react를 시작하려면 cra를 먼저 해야하는데 저는 관습적으로 앱 이름은 frontend로 설정합니다. typescript를 사용하려면 아래와 같이 명령어를 입력하면 됩니다. $ npx create-react-app frontend --template typescript 그러면 자동으로 초기설정이 마무리됩니다. 그리고 모든.. 더보기 react typescript 7 정리 Recoil selector set에 대해서 set 함수는 원하는 state가 어떤 것이든지 그걸로 수정하도록 해주는 기능 selector도 atom과 동일하게 array형태로 [value, setValue] 형태로 준다. // setter 사용법 const onHoursChange = (event: React.FormEvent) => { setHours(+event.currentTarget.value); }; // 구현부 set: ({set}, newValue) => { const minutes = Number(newValue) * 60; set(minuteState, minutes); }drag and drop (react-beautiful-dnd) react로 드래그 앤 드랍을 지원하는 라이브러리 .. 더보기 이전 1 다음