React앱에서의 스타일링 방법들에 대해 배웠다. 크게 CSS import, CSS module, CSS-in-js (styled-components)에 대해서 공부했다. Sass에 대해서도 공부했다.
이중 어느 상황에 뭘 써야하는지도 헷갈리고, 실습 코드를 작성하는데 어려움이 있었다. 익숙하지 않다.
리액트에서 스타일링하는 세가지 방법을 알아봤는데 어느 상황에 무엇을 적절하게 사용해야할까?
스타일링 관련해서 매우 유용한것들이 많지만 CSS가 쉬운건 아닌거같다. 오히려 프로그래밍 코드를 작성하는 실습이 더 쉬웠다.
하지만 이 또한 익숙해지면 괜찮을거라고 생각하며, 어떻게든 하게 되겠지. 이고잉님도 지금 중요한건 아니라고 했다.
Sass같은걸 보니 쓰지 않을 이유가 없더라. 기존 CSS 방식을 해치는것도 아니고, 그대로 문법을 사용하되, 프로그래밍적으로 유용한 것들을 가져와서(변수나 코드 재사용 등) 사용하는거라 오히려 쓰면 좋은 코드를 작성하는 습관을 기르는데 좋아보인다. 추후 바닐라 프로젝트를 하더라도 Sass는 쓰는게 좋아보인다. (바닐라에도 Sass를 쓸 수 있나?)