개발일지

[React 활용한 개인프로젝트: kadvice] 초기 환경설정(git, npm, directory 생성)

Whatisblockchain 2022. 7. 5. 16:07

(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에 들어가야 할 거 같고,

 

또 뭔가 있을 거 같은데..