개요
후보 라이브러리 승인 플로우를 개선하고, 플레이그라운드 영역의 UI/UX를 대폭 향상시킵니다.
주요 변경사항
1. 후보 승인 플로우 개선
- 승인 후 콘텐츠 자동 생성 → 수동 생성으로 변경 (토큰 비용 절감)
- 승인 알림 배너에 "콘텐츠 생성" 버튼 추가
- 승인 후 목록 자동 새로고침 기능
- 콘텐츠 미생성 라이브러리 관리 UI 추가
2. Sandpack 플레이그라운드 개선
- Sandpack 템플릿 자동 감지 (react vs react-ts)
- playground_code 테이블의 멀티파일 코드 지원
- Hello World 대신 실제 코드 표시되도록 수정
3. 플레이그라운드 UI 사용성 개선
- 에디터 높이 400px → 500px 증가
- 데스크톱: 좌우 분할 레이아웃 + 드래그 리사이즈
- 모바일: 상하 배치 (코드 위 / 미리보기 아래)
- 풀스크린 모드 추가 (ESC 닫기 지원)
성공 기준
- 승인 후 수동으로 콘텐츠 생성 가능
- 플레이그라운드에서 실제 코드가 정상 렌더링됨
- 드래그로 에디터/프리뷰 영역 조절 가능
- 풀스크린 모드 동작
개요
후보 라이브러리 승인 플로우를 개선하고, 플레이그라운드 영역의 UI/UX를 대폭 향상시킵니다.
주요 변경사항
1. 후보 승인 플로우 개선
2. Sandpack 플레이그라운드 개선
3. 플레이그라운드 UI 사용성 개선
성공 기준