[ ReactJS01 ] 프로젝트 시작하기

@노드버전세팅

node -v
npm -v
nvm ls
nvm alias default use 16.19.1
nvm -v

@react 설치및 프로젝트실행

npm install -g create-react-app : 리액트 프로젝트 생성명령어
create-react-app my-app : 프로젝트를 만든다.
cd my-app
npm start : 프로젝트시작

* React app can no longer contain capital letters.
SO i create "payement-mail-app"

• 예외 source ~/.bash_profile 환경변수 파일 적용을 한후에 명령어가 작동한다.

프로젝트 폴터로 이동한이후에 npm start 명령어로 프로젝트 실행

my-app
├── README.md
├── node_modules
├── package.json
├── package-lock.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── reportWebVitals.js

src 디렉토리 밑에서 주로작업을 진행한다.

App.test.js 는 굳이 필요없어서 삭제해도된다.

index.js : 파일이 어플리케이션의 시작이 되는 파일이다.

index.js 밑에 ReactDom. ... 에 모든 어플리케이션 컴포넌트가 실행되고 랜더링된다.

reportWebVitals.js : 퍼포먼스 측정용 (지워도됨)

React.StrictMode  :  개발동안 체크를 한다는 뜻이며, 콘솔에 경고메세지를 띄운다.

puclic/index.html ---> src/index.js----> src/App.js

참고

https://cocoon1787.tistory.com/771

https://www.youtube.com/watch?v=kVeOpcw4GWY&list=PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d&index=2