포트폴리오·인사이트 콘텐츠 관리 플랫폼

관리자가 포트폴리오 게시글을 목록에서 등록·수정·삭제하고 순서를 드래그로 재배치할 수 있는 화면입니다. 좌측 목록에서 항목을 선택하면 우측 상세 패널에서 이미지 업로드·순서 변경·게시 상태를 편집합니다.

• dnd-kit 기반 드래그 앤 드롭으로 포트폴리오 노출 순서 재배치
• Multer + AWS S3 연동으로 대표 이미지·갤러리 이미지 업로드 처리
• 낙관적 UI 업데이트로 삭제·순서 변경을 즉시 반영 후 서버 응답으로 검증

드래그로 순서를 바꾸는 즉시 화면에 반영되는 낙관적 UI와, 실패 시 원래 순서로 되돌리는 롤백 로직을 함께 설계합니다.

블로그·포트폴리오 상세 페이지를 블록 단위로 조합해 작성할 수 있는 에디터 화면입니다. 좌측 블록 트리, 중앙 캔버스 미리보기, 우측 속성 패널 구조로 텍스트·이미지·갤러리 블록을 조합합니다.

• 텍스트·이미지·갤러리·구분선 등 블록 타입을 조합 가능한 블록 트리 구조 설계
• 중앙 캔버스에 실시간 미리보기를 렌더링하는 WYSIWYG 편집 구조 구현
• 블록 순서를 좌측 트리에서 드래그로 재배치하면 캔버스가 즉시 갱신되도록 상태 동기화

블록 조합형 에디터 경험을 참고해, 블록 트리와 캔버스 상태를 단일 소스로 관리하는 구조를 설계합니다.

게시글별로 언어(한/영) 버전을 관리하고, 페이지별 SEO 메타태그를 입력할 수 있는 화면입니다. 언어 탭 전환으로 번역 버전을 관리하고, 메타 타이틀·설명·OG 이미지를 페이지 단위로 설정합니다.

• 언어 탭(KR/EN) 전환으로 동일 게시글의 번역 버전을 나란히 관리하는 구조 설계
• 페이지별 메타 타이틀·설명·OG 이미지 입력 폼과 검색결과·SNS 카드 미리보기 렌더링
• 미번역 언어 버전은 원본 언어로 자동 폴백되도록 콘텐츠 조회 로직 구현

언어 탭 전환 시 번역 완료율을 배지로 표시하고, 미번역 필드를 하이라이트하는 번역 진행 관리 구조를 설계합니다.

포트폴리오·인사이트 게시 현황과 페이지별 방문 추이를 한눈에 볼 수 있는 대시보드 화면입니다. 게시 상태별 카운트, 언어별 번역 완료율, 페이지별 방문 추이 차트를 구성합니다.

• Recharts로 페이지별 방문 추이·게시글 상태 분포를 시각화
• PostgreSQL Materialized View로 일별 방문·게시 통계를 사전 집계해 대시보드 조회 구조 최적화
• 예약 게시(발행 예정일 지정) 항목을 별도 큐로 관리해 지정 시각에 자동 공개되도록 설계

예약 게시 큐와 통계 집계 뷰를 분리 설계해, 콘텐츠가 누적돼도 대시보드 조회 구조를 일정하게 유지합니다.