13가지 예제로 배우는 CSS Flex & Grid 핵심 기능

CSS, 이제는 실전이다! 
복잡한 Flex & Grid, 한방에 끝내보세요.

강의 주제 📖

---

이 강의, 왜 들어야 할까요? 🚀

Flex와 Grid 기능은 외워야 할 속성의 개수도 많고, 심지어 생긴것도 다 비슷해요. 그렇다 보니까 막상 듣거나 보면 이 속성들이 무슨 기능을 하는지는 알겠는데, 정작 내가 생각한 레이아웃을 Flex와 Grid를 사용해서 작성하는 방법을 모르겠다는 분들이 많습니다.

기초와 실전 프로젝트 제작 그 애매한 중간 어딘가! 그곳에서 헤매고 계신 분들. 이 강의는 이런 분들께 딱 적합한 강의라고 생각해요. 실습 예제를 따라하다보면 금새 감을 잡으실 수 있을거에요.

취업 또는 이직을 준비하고 있거나, 이제 막 프로그래밍에 입문한 친구들을 상담하다 보면 '디자인'을 간과하고 있는 친구들이 꽤 많습니다. 개발자는 HTML, CSS 몰라도 되지 않느냐- 는 질문도 많이 받는데요.

저는 개발자를 농부에 비유하곤 합니다. 개발이 사과 농사라면, 내가 개발한 서비스는 소비자에게 판매할 사과가 되겠죠? 레이아웃을 작성하는 것은 사과를 사과 상자에 포장하는 과정과도 같아요. 개발자도 최소한 내 상품을 의도한 대로 포장할 수 있어야 합니다! 

---

강의 특징 ✨

• A부터 Z까지! Flex와 Grid의 기능을 핵심만 빠르게 정리합니다.
• 실습 예제를 통해 핵심 기능의 기본기를 다집니다.

---

이 강의를 듣고 나면 📜

제가 Flex와 Grid를 가르치면서 가장 많이 들은 질문이 바로 수많은 Flex와 Grid의 기능들을 다 외워야 하냐는 것이었어요. 이 강의를 듣고 나면, 이제 Flex와 Grid 레이아웃으로 내가 생각하는 것을 만들기 위해서 모든 기능을 외우거나 써야 하는 게 아니라는 것을 확실히 알게 되실 거예요!

핵심 기능만 잘 파악하고 있으면 많은 코드를 쓰지 않고도, 쉽고 간단하게 내가 원하는 레이아웃을 작성할 수 있습니다!

---

예상 질문 Q&A 💬

---

지식공유자 소개 ✒️

이도해

풀스택 개발자이자 프로그래밍 강사로 활동하고 있습니다.

• 『HTML5 독학백서』 저자
• 『CSS3 독학백서』 저자
• 『자바스크립트 독학백서』 저자

---

실습 예제 살~짝 미리보기 😎