배웠는데 못 쓰겠는 CSS 구출기

배웠는데 못 쓰겠는 CSS 구출기

(0개의 수강평)

19명의 수강생
27,500원
지식공유자 · sonack
15회 수업· 총 1시간 54분수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 '활용'
지식공유자의 다른 강의
연관 로드맵
아직 다른 강의가 없어요 ㅠㅠ
연관 로드맵이 없어요 ㅠㅠ

CSS 심화 강좌로 구현하는 웹 페이지

혹시 CSS를 배우고나서 직접 개발해 보려고 시도한 적이있나요? CSS 문법은 배울 때는 쉽지만 막상 적용하기는 어렵습니다. 배웠지만 못 쓰겠는 CSS, 그 아이러니를 탈출하도록 도와주는 CSS 심화 실습 강좌입니다. CSS의 중요한 문법만을 공식암기하듯 익히고 넘어갔다면, 이 강의는 예제를 통해서 직접 CSS를 작성하며 실력을 키우기 좋은 강의입니다.

본 강좌는 철저히 실습위주로 구성되어 있습니다. 각 강의별 예제와 챕터를 총괄하는 예제, 본 강의 전체를 총괄하는 예제와 정답이 준비되어 있습니다.

학습 목표

  • 원하는 모양을 아무 것도 없는 상태에서 만들 수 있습니다.
  • 자주 사용되는 CSS 패턴을 익힙니다.
  • CSS 트릭을 이용해서 JS 없이 동적으로 작동하는 페이지를 만들 수 있습니다.

 도움이 되는 분들

  • CSS를 배웠고, 이해도 했는데 도무지 실전에서 사용할 엄두가 안 나는 분
  • CSS 예제를 통해서 진짜 실력을 키우고 싶은 분
  • 기초적인 수준의 CSS 실력을 향상시키고 싶은 분

참고 사항

  • CSS 이론을 이미 배웠다고 가정한 강의입니다. 이론 설명이 없는 것은 아니나 예제 코드 설명에 더 많은 심혈을 기울였으니 입문 강의로는 적절하지 않습니다.

지식공유자 소개

sonack
한양대학교 수학교육과에 재학중이다. 교내 컴퓨터 동아리 HUHS에 들어가 처음 코딩에 관심을 가지게 되었고, 여러 활동을 통해 웹 개발로 방향을 정했다. CSS를 배우고 나서 실질적으로 연습을 할 수 있는 예제가 없다는 것을 깨닫고 강좌를 제작하게 되었다. ‘극성 이과’의 영역이라고 여겨지는 컴퓨터와 수학을 보다 편안하게 많은 사람들에게 알리는 것이 목표이다.

지식공유자 소개

교육과정

모두 펼치기 15 강의 1시간 54분
섹션 1. Chapter1. 원하는 모양 만들기
5 강의 49 : 00
네모 네 개를 일렬로 놓는 방법
11 : 00
브라우저 호환성 문제
03 : 00
Absolute 활용하기
14 : 00
쌓임맥락과 z-index
06 : 00
최종예제: 곰돌이 만들기
15 : 00
섹션 2. Chapter2. 반응형 프레임 만들기
5 강의 38 : 00
가운데 정렬 프레임 만들기
05 : 00
모바일에 대응하는 CSS
09 : 00
크기의 단위
09 : 00
Calc 함수: 크기 단위의 합성
08 : 00
최종예제: 반응형 2분할 프레임 만들기
07 : 00
섹션 3. Chapter3. 애니메이션 만들기
3 강의 24 : 00
가상, 인접 클래스 선택자
09 : 00
Transition 효과
07 : 00
최종예제
08 : 00

공개 일자

2018년 3월 7일 (마지막 업데이트 일자 : 2018년 6월 25일)

수강 후기

첫 수강평의
주인공이 되어주세요! ✏️
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스