Vanilla JavaScript로 만들어보는 React

프로젝트 개요

react와 javascript를 깊게 이해하고 싶어 시작한 프로젝트입니다.

참고

Build your own React 를 참고하여 학습 했습니다.

구현 목표 기능

1. 렌더링 기능 구현
   • Fiber Tree 기반 Virtual DOM 구현
   • Diffing 알고리즘 구현
   • Render Phase 구현
   • Commit Phase 구현
2. useEffect
3. useState

기록

1. jsx 형식의 코드를 작성하면 자바스크립트가 해석할 수 있도록 babel 설정을 해줘야 함.
2. 모듈 관리를 위해서 코드 분리를 했는데 바벨은 트랜스파일러라 분리된 파일을 따로 트랜스파일 해줘야 함, 번들러가 왜 생겼는지 이유를 알 것 같음