• 원데이
  • 최대 4명

CSS 프리프로세서 (Sass) 기초

황선수닷컴 튜터 5.0(4)

클래스 전 숙지해주세요!

테헤란로 개인사무실에서 진행합니다. 추가 비용 발생하지 않습니다. 주차 가능하지만 주차비는 수강생 부담입니다.

튜터 공지

클래스 요약

Sass는 변수, 함수, 상속 등의 일반적인 프로그래밍 개념을 사용하여 코드를 작성한 뒤 기존 CSS 문법으로 컴파일해주는 프리프로세서(전처리기)입니다. 그래서 HTML, CSS는 알고 있는 것으로 가정하고 수업을 진행합니다..

이런 분들이 들으면 좋아요.

추천
- 웹퍼블리싱 실무 경험 6개월 이상이신 분
(HTML, CSS에 대한 이해도가 없으면 진도를 나가기 어려운 수업입니다.)
- 실무에서 Sass(또는 Less) 도입 필요성을 느껴보신 분
(필요하다고 느껴야 더 집중해서 듣게 됩니다.)

비추천
- HTML, CSS 자체에 대한 이해도가 낮은 분
(탈잉 내 다른 수업을 권장합니다.)
- 수업자료만 원하시는 분
(직접 출석해서 실습하는 수업입니다.)

튜터님을 소개합니다.

황선수닷컴

  • 정보처리기능사
  • 메카트로닉스기능사
  • 정보기기운용기능사
  • 워드프로세서 1급
  • 컴퓨터활용능력 2급

지난 10여년간 웹/앱 프로덕트 개발 및 기획 분야에서 여러 직군의 사람들과 협업하며 SI, 웹에이전시, 포털, 커머스, 스타트업 등 다양한 형태의 회사를 경험하였습니다.

[ 최종학력 ]
2013. 02. / 한국방송통신대학교 컴퓨터과학과 졸업

[ 주요경력 ]
2019. 12. ~ 현재 / (주)탈잉
2018. 06. ~ 2019. 11. / (주)위메프
2015. 11. ~ 2018. 06. / 엔에이치엔테크놀로지서비스(주)

[ 강연실적 ]
2020. 06. 15. / (~현재) 탈잉 튜터
2017. 12. 16. / 하드코딩하는사람들 오픈세미나 연사
2017. 07. 11. / 웹월드 최신 트렌드 컨퍼런스 연사
2017. 02. 14. / NHN Technology Services 동계 UI개발 인턴십 강사
2016. 12. 10. / 하드코딩하는사람들 오픈세미나 연사

어떤 클래스 인가요?

# 개요
웹 페이지를 꾸미는 보조 역할을 하던 CSS는 시간이 지날수록 웹 개발에서 중요한 역할을 차지하게 되었습니다. 특히 CSS3가 등장하면서 더욱 많은 표현이 가능하게 된 것이 큰 계기가 되었습니다. 하지만 스타일을 정의하고 속성을 적용하는 방식은 매우 단순한 수준에 머무르고 있어, 반복되는 코드의 입력해야 하는 아쉬움을 남기고 있습니다.

과거와 다르게 CSS의 활용 범위가 커지고 웹 사이트의 규모가 거대해지면서 소스코드를 더욱 효율적으로 관리해야 할 필요성이 강조되고 있습니다. 그로 인해 보다 편리하고 효율적으로 CSS를 작성 할 수 있도록 도움을 주는 프리프로세서들이 나타났습니다. 여러 프리프로세서 중에서도 Sass를 이용하여 수업을 진행합니다.

Sass는 변수, 함수, 상속 등의 일반적인 프로그래밍 개념을 사용하여 코드를 작성한 뒤 기존 CSS 문법으로 컴파일해주는 프리프로세서(전처리기)입니다. 그래서 HTML, CSS는 알고 있는 것으로 가정하고 수업을 진행합니다.

조건문, 반복문 등의 기본적인 프로그래밍 지식이 있으면 이해하는데 도움이 되지만 모른다고 해서 할 수 없는 것은 아닙니다.

본 수업은 Sass 입문자(인턴/신입) 대상이므로 당장 실무에 활용하는 것보다는 각 기능을 숙지하고 사용해보는 것에 중점을 둡니다.

다른 기술도 마찬가지겠지만, 수업을 듣고 나서 본인이 직접 해보면서 찾아보고 물어보면서 알아가는 것이 중요합니다.

# 안내
- 수업 퀄리티를 유지하기 위해 한 차수에 2~4명으로 진행합니다.
- 2시간 과정이지만 진도에 따라 늦어질 수도 있습니다. (늦어지더라도 추가비용은 발생하지 않습니다.)

# 준비물
- 노트북 (Windows 또는 Mac)
- 텍스트에디터 (VS Code 권장)

# 장소
- 역삼역 인근 테헤란로 개인사무실에서 진행합니다.
- 장소로 인한 추가 비용은 발생하지 않습니다.
- 건물 내에 주차는 가능하지만 주차비는 수강생 부담입니다.

클래스 유의사항

노트북을 반드시 지참해주세요!

클래스는 이렇게 진행됩니다.

클래스 진행 시간은 진도에 따라 변동이 발생할 수 있습니다.

1교시 (60분)
- CSS 전처리기
- Sass의 특징
- Sass 컴파일러
- 컴파일 옵션
- 불러오기 (@import)
- 중첩 규칙
- 부모 선택자 참조 (&)
- 변수
- Mixin
- Extend
- 미디어쿼리 (@media)

2교시 (60분)
- 연산
- 제어문
- 조건문 (@if)
- 반복문 (@for, @each)
- 함수 (@function)
- 컴포넌트 단위 구조화
- 전역 변수
- 다소 난이도가 있는 실무 예제

실제 수강생의 리뷰입니다.

  • 커리큘럼5.0
  • 전달력5.0
  • 시간준수5.0
  • 준비성5.0
  • 친절도5.0

이 강의는 어떠세요?

클래스 일정

강남

55,000원 / 시간 110,000원 / 총 1회 2시간