생활코딩 react (1~3-수업소개, 전략, 개발환경 종류)

#1 React - 1. 수업소개

생활코딩 react 강의를 들으며 정리해본다.

 - 선행 강의 : web to javascript, javascript object oriented programming(객체간의 상속 강의까지)

 

react : 페이스북에서 만듬

 - 재사용성을 위해 앱구조를 테그로 관리하도록 지원하는 라이브러리

 > 가독성, 재사용성, 유지보수 용이성 지원

 

#2 React - 2. 공부 전략

* 집중사항 : 코딩, 실행, 배포

 

#3 React - 3. 개발환경의 종류

* 공식사이트 :  https://ko.reactjs.org/

 - Get Started

* react 실행방법

** Online Playgrounds : 테스트 서비스

  https://ko.reactjs.org/docs/getting-started.html#online-playgrounds

 - https://codesandbox.io/s/new

 

** Add React to a Website : 기존 웹사이트에 react 적용(부분 적용)

 - 개발환경 구축이 어려움

** Create a New React App : 툴체인으로 목표를 구성하기 위한 개발환경, 도구 모음

  https://reactjs.org/docs/getting-started.html#create-a-new-react-app

 - learn how : https://reactjs.org/docs/create-a-new-react-app.html

 - 추천 툴체인 : Create React App

 > https://reactjs.org/docs/create-a-new-react-app.html#recommended-toolchains

*** Create React APP (앱의 이름)

 - https://reactjs.org/docs/create-a-new-react-app.html#create-react-app

 > app의 소스코드 주소 : https://github.com/facebook/create-react-app

npx create-react-app my-app
cd my-app
npm start

- npm 프로그램을 설치하여 로컬에 create-react-app 설치
> npm : node.js 기술로 만들어진 여러 앱을 명령어 환경에서 설치해주는 프로그램

previwe - npm 설치, create-react-app 설치, 개발환경 구성 #4