OH SU JINFrontend Engineer

사내 서비스진행 중멀티 모듈 콘솔

AI-LAB 통합 콘솔

여러 AI 서비스 모듈을 한 콘솔에서 운영·정산·조회하는 사내 플랫폼.

담당
프론트엔드 전담 · 6개월 연속 개발 (핸드오프 로그 39건)
팀
백엔드 1 · 프론트 1(본인)
기간
2026.03 – 진행 중

트래킹 SDK, GEO 지표, 디자인 시스템, 배너 생성, 릴스 스튜디오, 챗봇까지 서로 다른 모듈을 하나의 콘솔에 얹었다. 모듈마다 인증 방식과 데이터 모델이 달라서, 공통 레이어를 어디까지 끌어올릴지가 계속되는 판단이었다.

배포
사내 운영 콘솔
스택
React 19ViteTypeScriptTailwind CSS v4shadcn/uiZustandTanStack QueryZodaxios

주요 작업

  • 게스트 가드와 토큰 핸드오프

    • 외부 모듈로 넘어갈 때 쿠키로 토큰을 핸드오프하고, 로그아웃 시 서버 키를 폐기한다.
    • 조직 트리에서 선택한 노드가 계정 필터로 전파되도록 상태를 설계해, 모듈이 늘어도 진입 경로는 하나로 유지된다.
  • 운영자 화면과 사용자 화면의 공용화

    • 프로젝트 상세 Drawer를 운영자와 마이페이지가 공유하되, 내부 식별자·토큰·원가는 사용자 쪽에 노출하지 않는다.
    • 같은 컴포넌트를 쓰면서 노출 범위를 분기하는 편이, 화면을 두 벌 유지하는 것보다 어긋날 여지가 적었다.
  • 레포 위생도 작업의 일부로

    • 데드코드와 미사용 의존성을 정리하고 lint·타입체크·테스트·빌드를 전부 통과시키는 것을 마무리 기준으로 잡았다.
    • 배포 환경변수는 파이프라인 단일 소스로, 개발 환경은 로컬 env 파일로 일원화했다.
통합 모듈
6종
트래킹 · GEO · MDS · Banner Fit · Reels · 챗봇
개발 기간
6개월 연속 · 핸드오프 39건
공통화
사용이력 필터바 · 요약 카드 · 운영자 패널 · Drawer