Skip to content

스토리 업로드 모달 ui#71

Merged
c0912jy merged 5 commits intodevfrom
41-feature-story-upload-modal
Jan 27, 2026
Merged

스토리 업로드 모달 ui#71
c0912jy merged 5 commits intodevfrom
41-feature-story-upload-modal

Conversation

@kimnamheeee
Copy link
Collaborator

#️⃣ 연관된 이슈

관련된 이슈 번호를 적어주세요. 예: #이슈번호

#41

#️⃣ 작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요. (이미지 첨부 가능)

스토리 업로드 모달 생성

#️⃣ 테스트 결과

코드 변경에 대해 테스트를 수행한 결과를 요약해주세요. 예: 모든 테스트 통과 여부, 새로 작성한 테스트 케이스 등

#️⃣ 변경 사항 체크리스트

  • 코드에 영향이 있는 모든 부분에 대한 테스트를 작성하고 실행했나요?
  • 문서를 작성하거나 수정했나요? (필요한 경우)
  • 코드 컨벤션에 따라 코드를 작성했나요?
  • 본 PR에서 발생할 수 있는 모든 의존성 문제가 해결되었나요?

#️⃣ 스크린샷 (선택)

관련된 스크린샷이 있다면 여기에 첨부해주세요.

#️⃣ 리뷰 요구사항 (선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요.
예시: 이 부분의 코드가 잘 작동하는지 테스트해 주실 수 있나요?

실제 인스타그램 pc에는 없는 기능이라 그냥 게시글 업로드 모달과 동일하게 만들되, 아래와 같은 정책을 적용했습니다

  • 사진은 한 장만 업로드 가능
  • 비율은 9:16 (인스타그램처럼 9:16이 아닌 사진의 경우 너비를 맞추고, 남는 영역은 검은색으로 채우기)

📎 참고 자료 (선택)

관련 문서, 스크린샷, 또는 예시 등이 있다면 여기에 첨부해주세요

kimnamheeee and others added 5 commits January 26, 2026 23:12
- 기존 '만들기' 버튼을 '게시글 업로드'와 '스토리 업로드'로 분리
- 아이콘 구분: SquarePlus(게시글), CirclePlus(스토리)
- 모바일 하단바 배경색 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 사진 1장만 업로드 가능 (초과 시 toast 알림)
- 9:16 비율 미리보기, 검은 배경으로 빈 공간 채움
- 본문/앨범 단계 없이 바로 공유하기
- 이미지 업로드 후 헤더 타이틀 숨김 처리
- 이탈 시 확인 다이얼로그

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- DialogContent 기본 스타일에서 border 제거
- 이미지 업로드 안내 문구에 break-keep 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- xs 너비에서 미리보기, dropzone 영역의 높이가 지나치게 높아지는 문제 해결
@kimnamheeee kimnamheeee requested a review from c0912jy as a code owner January 27, 2026 05:13
@kimnamheeee kimnamheeee linked an issue Jan 27, 2026 that may be closed by this pull request
6 tasks
@github-actions
Copy link

CI 통과했습니다!

  • Lint / Type / Test / Build 모두 성공
  • dev 브랜치로 머지 가능합니다 🚀

@c0912jy c0912jy merged commit e078446 into dev Jan 27, 2026
1 check passed
@kimnamheeee kimnamheeee self-assigned this Jan 27, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] 스토리 업로드 모달 컴포넌트

2 participants