질문
"Styled Components를 사용해보면서 느낀 장점을 이야기해주세요."
- 위 질문에 내가 생각한 질문의 요점 :
답변
" Styled Components는 CSS 파일을 따로 작성할 필요 없이 컴포넌트 단위로 스타일 속성을 작성할 수 있게 해주는 라이브러리입니다.
CSS 파일을 따로 작성할 필요가 없기 때문에 크게 세 가지 장점을 느낄 수 있습니다.
첫째, class, id 이름을 짓느라 고민할 필요가 없습니다. CSS 파일을 따로 작성해야 할 때에는 스타일을 적용할 요소를 특정하기 위해서 class와 id를 작성해야 했습니다. 하지만 Styled
Components를 사용하면 CSS 코드가 작성된 컴포넌트가 곧 스타일을 적용할 컴포넌트이기 때문에 class와 id를 사용해서 요소를 특정하지 않아도 됩니다.
둘째, CSS 파일에서 내가 원하는 부분을 찾기위해 시간을 쓰거나 길어진 CSS 파일을 쪼개서 관리할 필요가 없어졌습니다. 앞서 말했듯 Styled Components를 사용하면 애초에 CSS 파일을 작
성할 필요가 없기 때문에 CSS 파일을 관리할 필요도 없어졌습니다.
셋째, 스타일 속성이 겹쳐서 내가 원하는 결과가 나오지 않는 일이 줄어들었습니다. CSS 파일을 작성하다보면 같은 종류의 요소에 같은 종류의 스타일 속성을 작성하게 되는 일도 생겼고, 이럴 때
에는 뒤에서 작성된 속성이 적용되면서 내가 의도한 바와는 다른 화면이 나오기도 했습니다. 하지만 Styled Components는 컴포넌트 단위로 스타일 속성을 작성하기 때문에 속성이 겹치는 일이
없었습니다."
