사용자·관리자 UI 및 반응형 퍼블리싱
홈페이지 메인과 프로젝트 상세, 관리자 로그인·대시보드·관리 화면을 디자인하고 퍼블리싱했습니다. 브라운·아이보리 톤으로 디자인을 통일하고 사이드바, 내비게이션, 입력 폼을 PC·모바일 환경에 맞춰 구현했습니다.
PORTFOLIO DETAIL
홈페이지·관리자 체험 시스템
아이디: demo / 비밀번호: StudioDemo!26
홈페이지와 관리자를 연결한 체험형 데모 시스템. 프로젝트 등록·수정·삭제, 이미지 업로드, 공개 설정, 홈페이지 문구 편집과 문의 관리를 구현했습니다.
PROJECT OVERVIEW
작업 개요
홈페이지 제작을 의뢰하는 고객이 관리자 기능과 콘텐츠 운영 과정을 직접 확인할 수 있도록 체험형 데모 시스템을 제작했습니다.
사용자 홈페이지와 관리자 화면을 연결해 프로젝트와 이미지를 등록하거나 수정하면 해당 내용이 홈페이지 목록과 상세 화면에 반영되도록 구현했습니다. 홈페이지 주요 문구 편집과 문의 접수·상태 관리까지 하나의 흐름으로 체험할 수 있도록 구성했습니다.
브라운·아이보리 색상을 중심으로 사용자 화면과 관리자의 디자인을 통일하고, 사이드바 내비게이션과 대시보드, 입력 폼을 반응형으로 구현했습니다. 체험 데이터는 방문자의 PHP 세션별로 분리되며, 체험 시작 후 2시간이 지나거나 세션이 만료되면 초기화됩니다.
WORK SCOPE
담당 작업 범위
콘텐츠 관리 및 홈페이지 연동
프로젝트 등록·수정·삭제, 대표 이미지와 갤러리 관리, 노출 순서·공개 설정을 구현했습니다. 홈페이지 문구 편집과 체험 문의 접수·상태 관리를 연결하고, 저장한 내용을 사용자 화면에서 확인할 수 있도록 구성했습니다.
체험 환경 및 인증·입력 검증
PHP 세션으로 방문자별 체험 데이터를 분리하고, 자동·수동 초기화 기능을 구현했습니다. 관리자 로그인 인증, CSRF 검증, 출력 이스케이프와 이미지 형식·용량 및 입력값 검증을 적용했습니다.
PREVIEW
프로젝트 화면
