SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
SCSS(SASS)와 FLEX Layout을 실전에 완벽하게 활용합니다! 피그마로 전체 웹사이트의 메인 페이지 및 핵심 서브 페이지 UI를 디자인하고, 일관성 있는 클래스네임과 함께 HTML 와이어프레임 구조를 만들어 퍼블리싱까지 완료하는 체계적인 반응형 웹 사이트 프로젝트 제작 과정입니다. 총 41시간 이상의 과정 속에서 핵심 이론 및 실무 활용 능력을 충분히 익히고, PC - 모바일 - 태블릿 대응 반응형 레이아웃을 설계 및 제작하면서 반응형 웹 프로젝트에 대한 경험과 노하우는 물론 제이쿼리(jQuery) 핵심 이론 및 실무 활용 능력까지 대폭 향상시키게 됩니다.
SCSS 핵심 이론(Essential Theory) 영상 업데이트
안녕하세요. 코딩웍스입니다.
원활한 SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 퍼블리싱 작업을 위해서 SCSS 핵심 이론(Essential Theory)을 업데이트 했습니다. SCSS 핵심 이론(Essential Theory) 영상은 5시간 9분에 걸쳐 SCSS의 거의 모든 이론을 다루고 있으므로 SCSS 핵심 이론을 충분히 심도 깊게 하실 수 있습니다.
▼ 추가된 섹션과 영상 내용(2023.07.06)
섹션 4. SCSS 핵심 이론(Essential Theory)
SCSS 핵심이론(01) - 선택자 중첩(Nesting)
SCSS 핵심이론(02) - 부모 선택자 참조(&)와 주석처리
SCSS 핵심이론(03) - 부모 선택자 참조(&) 응용
SCSS 핵심이론(04) – 대표적인 CSS 선택자 SCSS에서 만들기
SCSS 핵심이론(05) - 부모 선택자 참조(&) 가상클래스
SCSS 핵심이론(06) - 부모 선택자 참조(&) 속성선택자
SCSS 핵심이론(07) - 부모 선택자 중첩 나가기 @at-root
SCSS 핵심이론(08) – 접두어(prefix) 사용해서 CSS 속성 자동생성
SCSS 핵심이론(09) – 가상클래스 :is로 선택자 중복 줄이기
SCSS 핵심이론(10-1) - 변수(Variables) 01
SCSS 핵심이론(10-2) - 변수(Variables) 02
SCSS 핵심이론(10-3) - 변수(Variables) 유효범위와 CSS 변수선언
SCSS 핵심이론(11-1) - 외부파일 가져오기 @import
SCSS 핵심이론(11-2) - @import로 분할(Partial)된 파일 불러오기
SCSS 핵심이론(12) - 연산자(Operations), 출력창 없애기
SCSS 핵심이론(13-1) - 그룹 선언하기 @mixin, 그룹 사용하기 @include
SCSS 핵심이론(13-2) - @mixin과 @include 응용하기
SCSS 핵심이론(13-3) - @mixin과 @include 활용한 버튼디자인
SCSS 핵심이론(13-4) - @mixin의 매개변수(인수)를 @include로 사용하기
SCSS 핵심이론(14) - 선택자 속성 가져오는 @extend
SCSS 핵심이론(15) - @extend와 함께 사용하는 플레이스 홀더 선택자 %
SCSS 핵심이론(16) - 다중 변수 선언, 내장 함수(map-get)