SCSS를 활용해 CSS 유틸리티 만들기

[이해하기 쉬운 설명]
초급자도 이해할 수 있을 만큼  쉬운 용어로 설명해요.

[라이브 코딩]
미리 준비된 코드가 아닌 실시간으로 코드를 타이핑해가는 방식으로,
학습자가 강의 영상을 보며 같이 코드를 작성하는 실습 위주의 강의에요.

"CSS만 작성해봐서 강의내용을 이해하지 못할까봐 걱정돼요.."

SCSS 변수, 기본문법을 알고 있다면  빠르게 이해하는데 도움이 됩니다만,
CSS만 알고 있어도 강의를 이해하는 데에는 무리가 없습니다.

본 강의에서는 우리가 필요한 SCSS의 내장된 모듈 기능을 하나씩 살펴보고 이해한 후
실습에 적용하기 때문에, 에디터를 키고 차근차근 따라해 보시기만 하면 됩니다 ;)

Q. 수업은 어떤 방식으로 진행되나요?

1. CSS 유틸리티를 만들기 위해 필요한 SCSS의 내장 기능 및 규칙에 대해 알아봅니다. 

2. 앞서 배운 SCSS의 규칙과 기능을 실제 코드에 적용해보며 개념을 확실히 이해합니다.

3. 위에서 배운 것들을 활용하여, 최종적으로 CSS 유틸리티 클래스를 만들어 봅니다.

Q. 강의를 듣기 전, 준비해야 할 것이 있나요?

VSCode 에디터와 인터넷 환경만 있으면 준비 완료입니다.

Q. 왜 이 강의를 들어야 하죠?

퍼블리셔의 업무 중 큰 부분을 차지하는 것은 아마도 스타일 작성일 것입니다. 
공통적으로 쓰이는 다양한 CSS 조각을 일일이 작성하는 것은 어쩌면 매우 단순하고 지루한 작업을 반복하는 일일지도 모릅니다.
이런 반복되는 작업을 좀더 효율적으로 처리할 수는 없을까요?
SCSS는 이러한 우리의 요구에 부응하는 훌륭한 CSS 전처리기입니다 !
SCSS를 단순히 문법적인 용이성으로만 사용하셨나요?
그렇다면, 당신은 SCSS의 반도 제대로 활용하고 있지 않은 것입니다.
SCSS에서 제공하는 기능을 잘 활용할 수 있다면, 여러분의 CSS를 보다 자동화하고 체계적으로 구성할 수 있습니다.
본 강의를 통해 SCSS의 강력함을 체험해보고, 여러분의 CSS에 날개를 달아보세요~!