Projects
03 / 03 · 피앰아이
백오피스 관리 시스템
여러 설문 서비스를 한곳에서 운영하는 템플릿 기반 어드민
- 회사
- 피앰아이
- 역할
- Frontend / Full-stack
- 기간
- 2022.06 - 2024.12
피앰아이백오피스 관리 시스템
4개
통합 서비스
-60%
운영 작업 시간
5단계
권한 역할
서비스마다 따로 있던 관리 화면 때문에 운영팀은 같은 작업을 여러 번 반복해야 했습니다.
백오피스는 설문 템플릿·사용자·권한·통계를 한곳에서 관리하는 어드민 플랫폼입니다. 화면 설계와 프론트엔드 구현, 권한 API 연동을 담당했습니다.
- 01
권한별 접근 제어
메뉴·버튼 단위로 권한을 선언하는 방식으로 설계해, 역할이 추가돼도 화면 코드를 수정하지 않도록 했습니다.
- 02
통계 대시보드
서비스별 지표를 같은 기준으로 비교할 수 있도록 기간 필터와 차트 컴포넌트를 공통화했습니다.
- 03
템플릿 관리
자주 쓰는 설문 구성을 템플릿으로 저장·복제할 수 있게 해 신규 설문 준비 시간을 줄였습니다.
- 문제
- 권한 체크 로직이 화면마다 흩어져 있어 누락으로 인한 노출 사고가 있었습니다.
- 해결
- 라우트·컴포넌트 단위 가드를 하나의 권한 맵으로 모으고, 권한 맵 기반 테스트를 추가했습니다.
- 결과
- 권한 관련 이슈 재발 0건
Frontend
- Next.js
- TypeScript
- Styled-components
- React Query
- Vue2/3
Backend
- NestJS
- TypeScript
- MongoDB
Infra
- Docker
- AWS
- GitHub
내부 도구일수록 사용자(운영팀)와 가까이서 일할 수 있다는 장점이 있었습니다. 짧은 피드백 루프로 기능을 다듬는 경험이 이후 서비스 개발에도 도움이 됐습니다.