sori.studio/docs/todo.md

sori.studio 할 일

1차 관리자 개발

• 블록 에디터 브라우저 수동 QA: 빈 줄 Enter, / 메뉴 필터, 방향키, Enter 선택, 한글 조합 입력 확인
• 공개 URL 수동 QA: /posts, /post/:slug, /tags, /tag/:slug, 기존 복수형 상세 리다이렉트 확인
• 블록 에디터 저장/수정 왕복 QA: 기존 글 수정 시 블록 파싱, 저장 후 다시 열기 확인
• 이미지/갤러리 블록 브라우저 수동 QA: 업로드, 너비 옵션, 저장 후 공개 렌더링, 갤러리 라이트박스 확인
• 미디어 선택 창 브라우저 수동 QA: 기존 이미지 선택, 갤러리 추가, 빈 미디어 상태 확인
• 대표 이미지 브라우저 수동 QA: 기존 미디어 선택, 새 업로드, 썸네일 표시, 삭제/변경 확인
• 미디어 라이브러리 상세 모달 수동 QA: 검색, 사용 현황, 파일명 변경, 삭제 잠금 확인
• 콜아웃, 토글, 임베드 블록 브라우저 수동 QA: / 메뉴 선택, 저장/수정 왕복, 공개 렌더링 확인

2차 관리자 개발

• 페이지 관리 브라우저 수동 QA: 생성, 수정, 삭제, 공개 보기 확인
• 사이트 설정 브라우저 수동 QA: 저장, 공개 헤더/사이드바 반영, 잘못된 URL 실패 확인
• 메뉴/네비게이션 브라우저 수동 QA: 항목 추가, 삭제, 숨김, 정렬, 공개 사이드바 반영 확인
• 미디어 라이브러리 폴더 브라우저 수동 QA: 폴더 생성, 하위 폴더 표시, Ctrl/Command 복수 선택, Shift 범위 선택, 드래그 일괄 이동, 상세 모달 폴더 변경 확인
• 미디어 라이브러리 프로필/사이트 설정 이미지 사용처 추적

3차 관리자 개발

• 초안 자동 저장
• OG 이미지 설정
• 글 미리보기

프론트엔드 개발

• 공개 화면 모바일 사이드바/네비게이션 방식 결정
• Thred 참고 화면 기준 시각 QA
• 사이드바 토글 애니메이션 세부 조정

콘텐츠 스타일 구현

• ProseHeading 실제 스타일 세부 조정
• ProseList 실제 스타일 세부 조정
• ProseBlockquote 실제 스타일 세부 조정
• ProseImage Regular/Wide/Full-width 동작 검증
• ProseImage Wide/Full-width 화면 이탈과 스킨별 최대 폭 기준 재정리
• ProseButton Left/Center 정렬 검증
• ProseCallout 실제 스타일 세부 조정
• ProseToggle 실제 스타일 세부 조정
• ProseVideo 실제 임베드 렌더링 연결
• ProseAudio 실제 오디오 렌더링 연결
• ProseFile 실제 파일 데이터 연결
• ProseProduct 실제 상품 카드 데이터 연결
• ProseHeaderCard Simple/Wide/Full-width/Split 변형 구현
• ProseEmbed Twitter 실제 렌더링 연결

데이터베이스

• NAS 운영 DB 연결 설정 실제 값 작성
• 개발 DB와 운영 DB 분리 검증 절차 작성
• CloudBeaver PostgreSQL 연결 방식 확정
• 이전에 원격에 올라간 관리자 비밀번호가 실제 사용 값이면 즉시 폐기 및 변경

배포

• UGREEN NAS Docker 배포 가이드 작성
• Docker 빌드 검증
• .env.production 작성 후 docker compose --env-file .env.production config 검증
• NAS 운영 환경 변수 작성