React 개발 환경 구축하기

1. node.js와 npm 설치

 

React는 Node.js 환경에서 동작하므로 먼저 Node.js를 설치해야 합니다.

 

설치 방법

1. Node.js 공식 웹사이트에 접속합니다.
2. 자신의 운영체제에 맞는 버전을 선택하여 설치합니다.
   • 권장 버전(LTS)을 선택하는 것이 안정적입니다.
   • macOS 사용자라면 v22.11.0 (LTS) x64 버전을 설치합니다.

설치 확인

설치 후 터미널에서 아래 명령어로 설치된 버전을 확인합니다.

node --version
npm --version

---

2. VS Code 설치

React 프로젝트를 효율적으로 개발하기 위해 Visual Studio Code를 설치합니다.

---

3. React 프로젝트 생성

React 프로젝트를 생성하려면 Create React App 도구를 사용합니다.

 

설치 및 생성 과정

1. VS Code를 실행하고 터미널을 엽니다.

2. 다음 명령어를 입력하여 React 프로젝트를 생성합니다.

npx create-react-app <your_project_name>

 

3. 아래와 같은 메시지가 나타나면 y를 입력합니다.

Need to install the following packages ~

 

4. 생성된 프로젝트 폴더로 이동합니다.

cd <your_project_name>

 

5. 프로젝트를 실행합니다.

• 브라우저가 자동으로 열리며 React 애플리케이션이 실행됩니다.

npm start

---

참고 동영상 : 처음 만난 리액트(React)