2. React 설치 방법

사실 리액트를 설치하는 방법은 간단합니다.

앞서 알려드렸던 Node js 를 설치하기만 하면 되는데요

 

https://nodejs.org/ko/

Node.js

Node JS 홈페이지에 들어가셔서

 

 

다운로드 버튼을 눌러서 설치 파일을 다운받으시면 됩니다.

 

현재 최신 버전은 13.6.0 버전 까지 나와 있지만

 

저는 안정적인 12.14 LTS 버전을 추천 드립니다.

참고로 LTS 란 Long Term Support

의 약자로 오랜 기간동안 서포트를 보장 해주겠다는 의미입니다.

 

설치파일을 받으신 뒤 실행을 해주시면

 

Next

 

I Accept the terms in the License Agreement 에 체크 해주신후 Next

 

설치해줄 파일을 지정해 주신 후 Next

 

여기서는 따로 다른 설정을 안건드리고 바로 Next 를 눌러줍니다.

 

여기서도 바로 Next 를 눌러줍니다.

 

Install 버튼을 눌러 주시면 설치가 됩니다.

 

설치가 잘 되었는지 확인해 보시려면 

cmd 창을 여신 후

 

node -v

npm -v

 

이 두 명령어를 입력했을 때

 

이렇게 버전 정보가 나오면 잘 설치가 된 겁니다.

(버전은 다르셔도 상관 없습니다.)

 

그럼 이제 리액트 샘플을 실행시켜 보겠습니다.

 

우선 워크스페이스가 될 폴더를 하나 정해서 만들어 주십니다.

(저의 경우는 c 드라이브 아래에 dev 란 폴더를 만들고 react 란 폴더를 만들어주었습니다.

그리고 cmd 창에서 해당 폴더로 이동한 후

 

npm install create-react-app

라는 명령어를 입력하시면

cd c:\dev\react npx create-react-app sample

 

이렇게 리액트 샘플 페이지가 설치가 되고

 

cd sample npm start

를 입력해보시면

 

이렇게 react 샘플 페이지가 인터넷 창으로 뜨게 됩니다.