React: Styled Components 느낌만 본..

project로 개별 평가를 하는데 뭐라도 참여하고 싶어서
할줄 모르는데 그냥 할 수 있다고 해버렸다..

Styled Components에 대한 느낌

스타일 컴포넌트는 CSS스타일을 가진 컴포넌트를 생성하는 것 같다

• 스타일을 가진 컴포넌트를 바로 생성 -> 네이밍이 겹쳐서 혼란을 겪는 문제가 없다.
• className을 임의로 생성해줌 -> 이것 또한 css와 겹치지 않기 위해서라고 들은 것 같은데

styled components 사용

1. ReactDOM.render()가 되는(일반적으로 App.js)파일에 부모 스타일 컴포넌트 작성
2. 스타일 컴포넌트로 사용할 JSX파일 내에 render(){ } 블록 영역에 작성
3. 작성된 스타일 컴포넌트를 일반 컴포넌트처럼 사용, export
4. React.DOM.render() 내부에 부모 컴포넌트 작성, 하위에 import한 스타일 컴포넌트 추가