플러스프로젝트 배경
해결하려는 문제 기업 내부 구성원의 업무는 할 일·일정·프로젝트가 서로 분리된 도구에 흩어져 있었습니다. 할 일은 체크리스트로, 일정은 캘린더로, 프로젝트는 또 다른 보드로 관리되다 보니 같은 업무가 여러 곳에 중복 입력되고, 부모 업무와 하위 업무의 연결이 끊겨 진행 상황을 한눈에 파악하기 어려웠습니다. 여기에 이 협업은 웹 브라우저뿐 아니라 iOS WebView와 Electron 데스크톱 앱에
프로젝트 성과
Todo·Schedule·Project를 단일 데이터 모델로 통합
세 엔티티를 division으로 구분하되 동일 인터페이스와 부모-자식 트리 구조를 공유하도록 설계해, 중복 로직을 제거하고 기능 확장이 쉬운 구조를 만들었습니다.
React Query API 통신 계층 추상화
도메인 독립적인 CRUD 훅(useFetch·usePost·useUpdate 등)을 표준화하고, 변이 후 캐시를 무효화해 데이터 정합성을 일관되게 유지했습니다.
통합 인증 및 자동 토큰 갱신
JWT 파싱과 인터셉터 기반 자동 토큰 갱신을 구현하고, sessionStorage 방식을 HttpOnly 쿠키 SSO로 전환해 보안을 강화하고 4개 앱 단일 로그인을 구현했습니다.
실시간 대시보드 알림(SSE)
EventSource 기반 실시간 알림을 연동하고, 쿠키 인증 전환에 맞춰 cross-origin·same-site 쿠키 전송 구조로 재설계했습니다.
멀티 플랫폼 파일 처리
iOS WebView·Electron 환경별 네이티브 다운로드 브릿지를 구현하고, 쿠키 미도달 영역을 presigned URL 기반 자기인증 다운로드로 전환했습니다.
핵심 기능
할 일·일정·프로젝트 통합 관리
할 일·일정·프로젝트를 한 화면에서 통합 관리하며, 동일한 데이터 구조와 부모-자식 트리로 상위 업무 아래 하위 업무·일정을 연결해 진행 상황을 한눈에 추적합니다.
진행 단계
기획
2022.03.
업무가 할 일·일정·프로젝트로 분산된 문제를 정의하고, 세 엔티티를 하나로 묶는 통합 데이터 모델과 SSO 인증 방향을 설계했습니다. 화면 흐름과 멀티 플랫폼 요구사항을 정리했습니다.
프로젝트 상세
협업 플랫폼 프론트엔드 (Next.js 기반 Todo / Schedule / Project 통합 관리) 프로젝트 개요 기업 내부 구성원이 사용하는 B2B 협업 플랫폼의 프론트엔드와 백엔드를 단독으로 설계·개발했습니다. Next.js 기반 웹 클라이언트와 Moleculer 마이크로서비스 백엔드를 함께 구축한 풀스택 프로젝트입니다. 할 일(Todo), 일정(Schedule), 프로젝트(Project)를
