입문자를 위한 반응형 웹 기초 강의 - goormEDU
All Lectures
RouteNoticeQ&A

입문자를 위한 반응형 웹 기초 강의

다양한 기기와 화면에서 서비스를 제공할 수 있는 '반응형 웹사이트'를 만들기 위해 필요한 기본적인 스킬을 확실하게 익힐 수 있는 강의입니다.

Lecture Introduction
Difficulty
Normal
Category
Web Programming - Programming
Tag
CSS, HTML
Certificate
You can issue a certificate of completion
Target Audience
- HTML/CSS를 공부 중이거나 공부해 본 사람
- CSS 스킬업을 원하는 사람
- 반응형 웹 만들기에 관심이 있는 사람


필수 스킬을 담백하게 정리한 반응형 웹 기초 강의


반응형 웹이란, 다양한 기기나 브라우저의 크기에 맞게 구성이나 크기를 변경해가며 반응하는 웹문서 또는 그것을 만들기 위해 사용하는 기법 등을 뜻하는 말입니다.
본 강의는 반응형 웹을 만들기 위해 필요한 필수 스킬들을 소개하는 강의입니다.

HTML, CSS에 대한 경험을 가지고 있는 분들이라면 누구나 부담없이 공부하실 수 있도록 꼭 필요한 주요 개념 위주로 내용을 구성했습니다.
이 강의는 오랜 시간을 투자하지 않고도 반응형 웹을 만들 때 필요한 기본기를 갖추실 수 있도록 돕는 데 초점을 두고 제작한 강의입니다.

이 강의에서 배우는 것들


반응형 웹의 개념 - 반응형 웹이 무엇인지, 왜 필요한지, 어디서부터 어떻게 시작해야 하는지에 대해 알아봅니다. 반응형 웹 스킬 학습 - 가변 그리드, 가변 이미지, 미디어 쿼리 등 다양한 스킬에 대해 알아봅니다. 반응형 웹 디자인 학습 -효율적인 디자인 방법론에 대한 소개와, 그에 대한 접근법에 대해 알아봅니다.


수강 전 유의사항

HTML과 CSS를 알고 있는 수강생을 대상으로 합니다. HTML과 CSS 학습 경험이 없다면 관련 공부를 먼저 진행해주세요. 강의는 맥의 OS X 운영체제 환경에서 진행되며, 코드 에디터로는 비주얼 스튜디오 코드를 사용합니다. 대부분의 영상에는 코드를 작성하는 장면이 등장하는데, 자칫 영상이 지루해질 수 있다고 판단해 대부분 배속 처리를 하였습니다. 일시정지 기능을 적절히 활용해 가시면서 실습을 진행하시길 추천합니다.

해당 과정을 진행하면서 우리는 무엇을, 어떻게 왜 사용하는지 배우고 이를 직접 코딩하면서 직접 확인하고 해당 내용을 정리하면서 학습한 내용들을 정리해 나갈 거예요! 배움의 과정에서 겪는 불필요한 고통을 최대한 줄이기 위해 노력했습니다.




유노코딩

    현) 유노코딩 대표
    전) 빈즈드로어 대표
    프리랜서 소프트웨어 강사

    (주)플라토 SW Developer
    (주)센트롤 SW Developer
    (주)아이오크롭스 SW Developer


        Preview
        Expand All
        • 01
          강의 소개 및 개요
        • 강의 소개
          반응형 웹 개요
        • 02
          반응형 웹 기초 강의
        • 상대 단위 em rem
        Curriculum
        Expand All
        • 01
          강의 소개 및 개요
        • 강의 소개
          반응형 웹 개요
        • 02
          반응형 웹 기초 강의
        • 상대 단위 em rem
          뷰포트 단위 vw vh vmin vmax
          가변 레이아웃 (가변 그리드)
          CSS 함수 개념과 calc()
          미디어 쿼리
          가변 이미지
          가변 동영상
          모듈화 디자인
          소스 코드 다운로드
        • 03
          반응형 웹 연습하기
        • 컴포넌트 만들기 - 헤더 상
          컴포넌트 만들기 - 헤더 하
          컴포넌트 만들기 - 네비게이션
          컴포넌트 만들기 - 썸네일
        • 04
          강의 마무리
        • 마무리
        Instructor Introduction
        hello.Goorm Edu Captain 유노코딩.Let's start learning together!

        Lecture Reviews
        Free

        Average Rating
        5.0
        Difficulty
        Normal
        Lecture Period
        Unlimited