-
Notifications
You must be signed in to change notification settings - Fork 3
Fix/#28/favorite idol UI #126
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
| server: { | ||
| proxy: { | ||
| '/api': { | ||
| target: 'https://fandom-k-api.vercel.app', | ||
| changeOrigin: true, | ||
| secure: false, | ||
| }, | ||
| }, | ||
| }, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
프록시 서버를 설정하신 이유를 알고 싶습니다!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
서버 오류시 프록시 사용을 권장한다고 하더라구요 굳이 필요 없나용
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
필요없을 거 같긴 해요!
| <div className="w-full min-h-screen bg-[#02000E] flex flex-col items-center "> | ||
| <Header /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이거는 이전에 썼던 bg-midnightBlack 잘 쓰셨어요!
| className="absolute overflow-hidden bg-white rounded-full | ||
| bg-transparent" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
줄바꿈을 왜 주셨는지 알 수 있을까요??
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
중간에 하다가 올린거라 그래요 ㅋㅋ
| if (typeof window !== 'undefined') { | ||
| if (window.innerWidth < 640) return 6; | ||
| if (window.innerWidth < 768) return 8; | ||
| return 16; | ||
| } | ||
| return 16; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
결국 return 16을 할 거면
if (tyeof window !== 'undefined') 는 무의미한 거 같아요!
또 저희 반응형 크기는
https://github.com/yoonc01/Fandom-K/blob/main/tailwind.config.js#L25
이거에요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
확인했습니다.
| useEffect(() => { | ||
| const storedFavorites = localStorage.getItem(storageKey); | ||
| if (storedFavorites) { | ||
| setFavoriteIdols(storedFavorites.split(',')); | ||
| } | ||
| }, []); | ||
|
|
||
| useEffect(() => { | ||
| localStorage.setItem(storageKey, favoriteIdols.join(',')); | ||
| }, [favoriteIdols]); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
로컬스토리지 다루는 부분을 utils에 따로 설정할 수 있을 거 같아요!
또 로컬스토리지 다루는 부분에 대해서 재현님과 상의해서 매개변수로 storageKey를 받도록 해서 함수를 합칠 수도 있을 거 같아요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
어려워요 ㅋㅋ낼 팀미팅시간에 설명 한번만 부탁드려도 될까유//
#️⃣ Issue Number
📝 요약(Summary)
🛠️ PR 유형
어떤 변경 사항이 있나요?
📸스크린샷 (선택)
💬 공유사항
📚 코드 이해에 필요한(혹은 본인이 이해하는데 사용한) 레퍼런스 목록