CSS 레이아웃 - flex & grid

반응형 웹을 만들고 싶으신 당신,
flex & grid는 제대로 배우고 시작할까요? 😁

필수 스킬을 담백하게 정리한
CSS 레이아웃 강의 📖

웹 페이지의 요소들을 깔끔하게 정리해 사용자에게 시각적인 만족감을 제공하고, 기기나 화면의 크기에 따라 페이지의 레이아웃을 변경할 수 있는 최신 CSS 레이아웃 기술을 정리했습니다.

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

이 강의에서 배우는 것들 💪

최신 CSS 레이아웃 기술의 개념 및 사용법

최신 CSS 레이아웃 기술의 대표 주자인 flex와 grid에 대해 이해할 수 있습니다. 

레이아웃 요소 다루는 방법

요소를 배치 및 정렬하는 방법을 비롯하여 다양한 레이아웃 스킬에 대해 알아봅니다.

수강 전, 안내 사항을 확인하세요 🔍

하나, HTML과 CSS를 알고 있어야 해요!

본 강의는 유노코딩의 기존 무료 강의의 수강생 분들에게 보충 수업을 제공하고자 만든 강의입니다.
인프런 또는 유노코딩 유튜브 채널에서 해당 강의들을 참고하셔도 좋고,
기존 HTML, CSS 학습 경험이 있으시다면 바로 강의를 수강하셔도 좋습니다!

둘, 다음과 같은 준비물을 챙겨주세요!

셋, 수강 전 미리 알려드려요!

대부분의 영상에는 코드를 작성하는 장면이 등장하는데, 영상이 지루해질 수 있어 배속 처리를 했습니다. 따라서 코딩 실습을 따라하시는 경우 일시정지 기능을 활용하며 실습을 진행해주세요.