(1)git repository 생성
(2)react 프로젝트 만들기
npm create react-app 프로젝트 이름
(3)git과 연결
(4)기본 컴포넌트 생성
- MVC 패턴
(5)directory 생성
├── package-lock.json
├── package.json
└── src
├── App.css
├── App.js
├── components
│ ├── controller
│ │ └── controller.js // 키워드 받아오기
│ ├── main
│ │ ├── advice.js // 명언 모음에서 가져온 개별 명언
│ │ ├── main.js // 명언 보여주는 메인 화면
│ │ └── search.js // 키워드로 명언 검색
│ ├── model
│ │ └── model.js // 명언 검색하기
│ └── view
│ └── view.js // 검색된 명언 보여주기
├── index.css
├── index.js
└── static
└── data.js // api로 받아온 명언 파일
추가로 폰트, 명언과 함께 보여줄 이미지 등이 static에 들어가야 할 거 같고,
또 뭔가 있을 거 같은데..
'개발일지' 카테고리의 다른 글
| 코드랑 친해지는 법(feat. 이상한 나라의 수학자) (2) | 2022.05.26 |
|---|---|
| <스파르타 코딩클럽 9기> REAL 후기 (1) | 2020.09.14 |
| 가이드 프로젝트 마무리: 스파르타코딩클럽 후기 (0) | 2020.08.29 |
| 가이드 프로젝트 기획2: To Do List 점검 (1) | 2020.08.29 |
| 가이드 프로젝트 기획1: 추가 기능 Ideation (2) | 2020.08.26 |