외주 관리자 시스템과 공통 개발 기반

명확한 관리자 기획서가 없는 외주 프로젝트에서 디자인을 바탕으로 편집 범위와 처리 상태, 운영 규칙을 정해야 했습니다. PM과 함께 고객사와 소통하고 중간 배포본의 검수 피드백을 반영했습니다.

관리자 기능·운영 규칙 정의 · 화면·API 개발 · 공통 기반 제작

2026.06 ~ 현재

기업·의료기관 관리자 시스템은 실제 사용 중입니다. 의료기관은 관리자 영역을 담당했습니다. 공통 보일러플레이트는 목데이터 기반이며, 프로젝트별 영속 DB 연결과 콘텐츠 기능은 별도 구현합니다.

1. 01

   디자인을 운영 가능한 관리자 기능으로 구체화

   관리자 기획이 명확하지 않아 화면만으로는 편집 가능한 항목과 처리 규칙을 결정할 수 없었습니다.

2. 02

   반복되는 관리자 기반 분리

   외주마다 인증과 권한, 업로드, 공통 화면을 반복 구성해야 했습니다.

고객사가 실제 사용 중인 기업·의료기관 홈페이지의 관리자 화면과 API를 개발했습니다. 관리 기능과 운영 규칙을 구체화하고, 반복되는 인증·권한·업로드·공통 UI를 후속 프로젝트를 위한 보일러플레이트로 분리했습니다.

• 기업 홈페이지의 콘텐츠·회사 정보·관리자 계정·로그 등 관리자 영역 개발
• 기업 홈페이지 고객지원·제품 소개 등 일부 사용자 화면 구현
• 의료기관 홈페이지 상담 처리·블랙리스트·이벤트·팝업·의료진 편집 기능 정의 및 개발
• 관리자 화면·API·입력 검증·메뉴 권한·파일 업로드 구현
• 외주사 검수용 Vercel 배포 및 피드백 반영
• 인증·권한·공통 UI·업로드·데이터 접근 계층과 사용 가이드 모듈화

1. 디자인을 운영 가능한 관리자 기능으로 구체화

   상담 상태·메모·검색·블랙리스트, 이벤트 기간·게시 여부, 의료진 편집 범위를 기능 스펙으로 정의하고 화면·API로 구현했습니다.

   고객사가 중간 배포본을 검수하며 관리 기능을 확인하고 추가 요청을 반영할 수 있는 흐름을 마련했습니다.

2. 반복되는 관리자 기반 분리

   공통 기능을 보일러플레이트로 모듈화하고, 목데이터와 실제 DB 구현을 교체할 수 있는 데이터 접근 계층과 사용 가이드를 정리했습니다.

   후속 관리자 프로젝트의 초기 기반으로 사용하고 있습니다. 프로젝트별 콘텐츠 기능과 영속 DB 연결은 별도로 구현하는 구조입니다.

1. 업무 구체화운영 규칙
2. 관리 화면React
3. 기능 처리API
4. 피드백 반영고객 검수

담당 기능을 중심으로 정리한 개념 흐름입니다.

관리자 UI

Next.js · React Hook Form · 공통 UI

입력·권한

Zod · 메뉴 권한 · 관리자 계정

데이터 계층

Prisma · 프로젝트별 DB 연결

재사용 기반

인증·권한·로그·업로드 모듈과 사용 가이드

• ✓중간 Vercel 배포본으로 고객사 검수와 추가 요청 반영
• ✓관리자 입력 검증·메뉴 권한·처리 상태 기준 적용
• ✓공통 보일러플레이트의 목데이터와 실제 DB 구현 분리

• Next.js
• React
• TypeScript
• Prisma
• Zod
• React Hook Form
• Vercel