React - Styled Component

✅ 실무에서는 거의 퍼블리싱 된 페이지를 받아 개발을 진행하는데, 최근 사이드프로젝트를 진행하면서 Styled Component를 통해 직접 CSS를 꾸며보고 있습니다. 공부한 내용을 정리하고자 글을 작성합니다. 📌 Styled-Compoenets ? Styled-Components 는 JS의 태그가 지정된 템플릿 리터럴과 CSS의 기능을 사용하여 구성 요소에 반응하는 스타일을 제공하는 CSS-in-JS 라이브러리입니다. * React 컴포넌트 스타일링 방법 1. 외부 CSS 파일에서 작성한 코드를 className 속성으로 전달 - 규모카 커질수록 css 부피가 커지는 단점이 있습니다. (SASS를 적용하여도 부피가 큼) 2. inline CSS를 React 컴포넌트에 삽입 - 인라인 스타일은 미디어 ..
JavaScript/React 2022. 8. 22. 18:05
1