j. kim jiyun
← 모든 프로젝트
실무 / 2025.12 – 2026.04

광주 도로지킴이

지도·실시간 통신·차트를 결합해 현장 도로 관리 업무를 전용 플랫폼으로 모았습니다.

ROLE

사용자 페이지 프론트엔드 담당

PERIOD

2025.12 – 2026.04

STACK
Vue 3TypeScriptVitePiniaAxiosSCSSKakao MapsChart.jsWebSocket
01 / CONTEXT

어떤 문제였나요?

메신저에서 공·사 구분 없이 공유되던 현장 업무를 일원화하는 광주광역시 데이터허브 공공 SI 구축사업입니다.

02 / CONTRIBUTION

이렇게 풀었습니다.

  1. 01

    역할별 컴포넌트와 공통 Composable로 API 호출·로딩·에러 처리를 일관화했습니다.

  2. 02

    제네릭 응답 래퍼와 페이지네이션 타입을 정의하고 CSS 변수로 테마를 정리했습니다.

  3. 03

    카카오 지도와 Chart.js 시각화, Vue-advanced-chat 기반 WebSocket 통신을 구현했습니다.

  4. 04

    관리자 페이지 개발자와 공통 컴포넌트·코드 컨벤션을 공유했습니다.

03 / OUTCOME

결과와 배운 점.

위험 구간 모니터링 대시보드를 초기 구조 설계부터 구현하고, 현장 업무를 전용 플랫폼에서 처리하도록 구성했습니다.

NEXT PROJECT

아산 스마트시티 데이터 포털↗