1. node.js 설치한다
https://nodejs.org/en
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
2. 터미널에서 node -v , npx입력 후 정상적으로 설치 되었는지 확인한다.
위와 같이 입력 후 버전이 뜨면 설치 완료!!
3. 터미널에서 npx create-react-app 폴더명으로 생성 -> install
ex) npx creat-react-app juokey
4. 터미널에서 code 폴더명 -> vscode 실행
ex) code juokey
Create React App을 사용하는 이유!
1. React 관련 옵션 자동완성
2. css을 모듈별로 생성 적용 가능
ㄴ 하나의 css 파일을 index에 import 하면 모두 동일하게 적용되지만 모듈별로 따로 생성하면 내가 원하는 곳에만 적용가능
3. 컴포넌트를 분리해서 사용 가능
반응형
'프론트엔드 > react' 카테고리의 다른 글
| React (8) - Effects #2 [cleanup] (0) | 2023.04.24 |
|---|---|
| React (8) - Effects #1 (0) | 2023.04.24 |
| React (6) - Props #2 (0) | 2023.04.24 |
| React (6) - Props (0) | 2023.04.20 |
| React (5) - MinutesToHours, KmToMiles Converter (0) | 2023.04.20 |

