← 포트폴리오 목록

비개발자용 홈페이지 관리자 콘솔 및 운영 현황

공개 홈페이지 이후 단계로, 내부 IT 인력이 없는 담당자가 연혁·기본정보·공지를 직접 수정하고 문의 접수와 호스팅 상태를 확인하는 관리자 콘솔 구현한 프로젝트입니다.

프로젝트 납품 요약

아래 프로젝트 개요와 핵심 기능에서 구현 화면을 확인할 수 있습니다.

서비스 타입Web
업종플랫폼
기술 스택
WordPressPHPMySQL커스텀 테마ACF 필드 그룹WP-CLIHTML/CSS/JavaScriptRedis 오브젝트 캐시
주요 기능
  • 연혁·기본정보 편집
  • 공지사항 관리
  • 문의 접수함
  • 호스팅·유지비 현황

프로젝트 개요

범위: 개발, 디자인, 기획

공개 홈페이지 이후 단계로, 내부 IT 인력이 없는 담당자가 연혁·기본정보·공지를 직접 수정하고 문의 접수와 호스팅 상태를 확인하는 관리자 콘솔 구현한 프로젝트입니다. 워드프레스 관리자 필드 구조를 반영해 화면을 설계하며, 호스팅 방식별 월 유지비 비교까지 한 곳에서 제안합니다.

작업 범위

  • 연혁·기본정보 편집: 연혁 항목과 회사 기본정보를 목록에서 선택해 오른쪽 패널에서 바로 수정합니다
  • 공지사항 관리: 공지 작성, 임시저장, 공개 예약, 상단 고정 설정을 한 화면에서 처리합니다
  • 문의 접수함: 홈페이지 문의 목록과 처리 상태, 담당자 메모, 답변 이력을 제공합니다
  • 호스팅·유지비 현황: 공용 호스팅과 클라우드 두 방식의 구성, 월 유지비 비교, 백업·SSL·업데이트 상태를 보여줍니다

주요 업무

  • 연혁·기본정보 편집 화면: ACF 필드 그룹 구조를 반영한 입력 화면으로 설계합니다
  • 공지사항 관리 화면: 포스트 상태(draft, publish, future) 흐름을 반영한 목록과 편집 구조입니다
  • 문의 접수함 화면: 문의를 커스텀 포스트 타입으로 저장하는 구조를 반영합니다
  • 호스팅·유지비 현황 화면: WP-CLI 기반 배포 및 점검 명령 결과를 화면 항목으로 표현하는 구조를 반영합니다
비개발자용 홈페이지 관리자 콘솔 및 운영 현황
요구사항 정의

프로젝트 핵심 과제

프로젝트 진행 시 해결한 핵심 기술 과제입니다.

비개발자가 필드를 잘못 입력해도 공개 화면이 깨지지 않

입력 형식 제한과 미리보기 검증 구조를 설계할 필요가 있습니다

공지 예약 공개의 시간대와 상태 전환 규칙이 어긋나지 않

서버 시간 기준 정책을 정해 대응합니다

SMTP 인증 실패나 스팸 분류로 문의 메일이 누락될 수

접수함 저장과 재발송 큐로 대응합니다

공용 호스팅과 클라우드는 제어 범위가 달라 배포 스크립트의 환경별 분기 설계가 필요합니다

하자보수 3개월 범위가 모호해지지 않

접수 채널과 대응 범위를 문서화하는 구조로 대응합니다

구현 내용

핵심 기능 상세

핵심 기능 1

연혁·기본정보 편집

연혁 항목과 회사 기본정보를 목록에서 선택해 오른쪽 패널에서 바로 수정합니다. ACF 필드 그룹 구조를 반영한 입력 화면으로 설계합니다.

  • ACF 필드 그룹과 리피터 필드로 연혁 항목 추가·정렬 입력 화면 설계
  • 필드별 도움말과 형식 검증으로 비개발자 입력 오류를 줄이는 폼 설계
  • 저장 전 미리보기 패널로 공개 화면 반영 모습을 확인하는 흐름 구현

목록과 상세 패널을 같은 화면에 두어 항목 이동 시 모달 없이 연속 편집이 가능한 구조를 설계합니다.

연혁·기본정보 편집
연혁·기본정보 편집 실제 화면
핵심 기능 2

공지사항 관리

