styled-components

IT/Front-End

[FE] CSS 방식

배경 React.js를 배우며 웹페이지를 꾸미는 CSS에도 여러 방식이 있다는 것을 알게 되었다. 각각의 방식의 특징과 장단점을 적어보고자 한다. 특징 기본적인 CSS 파일 방식 특징: 전통적인 방식이다. CSS 파일을 별도로 작성하고 필요한 곳에서 불러와 사용한다. 장점: CSS에 익숙한 개발자들에게는 가장 직관적이고 쉽다. 모든 브라우저에서 호환이 가능하다. 단점: CSS 선택자가 전역적으로 작동하기 때문에, 스타일 충돌이 발생할 수 있다. 또한, CSS와 JS가 분리되어 있어, 컴포넌트 기반의 설계를 위해선 추가적인 작업이 필요하다. CSS Modules 특징: CSS를 모듈로 만들어, 각 컴포넌트에 독립적인 CSS를 적용하는 방식이다. 장점: CSS 클래스의 이름이 지역적인 범위를 가지므로, 이름..

KimCookieYa
'styled-components' 태그의 글 목록