D09 · BUSINESS SYSTEMS

제품·시연 사례제공된 제품 화면 · 예시 데이터

칸반 프로젝트 관리

프로젝트와 열·작업을 관리하는 칸반 웹 제품입니다. 작업의 생성·편집·우선순위와 열 사이 이동을 다루는 화면에 Express API와 JSON 파일 저장 범위를 포함했습니다.

사례
드래그앤드롭 기반 프로젝트 칸반 관리 도구
수행 유형
제품·시연 사례
작업 범위
프로젝트 · 열·작업 관리 · 우선순위 · 드래그 정렬·이동 · API·저장
자료
제공된 제품 화면 · 예시 데이터

프로젝트와 작업을 단계별로 관리

프로젝트 안에 열을 구성하고 작업의 제목·설명·우선순위를 등록하거나 수정하는 칸반 제품입니다. 작업 추가 양식과 열 구성을 통해 작업을 만들고 관리하는 정보 구조를 보여줍니다.

작업의 내용과 위치를 함께 다루기

dnd-kit으로 열 안의 정렬과 열 사이 이동을 구성했습니다. 작업의 제목과 설명뿐 아니라 소속 열과 순서도 변경 대상으로 다뤄 보드 위의 위치가 작업 상태와 연결되도록 했습니다.

화면에서 API와 저장까지

Express API에서 프로젝트 생성·조회·수정·삭제와 프로젝트별 작업 조회, 작업 생성·수정·삭제를 처리하는 범위를 구성했습니다. UUID와 JSON 파일 저장을 사용하며 화면의 관리 동작과 서버의 데이터 구조를 함께 다룬 풀스택 웹 제품입니다.

PROJECT INFO

  • 제작: 쿤웍스
  • 제품: 풀스택 협업 웹 애플리케이션
  • 기술: React · TypeScript · dnd-kit · Express · JSON 파일 저장

비슷한 일을 준비 중이라면.이 사례 정보가 문의서에 함께 담깁니다.

MORE · BUSINESS SYSTEMS

같은 분야의 다른 사례

전체 사례 보기

우리 업무에 적용한다면.

이 사례 정보가 문의서에 함께 담깁니다.

프로젝트 문의하기