뒤로 가기
회사DoublT

더블유웍스 - 사내올인원 통합 시스템

사내 업무 효율화를 위해 근태 관리, 인사 관리, 전자 결재 등 핵심 기능을 하나의 플랫폼에서 통합 제공하는 올인원 업무 관리 시스템입니다.

기간

2025.05 ~ 2025.10

역할

FE 80%, BE 20% (단기간 서포트)

팀 규모

8

기술 스택

React 19TypeScriptViteTailwind CSS 4.0React QueryContext APIReact Hook FormZodSocket.ioRecharts

프로젝트 상세 소개

DoubltWorks는 기업용 통합 업무 시스템으로, 전자결재, 근태관리, 인사관리, CRM, ERP 등의 기능을 하나의 플랫폼에서 제공합니다. React 19와 최신 상태 관리 패턴을 적용하여 대규모 엔터프라이즈 애플리케이션을 구현했습니다.

주요 기능

  • 전자결재 시스템 (기안 작성/수정/삭제, 순차/병렬/이중병렬 결재선)
  • 근태관리 시스템 (출퇴근, 휴가, 유연근로)
  • 인사관리 시스템 (직원 정보 CRUD, 조직도)
  • JWT 기반 인증 + 자동 토큰 갱신
  • 권한 기반 라우트 보호

담당 업무

전자결재 시스템

  • 기안 작성/수정/삭제 및 결재선 관리 UI 구현
  • 순차/병렬/이중병렬 결재 타입별 분기 처리
  • API 연동 및 복잡한 상태 관리

근태관리 시스템

  • 출퇴근 체크인/아웃, 유연근로 등 실시간 상태 표시
  • 휴가/근무 요청 폼 및 승인 플로우 구현
  • API 모듈 설계 및 유지보수

공통 아키텍처

  • Axios 인터셉터 기반 API 에러 중앙 처리 구현
  • JWT 토큰 자동 갱신 로직 (동시 요청 큐 처리)
  • React Query + Context 기반 상태 관리 아키텍처 설계

프로젝트 구조

src/
apis/
Axios.ts
QUERY_KEYS.ts
[module]/
components/
Layout.tsx
Modal/
Form/
Table/
context/
UserContext.tsx
UIContext.tsx
hooks/
useUser.ts
useDebounce.ts
usePagination.ts
pages/
approval/
timekeeping/
hr/
types/
utils/
constants/
routes/