feat: 커피챗 후기 메인 페이지 적용 및 팝업 모달 스타일링 #1733
Merged
Conversation
This file contains 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
|
|
🚀 프리뷰 배포 확인하기 🚀 |
simeunseo
approved these changes
Jan 31, 2025
Comment on lines
+75
to
+84
| startTransition(() => { | ||
| if (tabletMedia.matches) { | ||
| setListType('tablet'); | ||
| } else if (desktopSmallMedia.matches) { | ||
| setListType('scroll'); | ||
| } else if (desktopLargeMedia.matches) { | ||
| setListType('carousel-small'); | ||
| } else { | ||
| setListType('carousel-large'); | ||
| } |
There was a problem hiding this comment.
단순 궁금증인데, 여기서 startTransition을 사용하신 이유가 궁금합니다!!!
startTransition은 무거운 작업으로 인해 화면의 반응성(ex. 사용자 입력 등..)이 중단되는 것을 방지하려고 사용된다고 이해하고 있어서요!
혹시 startTransition을 사용하기 전에는 화면 크기를 늘리고 줄이거나 할 때 버벅임이 있었나요?
| )} | ||
|
|
||
| <Header> | ||
| <Title>{isLoading ? '' : isEmptyData ? '따끈한 후기가 도착했어요💌' : '따끈한 후기가 도착했어요💌'}</Title> |
There was a problem hiding this comment.
여기 조금 불필요한 분기가 들어간 것 같은데..!! isLoading과 isEmptyData일 때 Title에 대한 분기처리가 필요한 이유가 무엇이었나요?? (특히 isEmptyData에 대한 분기 결과값 두개가 동일해서..)
제 생각에는 isEmptyData이면 early return을 해서 CoffeeChatReview 섹션이 아예 안보이도록 하는게 어떨까 해요!
| css` | ||
| position: relative; | ||
|
|
||
| /* filter: blur(5px); */ |
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.
🤫 쉿, 나한테만 말해줘요. 이슈넘버
🧐 어떤 것을 변경했어요~?
커피챗 후기 메인 페이지 적용 및 팝업 모달 스타일링을 구현해뒀습니다. 현재 API 개발 전, 먼저 스타일링을 우선 반영해뒀습니다.
🤔 그렇다면, 어떻게 구현했어요~?
일단 레거시 커피챗 카드 기반으로 캐러셀을 만들고, 현재는 카드 데이터로 되어있습니다!
📸 스크린샷, 없으면 이것 참,, 섭섭한데요?