작성
·
174
0
안녕하세요 선생님
현재 사수없이 신입 퍼블리셔로 일 하고있는데
sass를 써보고 싶어서 스터디 중입니다.
저희 회사의 경우 하나의 스타일 시트에
모든 페이지의 css를 다 때려넣어서 관리 하고 있었는데
sass를 도입해보면서
서브페이지들의 scss를 쪼개서 사용 하려고 하는데,
서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요?
서브페이지의 scss 페이지의 경우 작성할 때
페이지별로 전부 다 쪼개서 만들어주는 것이 좋을까요?
아니면 서로 성향이 비슷한 경우 묶음처리를 해서
작성하는 것이 좋을까요
즉
_마이페이지개인정보.scss
_마이페이지주문조회.scss
_마이페이지문의내역.scss 이런식으로 하는 것이 좋은지,
아니면
_마이페이지.scss 이런식으로 하는 것이 효과적일지 모르겠습니다.
답변 1
0
안녕하세요 강의 잘 들어주시구 잘 활용해주셔서 너무 감사합니당
각 페이지 별로 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임포트)
이런식으로 해서 공통적인 것들과 개별적인 것들 효율적으로 나누시면 어떨까 싶네요 ㅎ