컬러 콘텐츠 통합 관리자 CMS

기존 포스트 페이지를 복제하여 레이아웃은 고정하고 텍스트·이미지·영상 내용만 교체하는 신규 글 작성 에디터입니다.

• 블록 트리를 JSON 문서로 직렬화하여 페이지 복제 시 레이아웃 정의는 참조하고 내용 필드만 복사하는 템플릿 구조 설계
• TipTap 기반 리치 텍스트 편집과 이미지·영상 블록 삽입, 드래그 정렬을 지원하는 에디터 구현
• 카테고리·태그 지정과 임시 저장, 발행 상태 전환을 지원하는 포스트 작성 흐름 설계

레이아웃과 내용을 분리 저장하는 문서 모델을 설계하여, 관리자가 디자인을 훼손하지 않고 내용만 교체해 새 글을 만드는 흐름을 구현합니다.

컬러 사전 항목의 코드, 설명, 연관 자료를 등록·수정·삭제하고 검색 노출 상태를 관리하는 사전 CRUD 화면입니다.

• 서버 사이드 페이지네이션과 정렬·필터를 지원하는 데이터 표 구현, 선택 항목 일괄 수정 기능 설계
• CSV 업로드 시 행 단위 유효성 검증 결과를 미리보기로 보여주고 통과 행만 일괄 등록하는 흐름 구현
• 항목별 수정 이력 테이블을 두어 변경 전후 값을 비교하고 이전 값으로 되돌리는 기능 설계

초기 데이터 적재를 위한 CSV 일괄 등록과 행 단위 검증을 결합하여, 대량 사전 데이터를 관리자가 직접 안전하게 등록할 수 있는 구조를 설계합니다.

나의 컬러 찾기의 질문, 선택지, 분기 규칙, 결과를 코드 수정 없이 관리자가 시각적으로 편집하는 CMS 화면입니다.

• 질문·선택지·결과를 노드와 연결선으로 표시하는 분기 그래프 편집 화면 구현, 연결 변경 즉시 반영
• 발행 전 그래프를 순회하여 끊긴 분기와 결과 없는 경로를 찾아 목록으로 알려주는 검증 로직 구현
• 분기 설정을 버전으로 저장하고 초안 버전과 발행 버전을 분리하여 공개 사이트 영향을 차단하는 구조 설계

초안과 발행 버전을 분리 저장하고 발행 전 경로 검증을 거치도록 설계하여, 분기 편집 중에도 공개 위저드가 영향을 받지 않는 구조를 구현합니다.

갤러리 이미지를 업로드하고 카테고리를 분류하며 노출 순서와 상태를 관리하는 갤러리 CRUD 화면입니다.

• 다중 파일 드래그 앤 드롭 업로드와 업로드 진행 표시, 실패 항목 재시도를 지원하는 업로더 구현
• 업로드 시 원본을 보관하고 목록용 축소본을 생성하는 이미지 처리 작업을 Redis 기반 큐로 분리 설계
• AWS S3 호환 스토리지 어댑터를 인터페이스로 분리하여 저장소 이전 시 설정 변경만으로 교체되는 구조 적용

이미지 처리를 큐로 분리하고 스토리지를 어댑터 인터페이스 뒤에 두어, 서버 이전이나 개발사 교체 시에도 갤러리 기능이 그대로 이관되는 구조를 설계합니다.