Skip to content

[enhance] 후보 승인 플로우 개선 및 플레이그라운드 UI 사용성 향상 #4

Description

@ShinChanU

개요

후보 라이브러리 승인 플로우를 개선하고, 플레이그라운드 영역의 UI/UX를 대폭 향상시킵니다.

주요 변경사항

1. 후보 승인 플로우 개선

  • 승인 후 콘텐츠 자동 생성 → 수동 생성으로 변경 (토큰 비용 절감)
  • 승인 알림 배너에 "콘텐츠 생성" 버튼 추가
  • 승인 후 목록 자동 새로고침 기능
  • 콘텐츠 미생성 라이브러리 관리 UI 추가

2. Sandpack 플레이그라운드 개선

  • Sandpack 템플릿 자동 감지 (react vs react-ts)
  • playground_code 테이블의 멀티파일 코드 지원
  • Hello World 대신 실제 코드 표시되도록 수정

3. 플레이그라운드 UI 사용성 개선

  • 에디터 높이 400px → 500px 증가
  • 데스크톱: 좌우 분할 레이아웃 + 드래그 리사이즈
  • 모바일: 상하 배치 (코드 위 / 미리보기 아래)
  • 풀스크린 모드 추가 (ESC 닫기 지원)

성공 기준

  • 승인 후 수동으로 콘텐츠 생성 가능
  • 플레이그라운드에서 실제 코드가 정상 렌더링됨
  • 드래그로 에디터/프리뷰 영역 조절 가능
  • 풀스크린 모드 동작

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions