할 일 목록
[Next.js] dnd-kit을 활용한 칸반(Kanban) 보드 드래그 앤 드롭 구현
[Next.js] dnd-kit을 활용한 칸반(Kanban) 보드 드래그 앤 드롭 구현
2025.03.18일반적으로 칸반 보드는 드래그 앤 드롭을 통해 컬럼이나 태스크 카드의 순서를 자유롭게 변경할 수 있다. 이러한 드래그 앤 드롭 상호작용은 dnd-kit 이라는 라이브러리에서 제공하는 Sortable 프리셋을 이용하면 더 쉽게 구현할 수 있다. dnd-kit은 코어 크기가 10kb 정도로 가볍고 외부 의존성이 없는 장점이 있다. 드래그 제한, 애니메이션, 충돌 감지 등을 커스터마이징 할 수도 있다. dnd-kit을 이용해 칸반 보드를 구현하면서 비교적 까다롭다고 느꼈던 부분들을 정리해 봤다. 코드는 아래 레포지토리에서 확인할 수 있다.레포지토리: https://github.com/romantech/simple-kanban데모 페이지: https://kanban.romantech.net 칸반 데이터 모..
Google Tasks(구글 할 일), 데스크탑에서 간편하게 보기
Google Tasks(구글 할 일), 데스크탑에서 간편하게 보기
2012.11.28요즘엔 할 일 목록이나 스케줄을 관리하는 어플이나 서비스가 우후죽순처럼 생겨나고 있는데요 그만큼 주어진 시간을 효율적으로 관리하는 것이 중요한 시대로 접어들고 있습니다. 저 같은 경우엔 5분 이내에 할 수 있는 일은 구글 할 일 목록에, 시간을 들여서 해야 될 일이나 기타 메모 등은 모두 에버노트에, 약속이나 미팅 등은 구글 스케줄에 저장합니다. 사실 스케줄이나 달력 메모 등은 네이버 등도 좋은 서비스를 제공하지만 모바일, 맥 등 다른 디바이스와의 연동이 편한 구글을 자주 이용하게 되네요. 모바일(안드로이드)은 GTasks를 사용하고 맥북에는 기본 할 일 앱을 사용합니다. 근데 데스크톱에는 파이어폭스 부가기능을 이용해할 일을 확인하는데 부가기능을 이것저것 많이 깔아놓아 느려진 파이어폭스를 실행해야 할 일..