본문으로 건너뛰기
b.BEOMSEOKPORTFOLIO
프로젝트 목록PROJECT / CASE STUDY

가비아 · 프론트엔드 개발자

하이웍스 일정관리

반복 일정과 시간대를 다루는 그룹웨어 캘린더

2024.07 — 2025.04

  • TypeScript
  • Next.js
  • TanStack Query
  • Zustand
  • FullCalendar
  • Playwright

주요 기여

  • 일정 생성·수정·삭제와 첨부파일, 알림
  • 반복 주기와 범위 계산, 시간대 처리
  • 반복 일정 수정 범위를 현재 일정·이후 일정·전체 일정으로 구분
  • 선택한 캘린더를 주소에 반영해 새로고침 후에도 유지
  • 모달의 책임을 나누고 조합할 수 있는 구조로 재작성

어떤 문제에서 시작했나요?

레거시 일정관리를 새로 만드는 프로젝트였어요. 라우팅과 상태 관리부터 서비스 구조를 정하고 일정 기능을 구현했어요.

어떤 선택을 했나요?

직접 만든 통신 계층을 유지하는 부담을 확인하고 표준 라이브러리로 돌아왔어요. 구조는 한 번 정한 뒤 고정하는 것이 아니라, 팀이 읽고 유지할 수 있는지를 기준으로 다시 선택했어요.

화면이 그려진 뒤 값을 맞추는 부수 효과를 줄이고, 가능한 상태는 초기값으로 정했어요. 브라우저 테스트 환경과 기여 가이드도 함께 구성했어요.

다른 프로젝트도 살펴보세요프로젝트 목록