Dongtion

VanllaJS로 Notion 구현해보기

개발 과정

1. 컴포넌트를 먼저 나누어 마크업 구조를 짜봤다.

- Editor, SideBar, Modal 세개의 큰 컴포넌트가 나왔다. - 먼저 마크업을 구현하고 세세한 마크업은 기능을 구현하면서 수정했다.

2. 각 컴포넌트에 어떤 상태가 필요한지 구하고, 상태에 따른 렌더링을 구현했다.

3. 각 컴포넌트의 기능을 구현했다.

4. 자잘한 오류나 에러들을 고치며 리팩토링을 진행했다.