CSS에 날개를 달아주는 Sass (SCSS)

CSS에 날개를 달아주는 Sass (SCSS)

(4개의 수강평)

144명의 수강생
27,500원
지식공유자 · DEvSIGNER
36회 수업 · 총 13시간 44분 수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 '입문'
지식공유자의 다른 강의
연관 로드맵
아직 다른 강의가 없어요 ㅠㅠ
연관 로드맵이 없어요 ㅠㅠ

CSS에 날개를 달아주는 Sass (SCSS)

스마트한 CSS의 작성! Sass (SCSS) Sass (Syntactically Awesome Style Sheets)​는 세계에서 가장 성숙하고 안정적이며 강력한 전문적인 CSS 확장 언어입니다. Sass는 CSS pre-processor로서, Sass는 CSS의 모든 버전과 완벽하게 호환되고, 단조롭거나 복잡할 수 있는 CSS 작성 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여줄 뿐 만 아니라, 코드의 가독성을 높여주어 유지보수를 쉽게해줍니다. 거기에 CSS 작성에 능률과 재미를 불러일으킵니다!

도움이 되는 분들

  • 웹 분야에 있어서 중급으로 발돋움 하고자 하시는 분들
  • CSS를 더욱 더 고급스럽고 세련되게 작성하고자 하는 웹 개발자, 디자이너, 퍼블리셔 등

지식공유자 소개

DEvSIGNER
안녕하세요. DEvSIGNER 입니다. DEvSIGNER는 Developer와 Designer 두단어를 섞은 활동명이 되겠습니다. 그에 부응하도록 2003년경 부터 플래시를 필두로한 웹디자인에서 지금의 웹개발자에 이르기 까지 다양한 플랫폼을 경험하고 습득하고 있습니다. 제가 수행한 다양한 프로젝트들과 거기서 경험한 시행착오들을 통해, 강의 내용에 있어서 최대한 수강생을 혼동시키지 않는 간단하고 직선적인 방법으로 설명할 수 있다고 생각합니다. 저의 강의 코스들이 여러분들의 커리어에 활력을 더해줄 수 있는 좋은 기회로 다가가 환영받기를 기대합니다!

강의 보완

Visual Studio Code 1.3 이후 버전을 쓰시는 분들은 참고하세요!

https://youtu.be/bkYhzXePx70

교육과정

모두 펼치기 36 강의 13시간 44분
섹션 0. ch00. Intro
1 강의 03 : 00
섹션 1. ch01. VS Code and Sass Configurations
7 강의 88 : 00
Setting up Environment - VSCode, Chrome
06 : 00
Basic Editing
14 : 00
Extensions Essential
21 : 00
Extension - Live Server
14 : 00
Sass is
07 : 00
Live Sass Compiler
15 : 00
Live Sass Compiler more
11 : 00
섹션 2. ch02. Sass Basic Project
11 강의 282 : 00
Variables
24 : 00
Writing Example Code
13 : 00
Nesting
35 : 00
Nesting - Media Queries
12 : 00
mixin
20 : 00
extend
08 : 00
Partial
19 : 00
Partial Import Error Solution
05 : 00
if
16 : 00
Wrap up - Boxes Project - 1
75 : 00
Wrap up - Boxes Project - 2
55 : 00
섹션 3. ch03. Lorem Project
16 강의 446 : 00
Lorem Project Init
12 : 00
header, CSS unit, trans, anim - 1
40 : 00
header, CSS unit, trans, anim - 2
32 : 00
header, CSS unit, trans, anim - 3
35 : 00
header finish
31 : 00
pseudo element
29 : 00
footer
26 : 00
main html
27 : 00
main h2 h3 btn
27 : 00
main section about
26 : 00
main complete
27 : 00
nav basics
22 : 00
nav button 1
22 : 00
nav button 2
11 : 00
nav complete
36 : 00
media-queries and project complete
43 : 00
섹션 4. ch04. Conclusion
1 강의 05 : 00
Conclusion
05 : 00

공개 일자

2018년 3월 25일 (마지막 업데이트 일자 : 2019년 1월 11일)

수강 후기

5.0
4개의 수강평
leeeso93 1달 전
scss의 기본개념을 잡기에 좋았습니다. 감사합니다.
임경희 2달 전
sass 문법도 문법이지만 프로젝트할 때 폴더를 어떻게 구성해서 사용하면 좋을지 궁금했는데 Lorem 프로젝트 실습하면서 그부분에 있어 많이 배웠습니다! 원래 bracket을 써서 vs code에 대한 장벽이 높았는데 vs code에 대해서도 처음부터 확장프로그램이나 환경설정까지 차근차근 알려주셔서 좋았습니다. 이제는 vs code로 작업해보려구요! 그밖에 css의 헷갈리는 em, rem 개념이나 애니메이션 등에 대해서 잘 정리해주셔서 정말 유익했습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스