[ Node.js 설치 이유 ]
Node.js에서 지원하는
- npx
- npm (Tool)
라이브러리를 사용하기 위해 우선 설치하였음.
[ 프로젝트 생성 ]
[ Terminal ]
npx creat-react-app [프로젝트명][ 파일 역할 ]
| 파일경로 및 파일 | 역할 |
|---|---|
| ./src | 소스 파일들을 보관 |
| ./src/ JS App.js | 메인페이지에 들어갈 JSX(HTML)코드를 작성 (메인페이지X) |
| ./src/ # App.css | App.js의 JSX(HTML)코드를 꾸며주는 CSS코드를 작성 |
| ./src/ JS index.js | App.js의 코드를 index.html에 갖다 붙여달라고하는 명령어가 들어있음 |
| ./public | static 파일 보관 (정적 파일, 사진등을 보관) |
| ./public/ <> index.html | 메인페이지로써 모든 코드를 불러모아 화면에 뿌려줌 |
| ./ { }package.json | 설치한 라이브러리, 버전들을 저장하는 목록 (자동 기록) |
App.js 페이지의 코드를 메인페이지(index.html)에 갖다 붙여달라는 명령어로 인해 App.js의 코드가 메인페이지 처럼 돌아감.
[ 프로젝트 미리보기 ]
[ Terminal ]
// 터미널의 pwd(현재위치)가 프로젝트 파일이여야합니다.
npm start
다른 사람이 만든 것을 소비하는 활동보다, 내가 생산적인 활동을 하는 시간이 더 많도록 생활화 하자.