React 시작하기

React는 페이스북에서 만든 자바스크립트 라이브러리이다.

https://ko.reactjs.org/docs/getting-started.html (공식홈페이지)

시작하기 – React

자바스크립트와 비교해 봤을 때 굉장히 모듈화(분업화)가 잘 되어있는것 같다. (객체지향형)

장점

1. 가독성
2. 재사용성
3. 유지보수

공식홈페이지에 들어가 보면 시작하기 위해서는 3가지 방법이 존재한다고 나와있다.

그 중 툴체인을 직접 만드는 방법을 선택해서 리액트를 시작할 것이다.

 

가장먼저 npm을 설치해야 한다.  안정화된 버전을 추천한다.

https://nodejs.org/ko/

Node.js

 

설치가 다 되면 cmd 창을 연다.

cmd 창에

npm -v

입력하고 숫자가 나오면 설치가 잘된것이다.

 

npm install -g create-react-app 

만약 권한이 없다고 나오면

sudo npm install -g create-react-app 

를 입력해 react 를 설치한다 (npm 프로그램 설치 / npx 임시로 설치해서 한번만 실행해보고 지우는 것)

npx create-react-app ( npx 설치 계속해서 가장 최신버전을 이용할 수 있다)

 

원하는 곳에 폴더를 생성하고

cmd 창에

cd 폴더경로를 입력한 후

create-react-app . 

을 입력하여 해당 폴더를 리액트 환경으로 만들어 준다. 만약 이 명령어가 작동하지 않는 경우

npx create-react-app . 

을 입력해 준다.

 

그 다음 visual studio code로 리액트가 설치된 파일을 열어준다

terminal을 열어

npm run start 

명령어를 입력하면 잠시후 웹 브라우저가 실행된다.

  Local:            http://localhost:3000        
  On Your Network:  http://172.30.1.14:3000    

terminal 뜬 주소로 우리가 만든 웹앱을 볼 수 있는 주소이다.

종료하고 싶을때는 ctrl+C를 누르면 된다