styled-components를 굳이 사용해야 한다면 지켜야 할 룰에 대해서 정리해본다. props 전달 방법 const Box = styled.div` background-color: ${props=>props.bgColor}; `; function App(){ return( ) }; 2. 확장 방법 const Box = styled.div` background-color: ${props=>props.bgColor}; `; const Circle = styled(Box)` ...
(추가 css) `; function App(){ return( ) };...
![[React] styled-components의 props전달법 및 extending](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
#
adapting
#
extending
#
props
#
react
#
styledcomponent
![[IT 지식] 프로그래머 vs 개발자 vs 엔지니어](https://mblogthumb-phinf.pstatic.net/MjAyMjA0MDdfMjEw/MDAxNjQ5MzMxOTM0NzY0.ymxsEtmLqwYx-jYznwlIh4dfdTCtcqvPm0YO4dO65BUg._to__ruoii1a0HqG4dYggaIP8cWIC-ocdcjEFXSCzW8g.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2022-04-07_%BF%C0%C8%C4_8.45.28.png?type=w2)
![[영화] THE BATMAN](https://mblogthumb-phinf.pstatic.net/MjAyMjA0MDdfMyAg/MDAxNjQ5MzMzOTg1NTY4.lev2N02xc5zr19KbynkDQkAqkCHA55IGZsUloKvB7p8g.9oNoJ15CLAKjg4fYsWLPxlHYZ0ItVn6D2tyQP5DYGWUg.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2022-04-07_%BF%C0%C8%C4_9.19.42.png?type=w2)
![[RN] 'styled 가 선언은 되었지만 해당 값이 읽히지는 않았습니다' ts(6133) 에러 해결](https://mblogthumb-phinf.pstatic.net/MjAyMjA4MTFfMTA3/MDAxNjYwMjE5NzIyMTE2.XP4rGSxlJGDtnKFwE3YAVu6ZpeL1bGtByFAr7EHQusIg.W8t0VrLtawmnoWjiiyJoSVb9RomvPZmMFiyBLbKyWCIg.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2022-08-09_%BF%C0%C8%C4_11.00.14.png?type=w2)
![[iOS] AppStore 심사 통과를 위한 스크린샷 조정 사이트](https://mblogthumb-phinf.pstatic.net/MjAyMjExMTBfNzMg/MDAxNjY4MDgwMjY1OTY3.Gkj5hPy7ZTsQ64QGwtJmVwkh5v2hxzJWARfpUuJE5Lwg.rsF8j9-lNAH115IdcCGwHNIPs2KvCDRys0Np7h0APvEg.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2022-11-10_%BF%C0%C8%C4_8.37.42.png?type=w2)
![[서평] 스물아홉 생일, 1년 후 죽기로 결심했다. -하야마 아마리](https://mblogthumb-phinf.pstatic.net/MjAyMzA3MDNfMjg5/MDAxNjg4MzgzOTk5Njc2.n84UcN8FL752p-Q7MhfTNkcIj8fcT2Z3r0HUJbcFGNUg.CKPZrwpovSfW-u_7icfZYEAY2cF_pKfeX-hzai3Bmn0g.JPEG.lifeyun24/306A6F84-34D2-4550-80FC-AADCDB10767E.jpg?type=w2)