Week 1: 개발 환경 구축과 JSX 이해하기

1. 개발 환경 구축 및 JSX 소개

• Vite를 사용하여 개발 환경 구축하기
• Babel로 JSX 트랜스파일링 설정하기

2. JSX 문법과 사용 방법 이해하기

• JSX 문법과 사용법
• createElement 함수와 Virtual DOM 생성 이해하기

3. 핵심 구현

• createElement 함수 구현하기
• Virtual DOM의 개념 이해하기
• Virtual DOM 트리를 객체로 표현하기

Week 2: 렌더링과 상태 관리 구현하기

1. Virtual DOM을 실제 DOM으로 렌더링하기

• render 함수 구현하기
• Virtual DOM을 실제 DOM으로 변환하기
• 재귀를 이용한 DOM 생성 방법 이해하기

2. 상태 관리와 useState 구현

• 상태(state)의 개념과 필요성 이해하기
• useState 훅 구현하기