React 기본 - 2.리액트 환경설정 및 시작하기

React는 CLI로 실행하는 프로그래밍 언어이므로 필요한 개발환경을 설치하고 세팅을 해야합니다.

1. Node.js 설치

Node.js는 확장성 있는 네트워크 어플리케이션 개발에 사용되는 소프트웨어 플랫폼입니다.

1-1. 하단 링크를 통해 들어가 자신의 컴퓨터 환경에 맞는 프로그램을 다운받으세요.
https://nodejs.org/ko/

Node.js

2-1. cmd에서 yarn을 설치합니다.
yarn은 자바스크립트 패키지 매니저 중 하나이며, Yarn 을 사용하는 이유는, 더 나은 속도, 더 나은 캐싱 시스템을 사용하기 때문입니다.

$ nvm install --lts

2-2. 새 프로젝트 만들기

$ npx create-react-app "프로젝트 이름"

2-3. 프로젝트 실행

$ cd "프로젝트 이름"
$ npm start

2-4. 프로젝트 실행한다면,  http://localhost:3000/ 이 열리면서 리액트 아이콘이 보입니다.