로그인 바로가기 하위 메뉴 바로가기 본문 바로가기
윤지수
윤지수 edwith
  • 타입 MOOC 강좌
  • 기간 상시 수강
  • 시간 자유롭게 학습
  • 수강 승인 방식 자동 승인

교수자 소개

  • 윤지수

    네이버에서 Core UI 개발과 개발팀장을 했습니다. NEXT에서 웹 UI 전임교수를 하며 인재양성을 하기도 했으며, SK Planet 에서 기술분야의 유일한 Master레벨로 근무했습니다. 삼성전자, 씨티은행, 삼성생명, NAVER Technology service, 위메프등 국내 여러회사에서 웹프론트엔드 강의 경력이 있으며, 2014년에 NAVER 신입사원교육, 2015년 SK Planet 신입사원 교육을 설계하고 멘토로 참여했습니다. Deview 2016에서 웹프론트엔드 강의를 하기도 했습니다. UX를 고려한 웹 프론트엔드 개발방법과 Clean한 웹프론트엔드 개발방법에 관심이 많습니다.

강의계획

강의목록
  1. CHAPTER 1: HTML을 통한 웹사이트 구조 설계
    1. 1. HTML은 무엇이고 어떻게 만드나요?
    1. 2. HTML의 중요 태그
    1. 3. UI 레이아웃을 위한 HTML 태그
    1. 4. HTML 구조화 설계
    1. 5. ID 와 Class
    1. 6. 개발자도구(Elements tab)을 활용한 HTML CSS 디버깅
  2. CHAPTER 2: CSS 기본개념과 렌더링원리
    1. 1. CSS를 HTML에서 사용하는 방법
    1. 2. CSS에서의 상속 개념
    1. 3. 캐스케이딩 – computed style이 결정되는 방식
    1. 4. Selector를 활용한 DOM 탐색
  3. CHAPTER 3: CSS 기본스타일 적용방법
    1. 1. COLOR, FONT와 같은 스타일 변경 방법
    1. 2. BOX Model을 이용한 엘리먼트 배치
  4. CHAPTER 4: Layout 설정
    1. 1. Position 속성을 이용한 Layout
    1. 2. Float 기반 Layout 1편
    1. 3. Float 기반 Layout 2편 – float에서 생기는 문제 해결
    1. 4. FLEX 기반 Layout
    1. 5. z-index 속성의 이해
  5. CHAPTER 5: LESS로 CSS 프로그래밍하기
    1. 1. CSS언어의 아쉬운 점
    1. 2. LESS Syntax
    1. 3. LESS Compile
  6. CHAPTER 6: 필수 CSS3 속성으로 애니메이션 구현
    1. 1. transition 을 이용한 CSS 기본 애니메이션
    1. 2. transform 속성 활용

추가정보

1. https://www.w3schools.com/html/default.asp
[참고 사이트] 강의 중 강사님께서 언급하신 기초 학습에 큰 도움이 되는 사이트입니다. HTML5, CSS의 기본적인 튜토리얼을 익히실 수 있습니다.

퍼블리셔: 장혜린(커넥트재단)