NDAWork
운영 관리용 백오피스
Technical SkillsReactNext.jsTypeScriptMUIEmotionSWR
Period2024.03 — 2026.03
RoleFrontend Engineer
OrgMVerse
본 이미지는 NDA 및 저작권 보호를 위해 실제 서비스명, 로고, 데이터와 일부 시각 자료를 비식별화하여 재구성한 포트폴리오용 대체 화면입니다.
프로젝트 설명
운영 중인 각 서비스별 어드민 프로젝트 5개를 담당하여 신규 개발 및 유지보수 수행
담당 및 구현
- 운영 데이터를 효율적으로 관리할 수 있는 대시보드 및 관리 인터페이스 구현
- 운영팀의 불편 사항을 도출해 기능 요구사항으로 정리하고, 이를 반영한 어드민 기능을 구현하며 운영 과정에서 발생하는 이슈를 지속적으로 개선
운영 관점에서 필요한 기능을 먼저 제안하고 개선
- 문제 — 5개의 어드민 프로젝트를 담당하면서 전달받은 요구사항만으로는 실제 운영 과정에서 필요한 정보나 기능이 충분하지 않은 경우가 있었습니다. (예시: 비디오 등록 기능 시 URL 입력만 정의되어 있어, 등록 전 올바른 영상인지 사전 확인 불가 등)
- 판단 — 어드민은 운영자가 데이터를 직접 등록하고 수정하는 만큼, 필요한 정보를 충분히 확인하고 실수할 가능성을 줄이는 흐름이 중요하다고 생각했습니다. 개발 중 발견한 운영상의 불편도 필요한 기능으로 구체화할 필요가 있다고 판단했습니다.
- 해결 — 비디오 등록 전 내용을 확인할 수 있는 미리보기 기능을 먼저 구현해 기획자에게 제안했고, 실제 어드민 기능으로 반영했습니다. 유저 상세 모달에서도 운영 과정에서 함께 확인하면 좋을 데이터를 추가로 노출하는 등, 여러 개선점을 기획자와 논의했습니다.
- 결과 — 운영자가 비디오를 등록하기 전에 내용을 직접 확인할 수 있게 되었고, 유저 상세 모달에서도 운영에 필요한 데이터를 한 화면에서 볼 수 있게 됐습니다. 이후 다른 어드민을 개발할 때도 필요한 기능이나 개선점을 발견하면 기획자에게 먼저 제안해 반영했습니다.