프로젝트 폴더 형태잡기
주요 라이브러리 설치
주요 hook 파일 등록
절대경로 설정
assets - public 폴더의 파일들 가져다가 절대경로로 사용

디렉토리 구조도

전달 사항
- craco는 cra 5버전을 지원하지 않아서 제거했습니다. craco 아니어도 jsconfig 파일로 절대경로 설정이 가능합니다. → ex) src를 기준으로 import z from ‘components/z’
- 다른 팀원이 페이지 명을 뭐라고 할지 모르기에 pages 폴더에 제 페이지만 폴더로 넣었습니다. 추후 만들면서 넣어주세요
- utils 폴더엔 다음과 같은 폴더들이 있습니다.
- contants : 상수 관리 폴더
- validator: 유효성검사 폴더 ( 회원가입, 로그인등..)
- storage : storage 함수 폴더, index.js가 아니라 sessionStorage.js로 넣어둔 이유는 localStorage.js가 들어갈 수도 있기 때문입니다.
- components의 basic엔 작은 단위의 기본 컴포넌트가 외부엔 조합된 단위의 컴포넌트가 들어갑니다.
예 ) basic : Input, Button, Image 외부: Form, Avatar
5. reportWebVitals.js 파일 삭제 여부
해당 파일은 react 프로젝트의 앱퍼포먼스 시간을 분석해서 obj형태로 보여준다고 합니다. 추후 성능 검사에 사용될 수 있다고 판단해 삭제하지 않았습니다 .