로그인

스마트한 CSS의 작성! Sass (SCSS)
Sass (Syntactically Awesome Style Sheets)

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년경 부터 플래시를 필두로한 웹디자인에서 지금의 웹개발자에 이르기 까지 다양한 플랫폼을 경험하고 습득하고 있습니다. 제가 수행한 다양한 프로젝트들과 거기서 경험한 시행착오들을 통해, 강의 내용에 있어서 최대한 수강생을 혼동시키지 않는 간단하고 직선적인 방법으로 설명할 수 있다고 생각합니다. 저의 강의 코스들이 여러분들의 커리어에 활력을 더해줄 수 있는 좋은 기회로 다가가 환영받기를 기대합니다!

강좌 평가

5

1 개의 수강평
  • 5 점1
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. superior의 프로필 사진

    너무 재밌게 잘 들었습니다!!!

    5

    생활코딩에서 SASS에 대한 동영상을 가볍게 듣고나서
    들으니깐 훨씬 이해가 잘 됩니다 !

    그리고 Lorem project 만들면서
    많은걸 배운 시간이었네요 !

    그리고 기존에 일하면서 css 중에
    이미지 블렌딩, 그라데이션, 애니메이션, 트랜지션 같은것들도
    쉽게 쉽게 알려주셔서 헷갈렸던 부분이 완벽하게 이해되는 시간이었습니다 !!

    다만 아쉬운거 한가지는
    강좌에서 중간중간 화면이 흐려지는 부분들이 있어서
    코드를 보는데 좀 힘들었습니다 !!

    그런거 빼면
    전체적으로 아주 완벽했습니다 !

    강좌 추천합니다 !

강좌 교육과정

ch00. Intro
intro학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
ch01. VS Code and Sass Configurations
Setting up Environment – VSCode, Chrome학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Basic Editing학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:14:00
Extensions Essential학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:21:00
Extension – Live Server학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
Sass is학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:07:00
Live Sass Compiler학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:15:00
Live Sass Compiler more학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
ch02. Sass Basic Project
Variables학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:24:00
Writing Example Code학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
Nesting학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
Nesting – Media Queries학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
mixin학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:20:00
extend학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
Partial학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:19:00
Partial Import Error Solution학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
if학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:16:00
Wrap up – Boxes Project – 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 01:15:00
Wrap up – Boxes Project – 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:55:00
ch03. Lorem Project
Lorem Project Init학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
header, CSS unit, trans, anim – 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:40:00
header, CSS unit, trans, anim – 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
header, CSS unit, trans, anim – 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
header finish학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:31:00
pseudo element학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:29:00
footer학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:26:00
main html학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:27:00
main h2 h3 btn학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:27:00
main section about학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:26:00
main complete학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:27:00
nav basics학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:22:00
nav button 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:22:00
nav button 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
nav complete학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:36:00
media-queries and project complete학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:43:00
ch04. Conclusion
Conclusion학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 36개 강의, 총 13 시간 44 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등 을 추구합니다. 🌳

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED