ryxxn

[React] 리액트 프로젝트 시작하기 본문

React

[React] 리액트 프로젝트 시작하기

drxxn 2023. 7. 30. 16:00
    목차

1. node.js 설치하기

 

node.js 환경에서 구동해야 하기 때문에 node.js가 설치되어 있지 않다면 설치해준다.

 

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 


2. 프로젝트 생성

 

프로젝트를 저장할 폴더로 이동 후 터미널에서 다음과 같이 명령어를 친다.

npx create-react-app 프로젝트명

※ 프로젝트명에 대문자는 들어갈 수 없다.


3. 프로젝트 실행

 

프로젝트 폴더로 이동 후 npm run start 또는 npm start 명령어를 통해 프로젝트를 실행한다.

cd 프로젝트명
npm start

 

프로젝트를 실행하면

 

 

다음과 같이 페이지가 나오며 개발을 시작하면 된다.

'React' 카테고리의 다른 글

[React] 리액트에서 setInterval 사용하기  (0) 2023.08.07
[React] typescript로 리액트 시작하기  (0) 2023.07.30