[20220720 W]

04:30-06:00-R
08:00-10:00-WR
10:00-17:00-W
17:00-19:00-W
19:00-20:00-EC
21:00-22:00-J
23:00-24:00-J

React

1) 소프트웨어 아키텍쳐

플러그인 아키텍처: ex) 크롬 웹스토어(익스텐션, 확장 프로그램)=> 원래 기능을 변화시키지 않고 새로운 기능을 추가

미들웨어:ex) express => 본래의 구조를 유지하고 새로운 기능 추가를 위한 구조 제공

=> 코어 변경 x => 코드의 안정성

컴포넌트 아키텍처: ex) react => 변경되지 않는 것을 두고 새로운 것을 추가

ex) 웹팩의 loader(babel, babel 자체도 plugin을 제공), 플러그인 등
ex) vscode의 플러그인,익스텐션

2) 리액트 왜 만들어졌나

기존의 dom 의 문제점(일관성x but dom api 안 쓸 수 없음)=> react (다루기 까다로운 진짜 dom은 react가, 개발자는 가상 dom 다루기)사용

3) 리액트 만들기

properties=attributes=props

bind?

function createDom(node) {
  if (typeof node === 'string') {
    return document.createTextNode(node);
  }
  const element = document.createElement(node.tag);

  node.children.map(createDom).forEach(element.appendChild.bind(element));

  return element;
}