0518 수업 판서 내용

리액트의 특징 3가지

1. 선언형(Declarative)
: 한 페이지를 보여주기 위해 html, css, js로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향

const name = 'yoonhyewon'
const element = <h1>Hello,{name}</h1>

2. 컴포넌트 기반 (Component-Based)
- 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발함

3. 범용성 (Learn Once, Write Anywhere)
- js 프로젝트 어디에든 유연하게 적용 가능
- facebook 에서 관리되고 있어 안정적이며, 유명하고, 리액트 네이티브 모바일 개발도 가능함
- 2020년 기준 가장 유명한 프론트엔드 기술 
- 리액트 네이티브 이용해서 모바일 개발도 가능

---

 

index.html / index.js / app.js 간의 관계에 대한 질문

요약 설명
- index.html 에는 'root' 라는 div가 하나 있다.
- index.js 에서는 'root' 에 App.js 를 렌더링 시킨다.
- App.js 에서는 실제로 사용자에게 보여줄 화면을 정의한다.
==> 과정은 이 정도로만 설명하고, 자세한 구조나 방식? 같은 건 Virtual DOM 공부할 때 자세하게 공부해보면 좋을 것 같다

0. mvc 패턴 설명