본문 바로가기
WEB/react

[react] 개발환경 설정하기 (1)

by Gh1324 2025. 7. 29.

우선 node.js를 먼저 설치해준다.

 

https://nodejs.org/ko/

 

Node.js — Run JavaScript Everywhere

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

nodejs.org

 

설치가 완료되었다면 아래 명령어로 새로운 프로젝트를 생성해준다. 

npx create-react-app first-project

설치 완료 후 vscode로 열어보면 위와 같은 구조이다. 

라이브러리와 정적코드, 소스코드로 구분되어있다.

 

설치 경로로 이동후 아래 명령어를 입력하면 초기 화면이 잘 뜨는걸 확인할 수 있다. 

npm start

 

 

728x90

'WEB > react' 카테고리의 다른 글

리액트(2)  (0) 2023.09.15
리액트 공부(1)  (0) 2023.09.14
1. 리액트의 이해  (0) 2022.06.23