서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요?
292
投稿した質問数 26
안녕하세요 선생님
현재 사수없이 신입 퍼블리셔로 일 하고있는데
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임포트)
이런식으로 해서 공통적인 것들과 개별적인 것들 효율적으로 나누시면 어떨까 싶네요 ㅎ
미디어 쿼리 호출 순서(화면사이즈)
0
417
1
h2에 background
0
471
1
명령 프롬포트
0
766
1
SASS Lint 문법 오류 출력
0
350
0
Wrap up - Boxes Project - 1,2
0
247
1
watch sass 를 클릭해도
0
520
1
sass 파일명과 다른 css 파일명을 만들고 싶을 땐 어떻게 해야 하나요?( live sass compiler )
0
471
1
index.css @import를 랜덤으로 합니다.
0
475
1
scss -> css 파일 변환 오류
0
1241
1
vs code 설정에서 html에서요~
0
339
2
Live Sass Compiler more에서 작업 영역 설정 붙여넣기
0
317
2
clearfix 관련
0
203
1
& 관련 질문이 있습니다.
0
206
0
Live Sass Complier 설치를 했는데..
0
1490
5
인자에 달러$ 표시는 권장 컨벤션인가요?
0
443
2
Scss의 경고창
0
314
1
VsCode사용법중 질문
0
303
2
.map파일
0
356
1
안녕하세요 vs코드 설정중에 느낌표 표시가 뜨는데요~
0
572
1
안녕하세요 현재 수강중인 학생입니다.
0
184
1
설정 관련해서 질문 드립니다.
0
313
2
구글드라이브 엑세스 요청 해야 하네요
0
347
2
이미지가 없네요
0
239
3
목소리
0
157
1

