Skip to content

Conversation

@haegu97
Copy link
Contributor

@haegu97 haegu97 commented Jan 9, 2025

#️⃣연관된 이슈

#305

📝작업 내용

기존에는 채팅 내용이 많아지면 페이지 자체에 스크롤이 생겼었는데, 현재는 채팅이 보이는 컨테이너 부분만 스크롤이 생기는 것으로 수정

미리보기, 사용방법 및 결과물

2025-01-09.2.55.47.mov

기타 참고사항

그냥 postition absolute을 줘버렸는데, 괜찮을까요? 해결은 된 거 같긴합니다.

@haegu97 haegu97 added ♻️ Refactor 코드 리팩토링 🎨 Design UI/UX 디자인과 관련된 작업 labels Jan 9, 2025
@haegu97 haegu97 self-assigned this Jan 9, 2025
@haegu97 haegu97 linked an issue Jan 9, 2025 that may be closed by this pull request
@vercel
Copy link

vercel bot commented Jan 9, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
bookco ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 9, 2025 5:58am

Copy link
Contributor

@cloud0406 cloud0406 left a comment

Choose a reason for hiding this comment

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

수고하셨습니다~.~
브라우저의 기본 스크롤 css가 이쁘지 않아서 프로젝트 전체적으로 스크롤 css를 글로벌로 두고 사용하는 곳에서 공용으로 쓰면 좋을 것 같아요 이 부분도 같이 얘기나눠보면 좋을 것 같습니다!

onClick={() => {}}
className="bg-gray-light-02"
/>
<div className="absolute bottom-0 left-0 right-0 top-[60px] flex justify-center">
Copy link
Contributor

Choose a reason for hiding this comment

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

p4: 음 아마 absolute로 주게되면 바라보고 있는 기준 컴포넌트가 수정되어서 사이즈가 조금 변경될때마다 여기서도 수정작업이 들어가야할 것 같긴하네요
지금 당장은 디자인이 수정될 일은 없어서 괜찮을 것 같은데 이 부분은 다른 방법으로 접근할 수 있나 한 번 합쳐서 저도 봐보도록 하겠습니다!

Copy link
Contributor

@wynter24 wynter24 left a comment

Choose a reason for hiding this comment

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

넵! 괜찮을 것 같습니다!

수고하셨습니다:)

@haegu97 haegu97 merged commit 20afe6d into develop Jan 10, 2025
7 of 8 checks passed
@haegu97 haegu97 deleted the 305-refactor-채팅-리스트-컨테이너-높이-조정 branch January 10, 2025 01:41
wynter24 added a commit that referenced this pull request Feb 7, 2025
* 채팅창 높이 지정 (#307)

* 토스트가 사라지지 않는 버그 수정 #309 (#311)

* ♻️[Refactor] 토스트 메시지 상수로 관리 #312 (#314)

* ♻️ [Refactor] 프로그레스바 넘침 현상 해결 (#313)

* ♻️[Refactor] 프로그레스바 100% 안넘도록 수정

* ✅[Test] 테스트 코드 추가

* ✨[Feat] ssr로 데이터 fetching #308

* ✨[Feat] ssr로 fetching 한 데이터를 useQuery 초기데이터로 설정 #308

* ✨[Feat] srr로 data fetching 후 csr로 data fetching 작업 중 #308

* �📝[Docs] 리드미 포맷 적용 (#319)

* �📝[Docs] 리드미 포맷 적용

* 리드미 업데이트

* ✨[Feat] ssr로 가져온 데이터로 렌더링 #308

* ✨[Feat] ssr로 데이터 fetching #308

* ✨[Feat] ssr로 fetching 한 데이터를 useQuery 초기데이터로 설정 #308

* ✨[Feat] srr로 data fetching 후 csr로 data fetching 작업 중 #308

* ✨[Feat] ssr로 가져온 데이터로 렌더링 #308

* 💄[Design] 모임 카드 size=100으로 요청 #308

* ✅[Test] fetchBookClub 테스트 코드 작성 #308

* 로그인 테스트 코드 추가 #317 (#318)

* ✅[Test] useBookClubList 훅 테스트 코드 작성 (쿼리키로 데이터 가져오기 검증) #308

* ✨[Feat] ssr로 데이터 fetching #308

* ✨[Feat] ssr로 fetching 한 데이터를 useQuery 초기데이터로 설정 #308

* ✨[Feat] srr로 data fetching 후 csr로 data fetching 작업 중 #308

* ✨[Feat] ssr로 가져온 데이터로 렌더링 #308

* ✨[Feat] srr로 data fetching 후 csr로 data fetching 작업 중 #308

* ✨[Feat] ssr로 가져온 데이터로 렌더링 #308

* 💄[Design] 모임 카드 size=100으로 요청 #308

* ✅[Test] fetchBookClub 테스트 코드 작성 #308

* ✅[Test] useBookClubList 훅 테스트 코드 작성 (쿼리키로 데이터 가져오기 검증) #308

* 🐛[Fix] SSR 환경에서 서버 환경변수(API_URL) 누락 문제 해결 #308

* 💬[Comment] 주석 추가 #308

* ✅[Test] 환경 변수 에러 확인 #308

* ✅[Test] 환경 변수 에러 확인 #308

* ♻️[Refactor] 환경 변수 주소로 수정 #308

* 📦[Chore] next.config env 설정 #308

* 📦[Chore] CI 환경설정: NEXT_PUBLIC_API_URL 전달 설정 추가 #308

* 💬[Comment] 환경 변수 test 주석 제거 #308

* ♻️[Refactor] fetchBookClub 테스트 코드 공통 mockBookClubs 사용 #308

* ♻️[Refactor] fetchBookClubs 에러 개발 환경에서만 로그 출력 #308

* 🔥[Remove] 불필요한 feature/bookclub/api 삭제 #308

* ♻️[Refactor] initialData 방식 대신 prefetchQuery로 서버에서 데이터 가져오기 #308

* ♻️[Refactor] 찜하기 후 mutate되는 모임 목록의 쿼리키 변경 #308

* ✅[Test] fetchBookClubs 함수 수정에 따른 테스트 코드 업데이트 #308

* 🐛[Test] Storybook에서 useRouter Mocking하여 오류 해결 #308

* 🐛[Test] Storybook에서 useRouter Mocking 코드 제거거 #308

* 🐛[Fix] storybook router 에러 fix (#334)

---------

Co-authored-by: Sungu Kim <108677235+haegu97@users.noreply.github.com>
Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com>
Co-authored-by: Jeongho Kim <cloud0406@naver.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🎨 Design UI/UX 디자인과 관련된 작업 ♻️ Refactor 코드 리팩토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

♻️ [Refactor] 채팅 리스트 컨테이너 높이 조정

4 participants