Skip to content

Conversation

@BaeZzi813
Copy link
Contributor

📝 작업 개요 (필수)

가게 정보 / 등록 페이지 초안입니다.

  • 초기 '내 가게' 페이지에서 등록된 shop 의 유무에 따라 보여지는 UI 다르게 설계
  • 가게 등록 페이지에서 필수 입력란 유효성 검사(피그마 시안에서는 image 는 필수가 아닌 것으로 보였으나, 빈 값으로 POST 보낼 시 에러가 발생하여 필수로 유효성 검사 적용했습니다. 위 사항은 추후에 확실한지 재확인 해보겠습니다.)
  • 가게 등록 페이지 유효성 검사 미달시 모달과 POST 성공 모달 적용 및 등록 페이지 취소시 모달 통해서 router 주소 연결
  • 내 가게 정보 Noitce 컴포넌트로 보여지게 구현중

현재 가게 정보 POST 와 GET 부분에서 image 변환이 완벽하지 않아서 해결을 하고자 하는데 서버 자체에서 내가게 1개 이상 등록시 409 에러 반환으로 막혀있고, 내 가게 DELETE 기능도 없기 때문에 내 가게 편집하기 까지 구현하면서 수정할 예정이라, 미완성 초안입니다.

팀미팅시 공유하였던 Pagination 반응형 페이지개수 / authProvider 리로드시 재인증 문제를 먼저 올려드려야 작업하시기 편하실 것 같아 참고 부탁드립니다.

✨ 작업 내용 (필수)

  • 기능 구현
  • 버그 수정
  • 스타일/UI 변경
  • 리팩토링
  • 최적화/성능개선
  • 문서 업데이트
  • 기타 변경사항

📸 스크린샷

🧐 해결해야 하는 문제

🤔 리뷰어 확인 필요 사항

🔗 관련 이슈

🛠️ 후속 작업

  • image Post 및 GET 통신 시 PresignedUrl 관련 문제 해결

✅ 체크리스트 (필수)

  • 작업한 내용과 커밋 메시지 컨벤션을 통일했는지 확인
  • 내가 작성한 코드를 테스트까지 완료했는지 잘 작동했는지 확인
  • ESLint 검사 통과
  • Prettier 포맷팅 적용
  • TypeScript 에러 없음
  • 빌드 에러 없음

@vercel
Copy link

vercel bot commented Oct 14, 2025

@BaeZzi813 is attempting to deploy a commit to the projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link

vercel bot commented Oct 14, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
thejulge Error Error Oct 15, 2025 6:26am

Copy link
Contributor

@sohyun0 sohyun0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다! 코멘트 확인해주세요!

Comment on lines 30 to 39
<div>
<span>상세 주소</span>
<span className='ml-0.5 text-red-500'>*</span>
</div>
<Input
value={formData.address2}
onChange={e => handleChange('address2', e.target.value)}
placeholder='입력'
/>
</div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

dropdown 은 label 이 없지만 기본 input 은 label과 requiredMark 옵션이 있기에 활용해도 좋을것 같습니다 (
이외 다른 인풋도 동일하게 활용한다면 코드 작성량이 줄어들것 같습니다!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

작업 초반에 label 부분 font-size 가 달라서 저렇게 작업했는데 지금 다시 해보니 잘되네요 😂 다시 수정했습니다.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아 저도 그부분 font-size 가 달랐어서 제가 저번에 수정하고 PR 올렸습니다!

<textarea
value={formData.description}
placeholder='입력'
className='h-[153px] resize-none rounded-md border border-gray-300 px-5 py-4'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

base-input 클래스네임을 사용하면 기존 input 스타일을 동일하게 가져갈 수 있습니다:)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

네 base-input 적용하고 나머지 heigt 만 추가 했습니다!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

height 도 rows로 조절할 수 있으니 참고해보시면 좋을것 같습니다!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

페이지 테스트하다 발견한 사항인데 prev , next 버튼을 눌렀을때도 페이지 이동이 되어야할것 같은데 현재는 숫자만 넘어가더라구요
7에서next 버튼 클릭하면 8로 이동후 숫자가 변해야하지 않을까 해서 제안드려봅니다!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

해당 부분 이전 그룹 / 이후 그룹 설정 해놓았습니다!

Comment on lines +109 to +114
Register.getLayout = page => (
<Wrapper>
<Header />
<main>{page}</main>
</Wrapper>
);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

등록하는 부분에 footer 페이지가 피그마 상에서 존재하지 않지만 로그인, 회원가입 페이지 외에는 전부 있어도 괜찮지 않을까? 하는 개인적인 생각은 있습니다! 이건 팀미팅때 맞춰봐도 좋을것 같습니다!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

네! 소현님 말씀대로 가게 등록 / 가게 수정 페이지에도 footer 적용해보았는데,
가게 등록 / 가게 수정 배경 컬러가 footer 배경 컬러와 같아서 피그마 시안에도 없는 것 같습니다.
image

첨부한 사진과 같이 보여지네요 😂
좋은 의견 있으시면 말씀해주세요~

일단 위의 내용들만 적용하여 해당 PR에 재푸시 하였습니다.

@sohyun0 sohyun0 merged commit 6afa8b7 into codeit-FE18-part3:develop Oct 15, 2025
1 of 2 checks passed
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.

2 participants