부스트코스 강의 웹 프론트엔드 시작하기 (리액트&리덕스)
중 'Ch1 리액트의 시작'을 정리한 내용이다.

React란

• facebook의 UI를 잘 만들기 위해 만든 Javascript UI 라이브러리

• 사용자 정의 태그를 만든 파일을 가져와 사용할 수 있다
  

• 사용자가 정의해서 태그하는 것을 React에서는 Component라고 한다.

• Component는 1) 가독성이 좋고 (복잡한 코드 간략하게 사용 가능), 2) 재사용성이 높아지고 (여러 파일에서 활용 가능), 3) 유지보수가 편리해진다 (하나에서 수정하면 다른 파일들에서 다 적용).

• React가 제공하는 tool chain 중 "create react app" 을 설치한다.

• codesandbox라는 온라인 사이트에서도 react를 사용할 수 있다.

• node.js를 설치하고 'npm install -g create-react-app' 으로 create react app을 설치한다. 설치가 안되면 앞에 sudo를 붙여준다.

• directory 에서 터미널을 열고 'create-react-app .' 으로 디렉터리를 설정해준다.

• Visual Studio Code로 가서, command+j로 terminal창에 접근할 수 있게 한다.

  • terminal에 "npm run start"를 입력하면 샘플 웹앱을 보여주고, local 주소를 확인할 수 있다.
    

  • ctrl+c로 종료한다.