Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
manudeli
force-pushed
the
feat/함수랑함수몬-초안
branch
from
cc7151f to
18e1a89
Compare
@tooooo1 계정으로 연결되어 있어요 |
| onMouseMove={(e) => { | ||
| const rect = e.currentTarget.getBoundingClientRect() | ||
| const centerX = rect.left + (rect.right - rect.left) / 2 | ||
| const centerY = rect.top + (rect.bottom - rect.top) / 2 | ||
| x.set(-(centerX - e.pageX)) | ||
| y.set(-(centerY - e.pageY)) | ||
| }} |
There was a problem hiding this comment.
👍 아주잘되네용 ㅋㅋ
clone 받아서 실행해봤는데 버벅임이 좀 있어서 ㅠ 쓰로틀링이 필요해보이긴합니당
| const Card = ({ | ||
| imageSrc, | ||
| name, | ||
| onTap, | ||
| orderFromCenter, | ||
| description, | ||
| }: Card & { |
| <Suspense clientOnly fallback={null}> | ||
| <Suspense | ||
| clientOnly | ||
| fallback={ | ||
| <Flex.Center | ||
| width={320} | ||
| height={320} | ||
| overflow="hidden" | ||
| borderRadius="50%" | ||
| > |
There was a problem hiding this comment.
Suspense clientOnly 상위에만 걸면 다르게 동작하나요 ?.?
| <Suspense clientOnly fallback={null}> | |
| <Suspense | |
| clientOnly | |
| fallback={ | |
| <Flex.Center | |
| width={320} | |
| height={320} | |
| overflow="hidden" | |
| borderRadius="50%" | |
| > | |
| <Suspense clientOnly fallback={null}> | |
| <Suspense | |
| fallback={ | |
| <Flex.Center | |
| width={320} | |
| height={320} | |
| overflow="hidden" | |
| borderRadius="50%" | |
| > |
There was a problem hiding this comment.
clientOnly가 있으면 서버사이드렌더링에서 이 부분을 스킵해요. 그래서 나중에 이부분의 seo를 위한 처리가 필요합니담
There was a problem hiding this comment.
음 제가 말한건 그게 아니라 clientOnly가 중복으로 있어서용 상위에만 달면 하위도 clientOnly가 되는거 아닌가하는 질문이였슴당 ㅎㅎ 코드체인지에 그래서 제가 하위에는 clientOnly를 지웠던! ㅋㅋ Suspensive 라이브러리 질문이라 넘어가도됩니당 ㅋㅋ
There was a problem hiding this comment.
아아 맞네요 하위에서 clientOnly가 필요 없을 거 같아요 리뷰 감사합니다
Co-authored-by: Chung-il Jung <[email protected]>
|
종현님 핵 쩌네요.. 대박 👍 |
ㅎㅎ감사해요 빨리 개선하고 싶네요 |
함수랑함수몬 초안
의도: 귀엽짜나
시연 영상
예정 작업