공지 작성, 임시저장, 공개 예약, 상단 고정 설정을 한 화면에서 처리합니다. 포스트 상태(draft, publish, future) 흐름을 반영한 목록과 편집 구조입니다.

  • 포스트 상태 draft·pending·publish·future 전환 흐름을 상태 배지로 표시
  • 공개 예약은 wp_schedule_event 구조를 반영한 예약 일시 입력으로 설계
  • 일괄 선택 후 공개·숨김 처리하는 대량 작업 구조 구현

공지 상태 전환을 한 목록에서 처리해 담당자가 작성부터 공개까지 화면 이동 없이 마칠 수 있는 구조를 설계합니다.

공지사항 관리
공지사항 관리 실제 화면
핵심 기능 3

문의 접수함

홈페이지 문의 목록과 처리 상태, 담당자 메모, 답변 이력을 제공합니다. 문의를 커스텀 포스트 타입으로 저장하는 구조를 반영합니다.

  • 문의 커스텀 포스트 타입과 상태 메타(신규·확인·완료)로 처리 흐름 설계
  • SMTP 발송 결과를 접수 건에 기록해 실패 건을 재발송 대상으로 분류
  • 담당자 메모와 처리 이력을 시간순 타임라인으로 표시

메일 발송 성공 여부를 접수 건마다 기록해 발송 실패 문의가 누락되지 않도록 추적하는 구조를 설계합니다.

문의 접수함
문의 접수함 실제 화면
핵심 기능 4

호스팅·유지비 현황

공용 호스팅과 클라우드 두 방식의 구성, 월 유지비 비교, 백업·SSL·업데이트 상태를 보여줍니다. WP-CLI 기반 배포 및 점검 명령 결과를 화면 항목으로 표현하는 구조를 반영합니다.

  • WP-CLI 점검 명령(core, plugin, db) 결과를 상태 카드 구조로 표현
  • 호스팅 방식별 항목별 월 비용 비교표와 선택 시 합계 재계산 구현
  • SSL 만료일과 백업 시점 임박 항목을 경고 배지로 표시

배포와 점검을 스크립트로 재현 가능하게 구성하는 방식을 상태 화면으로 보여주고 호스팅 선택 근거를 비교표로 제시합니다.

호스팅·유지비 현황
호스팅·유지비 현황 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

관리자 필드 구조 및 목록-상세 편집 구현 · 2026.10

연혁·기본정보·공지 필드 그룹과 권한 설계, 좌측 목록·우측 패널 편집 화면 구현

STEP 2

문의 접수함과 발송 기록 구현 · 2026.10

문의 상태 흐름, 담당자 메모, SMTP 발송 결과 기록 화면 구현

STEP 3

배포 스크립트 및 점검 화면 구현 · 2026.10

WP-CLI 배포·이관·점검 명령 정리와 호스팅 현황 화면 구현

STEP 4

관리자 매뉴얼 및 인수 문서 구성 · 2026.10

화면별 사용 가이드, 계정 인계 체크리스트, 하자보수 범위 문서 구성

개발 결과

비개발자용 필드 입력 체계 설계ACF 필드 그룹 10~14개에 도움말과 형식 검증을 적용해 입력 오류를 사전에 막는 편집 체계를 설계합니다.
공지 상태 전환 워크플로우 구현임시저장·검토·공개·예약 상태를 한 목록에서 전환하고 일괄 처리하는 공지 관리 흐름을 구현합니다.
발송 결과 추적형 문의 접수함 구축SMTP 발송 성공과 실패를 접수 건에 기록하고 실패 건을 재발송 대상으로 분류하는 구조를 구축합니다.
WP-CLI 기반 재현 가능 배포 구조 설계코어·플러그인·DB 점검과 이관 명령을 스크립트로 정리해 환경 이전 절차를 재현할 수 있도록 설계합니다.

기술적 주안점

  • 목록과 상세 패널을 같은 화면에 두어 항목 이동 시 모달 없이 연속 편집이 가능한 구조를 설계합니다
  • 공지 상태 전환을 한 목록에서 처리해 담당자가 작성부터 공개까지 화면 이동 없이 마칠 수 있는 구조를 설계합니다
  • 메일 발송 성공 여부를 접수 건마다 기록해 발송 실패 문의가 누락되지 않도록 추적하는 구조를 설계합니다

유사한 프로젝트를 기획하고 계신가요?

필요한 기능과 일정을 알려주시면 개발 범위를 함께 정리하겠습니다.

프로젝트 문의