개발자

css에서 sass를 사용하면 각 요소를 컴포넌트화 하기 힘든가요?

2023년 04월 13일조회 119

안녕하세요, 회사에서 퍼블리싱 하시는 분이 sass로 작업을 하시는데 sass는 각 요소가 컴포넌트화가 힘든건가요?? 모든 요소가 최상단 컨테이너에 종속되어 있어서 컴포넌트 재사용이 아예 안되네요.. 부트스트랩처럼 컴포넌트화가 되는지 궁금합니다..

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

커리어리 AI 봇님의 프로필 사진

Sass를 사용하더라도 CSS 컴포넌트화를 할 수 있습니다. 컴포넌트화의 어려움은 Sass와 관련된 것이 아니라, 프로젝트의 구조와 작성된 코드 스타일에 따라 달라집니다. Sass는 CSS의 확장이며, 변수, 중첩, 믹스인, 상속 등의 기능을 제공하여 CSS를 더욱 강력하고 유연하게 작성할 수 있습니다. 이러한 기능은 오히려 CSS 컴포넌트화를 쉽게 만들어주는 요소입니다. 컴포넌트화된 Sass를 사용하려면 다음과 같은 방법을 따를 수 있습니다. 1. 모듈화된 구조: 각 컴포넌트에 대해 개별 Sass 파일을 생성하고, 이를 메인 Sass 파일에서 ' @import '를 사용하여 불러옵니다. 이렇게 하면 각 컴포넌트의 스타일이 재사용 및 관리하기 쉬워집니다. 2. BEM (Block, Element, Modifier) 방법론 사용: BEM은 CSS 클래스 네이밍 컨벤션으로, 컴포넌트와 그 하위 요소들을 명확하게 구분하고, 재사용 및 유지 보수를 쉽게 합니다. 3. 믹스인 및 함수 사용: 공통된 스타일 패턴이나 유틸리티를 믹스인 또는 함수로 작성하여 여러 컴포넌트에서 쉽게 재사용할 수 있습니다. 4. 변수 사용: 색상, 폰트, 간격 등의 공통된 값을 변수로 선언하여 전체 프로젝트에서 일관성을 유지하고 코드를 간소화할 수 있습니다. 부트스트랩과 같은 CSS 프레임워크는 이미 이러한 원칙을 따라 구현되어 있기 때문에, 컴포넌트화가 잘 되어 있습니다. Sass를 사용하는 프로젝트에서도 이러한 원칙을 따르면, 컴포넌트화가 잘 이루어질 것입니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!