리액트 - (1)프로젝트 생성하기

안녕하세요. Jenori 입니다.

오늘은 리액트를 처음 시작한 저와 같은 분들을 위하여 '리액트 프로젝트 생성하기' 스텝을 정리해보겠습니다.

1. 우선, 필요한 모든 프로그램을 설치하고 다운받겠습니다. 필요 프로그램은 다음 세가지입니다.

• Visual Studio Code: https://code.visualstudio.com/
• Git bash: https://git-scm.com/downloads
• Node.js: https://nodejs.org/en

2. 다 설치하고 나면, 비주얼 스튜디오 코드에서 확장팩을 다운 받습니다. 저는 기본적인 아래 4가지를 다운받았습니다.

• 한글팩 Korean Language Pack for Visual Studio Code
• 브라우저 기본브라우저 open in browser
• 라이브서버 Live Server
• 리액트 확장팩 React Extension Pack

3. 이제 비주얼 스튜디오 코드에서 터미널을 켜주시고, 리액트를 설치해보겠습니다.

npm install -g create-react-ap

4. 그리고 프로젝트를 생성해볼게요.

npx create-react-app [프로젝트이름]

5. 생성한 프로젝트를 실행하려면, 해당 프로젝트로 들어간 후에 실행해야합니다.

cd [프로젝트이름]
npm start

짠! 이렇게 나오셨죠? 성공하신겁니다!!!