Kunnworks
D09업무 시스템

드래그앤드롭 기반 프로젝트 칸반 관리 도구

프로젝트 팀원을 위한 쿤웍스의 드래그앤드롭 기반 프로젝트 칸반 관리 도구 제품 사례. 작업의 진행 상태와 우선순위를 함께 파악하는 어려움을 핵심 검토 과제로 설정.

프로젝트 범위
제품 사례
기술·작업 구성
React, TypeScript, Express, dnd-kit, JSON 파일 저장
핵심 기능 살펴보기
드래그앤드롭 기반 프로젝트 칸반 관리 도구
D09 / PROJECT COVER제품 사례
01 프로젝트 배경

문제와 접근 방식

프로젝트·열·작업 단위를 나누고 드래그앤드롭 이동과 순서 변경을 저장 API에 연결한 업무 보드 구현. 프로젝트별 열과 작업 카드를 구성하여 진행 상태를 한 화면에서 확인하는 칸반 구현.

02 핵심 기능

화면으로 보는 핵심 기능

03 / 04

드래그앤드롭 이동

팀원을 위한 카드 이동과 순서 변경으로 업무 상태·우선순위 조정 지원

드래그앤드롭 이동 — 팀원을 위한 카드 이동과 순서 변경으로 업무 상태·우선순위 조정 지원
드래그앤드롭 이동이미지 크게 보기 (새 탭)
03 상세 화면·설계

구조와 설계의 연결

프로젝트의 정보 구조와 화면 구성, 설계 기준을 한눈에 살펴보세요

프로젝트 상세 보드 — 드래그앤드롭 기반 프로젝트 칸반 관리 도구
프로젝트 상세 보드이미지 크게 보기 (새 탭)