✏️

React project 초기 세팅 본문

React

React project 초기 세팅

콩세 2023. 7. 5. 09:59

1. 프로젝트 폴더 생성

2. npx create-react-app client

3. cd client

4. npm start

 

client라는 리액트 프로젝트 폴더를 만들어서 npm start 명령어를 입력하면

localhost:3000 포트로 리액트 프로젝트가 열린다. (node.js가 설치된 상태에서 npx명령어 입력 가능)

 

ex)

1004_DISPLAY라는 프로젝트 폴더에

npx ... 명령어로 client 폴더를 생성한 후

불필요한 파일을 삭제한 상태이다. (public에 images폴더는 추가한 것)

 

App.js와 index.js 코드는 위와 같다 :D

초기 세팅 끝!

 

success

 

'React' 카테고리의 다른 글

React project build하기  (0) 2023.07.06
JSX란? / JSX의 장점 및 사용법  (0) 2023.04.06
리액트란? / 리액트의 장단점  (0) 2023.03.22
리액트 선수지식 / HTML, CSS, JavaScript  (0) 2023.03.22
React 입문  (0) 2023.03.22