inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Sass (SCSS) chắp cánh cho CSS

main h2 h3 btn

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

293

milktea

26 câu hỏi đã được viết

0

안녕하세요 선생님

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

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

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

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

sass를 도입해보면서

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

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

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

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

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

작성하는 것이 좋을까요


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

아니면

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

sass HTML/CSS

Câu trả lời 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

418

1

h2에 background

0

471

1

명령 프롬포트

0

769

1

SASS Lint 문법 오류 출력

0

350

0

Wrap up - Boxes Project - 1,2

0

249

1

watch sass 를 클릭해도

0

520

1

sass 파일명과 다른 css 파일명을 만들고 싶을 땐 어떻게 해야 하나요?( live sass compiler )

0

473

1

index.css @import를 랜덤으로 합니다.

0

479

1

scss -> css 파일 변환 오류

0

1245

1

vs code 설정에서 html에서요~

0

340

2

Live Sass Compiler more에서 작업 영역 설정 붙여넣기

0

322

2

clearfix 관련

0

205

1

& 관련 질문이 있습니다.

0

206

0

Live Sass Complier 설치를 했는데..

0

1491

5

인자에 달러$ 표시는 권장 컨벤션인가요?

0

443

2

Scss의 경고창

0

314

1

VsCode사용법중 질문

0

304

2

.map파일

0

359

1

안녕하세요 vs코드 설정중에 느낌표 표시가 뜨는데요~

0

573

1

안녕하세요 현재 수강중인 학생입니다.

0

186

1

설정 관련해서 질문 드립니다.

0

319

2

구글드라이브 엑세스 요청 해야 하네요

0

349

2

이미지가 없네요

0

242

3

목소리

0

160

1