OH SU JINFrontend Engineer

사내 서비스운영 중어드민

쏙쏙 Admin

상담 신청·광고 통계·관리자 관리를 다루는 운영 어드민.

담당
프론트엔드 전담 · 퍼블리싱 · API 연동 · 배포
팀
백엔드 1 · 프론트 1(본인)
기간
2026.07

상담 신청·광고 통계·관리자 관리를 다루는 운영 어드민. 디자인 토큰과 CSS Modules로 시안을 그대로 옮기되, 폴더 구조는 타입이 아니라 도메인 기준으로 잡았다.

배포
운영자 전용
스택
ReactTypeScriptCSS Modules디자인 토큰AWS S3CloudFront

주요 작업

  • 도메인별 폴더와 타입별 폴더를 섞어 썼다

    • 페이지와 훅은 도메인(관리자·인증·상담·광고통계)별로 나누고, api·components·lib·store·types는 타입 기준을 유지했다.
    • 화면 단위로 붙는 것은 도메인이 맞고, 여러 도메인이 함께 쓰는 것은 타입이 맞다.
    • 한 가지 규칙으로 밀어붙이지 않는 편이 찾기 쉬웠다.
  • 엑셀 내보내기에 가드를 걸었다

    • 통계 내보내기는 기간이 필수이고 최대 1개월로 제한한다.
    • 제한이 없으면 운영 DB를 통째로 긁는 쿼리가 언제든 나갈 수 있다.
    • 비밀번호 확인 팝업도 함께 뒀다.
인증
로그인 · refresh · 라우트 가드 · 최초 로그인 비밀번호 변경
E2E 검증
공통 컴포넌트
DataTable · SearchPanel · Pagination · Modal · Skeleton
배포
푸시 시 자동 배포