[ Main ] 상품 노출 미리보기 컴포넌트 만들기 - Githubissues

nori-dongsan / nori-client

💚nori-dongsan💚 Client의 퍼레이드로 여러분을 초대합니다 🥳🥳🥳🥳

https://www.with-nori.com/

6 stars 2 forks source link

[ Main ] 상품 노출 미리보기 컴포넌트 만들기 #6

Closed Happhee closed 2 years ago

Happhee commented 2 years ago

🔥 Related Issues

close #2

🎡 작업 내용

[x] common -> ToyPreview.tsx
[x] 정렬하는 css 공부하기
[x] 영이에게 전달하기

✅ PR Point

display : flex와 position : relative, absolute 사용해서 정렬 구현하였습니당✨
알고보니 관심과목마크 크기가 테두리 >> 색칠 이었어서 굳이 props로 넘겨서 배경바꾸는 것보다 고냥 css사용해서 토글로 보여주기만 하면뎀!!

😡 Trouble Shooting

스크린샷 2022-07-07 오후 9 10 49

props를 올바르게 전달하지 못하고 있는데,,,!

const StToyMarkprop = styled(({ isMark, ...props }) => ( <IcToyMark {...props} /> ))로 해결을 하려고 했으나 아직 도전중 ㅠㅠ

👀 스크린샷 / GIF / 링크

📚 Reference

[React.js / Typescript] styled-components에서 변수 사용하기

say-young516 commented 2 years ago

아 영이한테 전달하기 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ개웃기네 ㅠㅠ