오직 바닐라 자바스크립트만을 사용하여 Trello를 클론한 사이트입니다.
- SPA 라이브러리/프레임워크 중 하나인 React를 이해해보자!
- 구현한 SPA 라이브러리를 사용하여 컴포넌트 기반으로 트렐로를 클론해보자!
- 드래그앤드롭 이벤트 시 OS 기본 설정에 따라 생기는 스타일의 차이를 해결하기 위해 마우스 이벤트로 구현해보자!
2022.10.26 ~ 2022.11.23
| 김채린 | 박윤하 |
|---|---|
| @chaerin.dev | @GuRaBang |
 |
 |
- diff 알고리즘 구현
- 전역 상태 변경 시 렌더링
- 카드, 리스트 생성, 수정, 삭제 기능
- 카드 내 메모 기능
- mousedown, mousemove, mouseup 이벤트를 사용하여 구현
- getBoundingClientRect 메서드와 마우스 이벤트 프로퍼티(pageX, pageY)를 이용하여 drag 컨텐츠 위치 조정