본문 바로가기

프론트엔드/react

React (7) - Create React App Install for mac

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