인프런 커뮤니티 질문&답변

밀크티님의 프로필 이미지
밀크티

작성한 질문수

CSS에 날개를 달아주는 Sass (SCSS)

main h2 h3 btn

서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요?

작성

·

174

0

안녕하세요 선생님

현재 사수없이 신입 퍼블리셔로 일 하고있는데

sass를 써보고 싶어서 스터디 중입니다.

저희 회사의 경우 하나의 스타일 시트에

모든 페이지의 css를 다 때려넣어서 관리 하고 있었는데

sass를 도입해보면서

서브페이지들의 scss를 쪼개서 사용 하려고 하는데,

서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요?

서브페이지의 scss 페이지의 경우 작성할 때

페이지별로 전부 다 쪼개서 만들어주는 것이 좋을까요?

아니면 서로 성향이 비슷한 경우 묶음처리를 해서

작성하는 것이 좋을까요


_마이페이지개인정보.scss 
_마이페이지주문조회.scss 
_마이페이지문의내역.scss 이런식으로 하는 것이 좋은지,

아니면

_마이페이지.scss 이런식으로 하는 것이 효과적일지 모르겠습니다.

답변 1

0

DEvSIGNER님의 프로필 이미지
DEvSIGNER
지식공유자

안녕하세요 강의 잘 들어주시구 잘 활용해주셔서 너무 감사합니당

각 페이지 별로 css를 따로 둔다고 하면

페이지가 index, sub1, sub2 요렇게 있다고 쳤을 때

크게 아래와 같이 분류를 하구요

A. 일단 모든 페이지에 공통적인 것들 (파샬들 - _variables, _mixins, ...등)

B. 그리고 각 페이지에만 해당하는 스타일

index.scss에서는 A들 임포트 그리고 index에만 해당하는 스타일 작성 (또는 _index.scss임포트)

sub1.scss에서는 A들 임포트 그리고 sub1해당하는 스타일 작성 (또는 _sub1.scss임포트)

sub2.scss에서는 A들 임포트 그리고 sub2해당하는 스타일 작성 (또는 _sub2.scss임포트)

이런식으로 해서 공통적인 것들과 개별적인 것들 효율적으로 나누시면 어떨까 싶네요 ㅎ

밀크티님의 프로필 이미지
밀크티

작성한 질문수

질문하기