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

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions