inflearn logo
강의

講義

知識共有

CSSに翼をつけるサス(SCSS)

main h2 h3 btn

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

292

milktea

投稿した質問数 26

0

안녕하세요 선생님

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

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

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

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

sass를 도입해보면서

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

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

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

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

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

작성하는 것이 좋을까요


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

아니면

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

sass HTML/CSS

回答 1

0

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임포트)

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

미디어 쿼리 호출 순서(화면사이즈)

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