[✨ Feature] 가게 정보 상세 페이지(사장님) - UI 구현 + API 연동 #52
Description
📋 기능 설명
- 로그인된 유저의 가게 정보를 API로 조회하여 화면에 렌더링
- ShopBanner 컴포넌트를 사용하여 가게 정보 표시
- 로딩 상태, 에러 상태 처리 추가
- 유저가 가게를 등록하지 않은 경우, 가게 등록 유도 UI 표시
- 내가 등록한 공고 영역 UI 추가 (공고 등록 버튼 포함)
- 반응형 레이아웃 적용
✅ 상세 요구사항
- 유저 가게 조회
- 로컬스토리지에서 userId 조회
- users.getUser(userId) 호출 후 shop 존재 여부 확인
- shop이 있으면 shops.getShop(shopId)로 상세 정보 조회
- UI 렌더링 조건
- loading 상태: “가게 정보를 불러오는 중...” 표시
- error 상태: 에러 메시지 표시 (text-red-500)
- shop 정보 존재 시: ShopBanner 렌더링
- shop 정보 없음: 가게 등록 버튼 UI 렌더링
- 내가 등록한 공고 영역
- 내가 등록한 공고 영역
- shop 정보가 있을 때만 표시
- 공고 등록 버튼 포함
- 카드 형태의 기본 안내 메시지 표시
📝 참고 이미지
- 관련 디자인: