trivival 사소한
embrace 포용하다, 받아들이다, 포함하다
simplify: 간소화하다
prone : ...하기 쉬운
trait: 특성
granual way: 아주 작게? 세세하게
define: 규정하다
configuration: 환경설정
optimization: 최적화

첫번째 프로젝트: 가계부

컴포넌트란 무엇인가

• 유저 인터페이스에서 재사용 가능한 블록들
• 같은 프레임인데 안에 들어갈 내용들이 다를 경우 componenet로 묶어줄 수 있음
• 꼭 재사용하지 않아도 컴포넌트로 만들어 줄 수 있음
• 즉 컴포넌트란 html css js의 묶음

웹페이지를 컴포넌트로 구성하는 것 중요성

1.재사용성 -> 반복막기
2.분리된 유닛으로 하나하나 유닛을 따로 관리할 수 있음
마치 레고와 같이 컴포넌트들을 상호작용하게끔 만들어 전체를 만들 수 있음

create-react-app 설치

링크텍스트


리액트 어플리케이션 파일 생성
react 코드를 실행하기위한 위한 중요한 파일들이 모두 들어 있음

cd: 경로를 react-complete-guide로
npm start 명령어 입력
($ npm start는 맥에서 입력하는 명령어 인 듯)

다음과 같은 브라우저 실행됨

The Starting Project
In case you skipped the previous lecture, attached you find the starting project snapshot.

Download it

Extract it

run npm install in the extracted folder

Run npm start to start the development server.