카테고리 없음

리액트 시작하기 - 리액트 색성하기

mooyou 2024. 10. 14. 15:27
728x90
300x250

 

리액트 설치는 아래 게시글을 확인

https://moo-you.tistory.com/536

 

React 리액트 설치 방법

React를 설치하기 위해서는 몇 가지 재료가 필요 합니다. 1. node.js, 2. Visual Studio Code node.js설치 먼저 검색창에서 node.js를 검색합니다. Node.js 사이트로 들어가면 바로 Download가 나오는데 오른쪽은 최

moo-you.tistory.com

 

 

 

 

리액트로 웹사이트를 개발할 때에는 create-react-app 주려서 CRA를 사용한다.

리액트로 개발하는데 필요한 모든 설정들을 생성해 주는 도구이다.

 

vscode 터미널에서 아래 명령어를 실행한다.

npx create-react-app test

 

test에는 자신의 프로젝트 명을 입력한다.

패키지를 설치해야 한다고 물어보면 y를 입력한다.

 

 

프로젝트 생성이 완료되면 위와 같이 애플리케이션을 실행시킬 수 있는 명령어를 제안해주는데

cd test test폴더로 이동해서 npm start를 통해 React 애플리케이션 실행

 

cd test
npm start

 

위와 같이 명령어를 입력하면 자동으로 http://localhost:3000으로 접속된다.

 

 

 

 

728x90
반응형