[#165] 이미지 최적화, 토스트 메시지 수정, 확인 모달 수정 #215
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
junye0l
reviewed
Oct 17, 2025
| @@ -1,5 +1,5 @@ | |||
| import Image from "next/image"; | |||
| import PlaceholderImgWine from "@/../public/images/placeholder/img-wine.svg"; | |||
| // import PlaceholderImgWine from "@/../public/images/placeholder/img-wine.svg"; | |||
huuitae
changed the title
suuuuya
approved these changes
Oct 17, 2025
wlrnjs
approved these changes
Oct 17, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📄 PR 내용 요약
번들 크기를 줄이기 위한 이미지 최적화와 토스트 메시지가 사라지지 않는 버그를 수정했습니다.
✅ 작업 내용 상세
이미지 최적화
card-img.tsx,review-info.tsx,wine-info.tsx,wine-header.tsx파일에서직접 import 하던
PlaceholderImage를<Image />컴포넌트를 통해 불러오도록 수정했습니다.토스트 메시지 버그
에러 바운더리에서 토스트 메시지를 사용하기 위해
RootLayout파일에 선언해둔<ToastContainer />컴포넌트로 인한 버그로,관련된 코드들을 지웠습니다.
확인 모달 창의 와인 이름이 길면 스크롤이 생기는 문제
break-word를 추가하여 이름이 길어지면 줄바꿈이 되도록 했습니다....처럼 말 줄임표로 하려고 했으나 영어와 한글의 문자 인식이 달라 영어에서는 말줄임표가 되지만 한글은 줄바꿈이 되어 줄바꿈으로 통일했습니다.확인 모달 창 스크롤 방지가 안되는 문제
확인 모달창 전용으로 사용하는 스크롤 방지 로직을 추가했습니다.
📸 스크린샷 (선택사항)
이미지 최적화를 통해 최대
490kb->260kb까지 줄였습니다.💬 참고 사항
해당 파일 담당자분들 확인 부탁드립니다