Create-react-app으로 기본 프로젝트 구성
├── node_modules
├── src
│ ├── components
│ │ ├── AuthenForm.css
│ │ ├── AuthenForm.tsx
│ │ ├── CompletedForm.css
│ │ ├── CompletedForm.tsx
│ │ ├── TermsModal.css
│ │ ├── TermsModal.tsx
│ │ ├── Timer.css
│ │ └── Timer.tsx
│ ├── utils
│ │ ├── request.module.ts
│ │ └── validationUtil.ts
│ ├── App.css
│ ├── App.tsx
│ ├── index.css
│ └── index.tsx
├── public
├── tsconfig.json
├── package-lock.json
└── package.json
총 3페이지 구성
- 인증정보 입력 폼 AuthenForm 유효성 검사는 server/src/utils/validationUtil 를 이용함
- 타이머 Timer
- 인증 완료 CompletedForm
통신은 내장된 모듈인 fetch를 통해서 진행. response type(interface)을 utils/request.module.ts 로 분리.
UI framework는 사용하지 않음
npm ci
2.
npm start