[react] Styled Components

컴포넌트 중심으로 스타일을 지정하는 방식 아래의 문제점 해결 - CSS 클래스 이름이 겹치는 문제 - 재사용하는 CSS 코드를 관리하기 어렵다 설치 명령어 npm install styled-components ---- Button.js import styled from 'styled-components'; const Button = styled.button` background-color: #6750a4; border: none; color: #ffffff; padding: 16px; `; export default Button; ------ App.js import Button from './Button'; function App() { return ( <div> <Button>Hello Styled!</Button> </div> ); } export default App;...

원문링크 : [react] Styled Components