리액트를 해보기위한 프로젝트 21.12.06 DOM API 의 문제점(LiveObject 이슈 등) 과 이를 해결하기 위한 노력들(Jquerry) 중 현시대 가장 적합하다고 보여지는 React React : DOM 을 안써보자 21.12.07 작게 시작하기. Minimum Viable Product 최소기능제품! 21.12.08 react 초기버전 살펴보기 21.12.09 웹 프론트엔드 개발환경 - Bundler wepback - Plugin : 다양한 기능들을 구현 - 로더 : 일종의 플러그인이지만 웹팩의 메커니즘에서 작동위치가 조금 다름 (대표적인 로더 Babel) 지금 사용하는 VS Code 도 플러그인 아키텍처로 구성되어있다 21.12.10 복잡한 것을 간단하게 DOM을 사용할수록 점점 복잡해지니 간단하게 사용하자, DOM을 안쓰도록 개발자는 사용하지 않고 React 가 Dom 을 사용하도록 해서 개발자는 DOM을 안쓰는것처럼 21.12.17 jsx를 사용함으로 app.js 파일에서 createElement를 사용하고 있지 않는것 처럼 보이지만 transfile 된 bundle 에서 사용하므로 반드시 import 해줘야 함 > 함수 컴포넌트에서 항상 react 를 import 해야하는것과 같은 이유 21.12.20 함수 컴포넌트 : jsx 문법 태그의 이름이 대문자로 시작된다면 문자열이 아니라 값, 즉 함수로 취급될것이고 그 함수는 jsx 를 return 하는 값이다. 라는 약속 > 컴포넌트의 이름은 반드시 대문자로 시작해야 한다. 21.12.22 Virtual Dom : real Dom 을 만드는것 보다 훨씬 효율적 21.12.23 snabbdom 21.12.27 hook 함수가 상태를 갖는다?