Deploy: develop 브랜치를 main에 병합

[Sohyunnnn]

📌 Summary

main 배포를 위해 develop 브랜치를 병합합니다.

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Summary by CodeRabbit

릴리스 노트

• 새로운 기능

  • PWA 설치 가이드 페이지 추가
  • 공지사항에 다중 이미지 업로드 지원
  • 로그인 에러 페이지 추가
  • 라이브 버튼에 혼잡도 표시 기능 추가

• 개선사항

  • 양식 입력에 오류 상태 표시 개선
  • 공지사항 목록에 아이콘 및 스타일 추가
  • 등록 검증 프로세스 개선

• 버그 수정

  • 필드 유효성 검사 및 폼 제출 로직 개선

Walkthrough

PWA 설치 안내 기능과 다중 이미지 지원 기능을 추가하고, 온보딩 및 공지 작성 폼을 리팩토링했습니다. 로그인 에러 페이지를 신규 추가했으며, 라우팅 레이아웃과 공유 타입 구조를 개선했습니다.

Changes

코호트 / 파일	요약
PWA 가이드 페이지 라우팅 apps/audience/src/app/router/lazy.ts, apps/audience/src/app/router/routes.tsx, apps/host/src/app/router/lazy.ts, apps/host/src/app/router/routes.tsx	PWA 가이드 페이지를 동적 임포트로 등록하고, 새로운 라우팅 헬퍼 withBackOnlyLayout을 도입해 전용 레이아웃으로 처리합니다.
PWA 레이아웃 컴포넌트 apps/audience/src/app/router/sub-layout.tsx, apps/host/src/app/router/sub-layout.tsx	SubLayoutBackOnly 컴포넌트를 추가해 뒤로가기만 있는 서브헤더 레이아웃을 지원합니다.
PWA 가이드 페이지 구현 apps/audience/src/pages/pwa-guide/pwa-guide.tsx, apps/host/src/pages/pwa-guide/pwa-guide.tsx	PWA 설치 가이드 페이지를 신규 생성하고, 공통 컴포지션에서 PwaGuide를 렌더링합니다.
PWA 설치 안내 기능 packages/shared/src/hooks/use-pwa-install-guide.ts, packages/shared/src/utils/install-guide-storage.ts, packages/shared/src/utils/device.ts	모바일 OS 감지 및 일일 해제 기능이 포함된 PWA 설치 안내 훅과 유틸리티를 추가합니다.
PWA 설치 안내 컴포지션 packages/compositions/src/install-guide-sheet/..., packages/compositions/src/index.ts	PWA 설치 안내 하단 시트 컴포넌트와 관련 스타일을 신규 추가합니다.
홈페이지 PWA 통합 apps/audience/src/pages/home/home.tsx, apps/host/src/pages/home/home.tsx, apps/host/src/pages/home/home.css.ts	홈페이지에 설치 안내 시트를 연동하고, 배너 영역 스티키 포지셔닝을 개선합니다.
공지사항 이미지 타입 변경 apps/audience/src/entities/notice/types/types.ts, apps/host/src/entities/notice/types/notice.ts	단일 이미지 필드(imageUrl, image)를 배열(imageUrls, images)로 변경합니다.
공지사항 API 및 쿼리 개선 apps/audience/src/entities/notice/api/notice.ts, apps/audience/src/entities/notice/model/query-options.ts, apps/host/src/entities/notice/api/notice.ts	다중 이미지 업로드를 지원하는 API 호출 및 쿼리 옵션을 추가/업데이트합니다.
공지사항 저장 기능 마이그레이션 apps/audience/src/features/saved-notice/query.ts, apps/audience/src/pages/saved-notices/saved-notices.tsx	저장된 공지사항 쿼리를 entities로 이동하고, 이미지 배열 필드를 사용하도록 업데이트합니다.
공지 목록 UI 개선 apps/audience/src/pages/notice-list/notice-list.css.ts, apps/audience/src/pages/notice-list/notice-list.tsx, apps/host/src/pages/notice-list/notice-list.css.ts, apps/host/src/pages/notice-list/notice-list.tsx	아이콘 정렬용 스타일을 추가하고, 버튼에 아이콘을 렌더링합니다.
로그인 에러 페이지 apps/host/src/pages/login-error/login-error.tsx, apps/host/src/pages/login-error/login-error.css.ts	로그인 실패 시 사용할 에러 페이지를 신규 추가합니다.
온보딩 폼 공통화 packages/compositions/src/onboarding-form/..., apps/host/src/features/auth/..., apps/host/src/pages/onboarding/onboarding.tsx	온보딩 입력 폼을 재사용 가능한 컴포지션으로 분리하고, 검증 로직을 개선합니다.
온보딩 관련 코드 정리 apps/host/src/features/onboarding/query.ts, apps/host/src/features/onboarding/use-onboarding.tsx, apps/host/src/shared/constants/end-point.ts	온보딩 완료 엔드포인트 및 훅을 제거합니다 (외부 라우팅으로 전환).
공지 작성 폼 리팩토링 apps/host/src/pages/notice-create/notice-form.tsx, apps/host/src/pages/notice-create/notice-form.css.ts, apps/host/src/pages/notice-create/notice-create.tsx	다중 이미지 업로드와 카테고리 선택을 지원하는 새로운 NoticeForm 컴포넌트로 재구성합니다.
이미지 업로드 훅 apps/host/src/features/notice/use-image-upload.ts, apps/host/src/features/notice/use-notice-form.ts	새로운 이미지 업로드 및 공지 폼 관리 훅을 추가합니다.
이미지 프리뷰 컴포넌트 packages/ads-ui/src/components/image-preview/..., packages/ads-ui/src/components/index.ts	이미지 미리보기 및 삭제 기능을 담당하는 신규 컴포넌트를 추가합니다.
다중 이미지 버튼 위젯 apps/host/src/widgets/multi-image-add-button/...	최대 개수 제한이 있는 이미지 추가 버튼 위젯을 신규 추가합니다.
폼 필드 레이아웃 개선 apps/host/src/shared/ui/form/form-field/form-field.tsx	폼 필드 루트를 label에서 div로 변경해 유연한 구조를 지원합니다.
객체 URL 훅 기능 확장 apps/host/src/shared/hooks/use-object-url/use-object-url.ts	이전 URL 자동 해제 및 clear() 메서드를 추가합니다.
드래그 스크롤 훅 apps/host/src/shared/libs/use-drag-scroll.ts	마우스 드래그로 가로 스크롤을 제어하는 신규 훅을 추가합니다.
이벤트 폼 이미지 개선 apps/host/src/widgets/event-form/event-form.tsx	기존 이미지와 새 파일을 구분해 상태 관리를 명확히 합니다.
라이브 버튼 혼잡도 정보 packages/ads-ui/src/components/button/live-button/...	라이브 이벤트 혼잡도를 칩으로 표시하는 기능을 추가합니다.
칩 컴포넌트 확장 packages/ads-ui/src/components/chip/chip.css.ts, packages/ads-ui/src/components/chip/chip.tsx	혼잡도 상태 표시를 위한 새로운 칩 바리언트를 추가합니다.
텍스트필드 에러 상태 packages/ads-ui/src/components/textfield/textfield.css.ts, packages/ads-ui/src/components/textfield/textfield.tsx	텍스트필드에 에러 상태 스타일링을 추가합니다.
공유 타입 확장 apps/audience/src/shared/types/pagination.ts, apps/audience/src/shared/types/index.ts, packages/shared/src/utils/index.ts	페이지네이션 타입을 신규 추가하고 관련 유틸리티를 내보냅니다.
라우팅 상수 추가 apps/audience/src/shared/constants/path.ts, apps/host/src/shared/constants/path.ts	PWA_GUIDE 및 LOGIN_ERROR 라우팅 상수를 추가합니다.
인증 API 추가 apps/host/src/entities/auth/api/auth.ts, apps/host/src/entities/auth/model/end-point.ts, apps/host/src/entities/auth/types/auth.ts	등록 검증 API 엔드포인트 및 관련 타입을 추가합니다.
인증 뮤테이션 추가 apps/host/src/features/auth/model/mutations.ts	등록 검증 뮤테이션 훅을 신규 추가합니다.
API 에러 처리 개선 packages/apis/src/errors/http-error.ts, packages/apis/src/http/error-handler.ts, packages/apis/src/http/instance.ts	에러 코드를 number에서 string으로 변경해 더 상세한 에러 처리를 지원합니다.
헤더 및 드래그 캐러셀 개선 packages/ads-ui/src/components/header/header.css.ts, packages/ads-ui/src/components/header/header.tsx, packages/shared/src/hooks/use-draggable-carousel.ts, packages/compositions/src/notice-image-carousel/notice-image-carousel.css.ts	서브헤더 높이, 편집 경로 확인, 드래그 스크롤 및 이미지 캐러셀 스냅핑을 개선합니다.
컴포지션 및 이미지 자산 packages/compositions/src/index.ts, packages/compositions/src/assets/index.ts, apps/host/src/shared/assets/images/index.ts, packages/compositions/src/pwa-guide/..., packages/compositions/src/live-button-container/live-button-container.tsx, packages/compositions/src/nickname-form/nickname-form.tsx	PWA 가이드 컴포지션, 이미지 자산 및 라이브 버튼 컨테이너를 추가/업데이트합니다.
디자인 토큰 확장 packages/ads-ui/src/components/bottom-sheet/status-sheet/status-sheet.css.ts, packages/ads-ui/src/styles/tokens/color.ts, packages/ads-ui/src/components/header/header.css.ts	에러 및 혼잡도 색상 토큰을 추가합니다.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~60 minutes

Suggested labels

🚀 Deploy, feat/pwa, feat/multi-image, refactor

Suggested reviewers

• jin-evergreen
• jisooooooooooo
• eunkr82

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	PR 제목이 [type] 형식을 따르지 않고 있습니다. '제목 형식: [type] 내용' 규칙을 만족하지 못합니다.	[Deploy] develop 브랜치를 main에 병합과 같이 [type]을 대괄호로 감싸 형식을 맞춰주세요.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description check	✅ Passed	PR 설명이 개발 내용과 관련이 있으며, 배포 목적을 명확히 전달하고 있습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Tip

CodeRabbit can approve the review once all CodeRabbit's comments are resolved.

Enable the reviews.request_changes_workflow setting to automatically approve the review once all CodeRabbit's comments are resolved.