课程详情

본 강의에서는 다음 Flexbox 활용법을 다룹니다:요소 수직 정렬하기최신 스타일의 그리드 생성하기남는 공간 채우기요소 사이 여백 설정하기완전한 웹 페이지 레이아웃 구현하기기타 수많은 Flexbox 기능본 강의에서는 다음과 같은 Flexbox의 모든 속성들에 대해 다룹니다:플렉스 컨테이너:flex-directionjustify-contentalign-itemsflex-wrapalign-content그리고 플렉스 아이템:orderalign-selfflex-growflex-shrinkflex-basisflex마지막 부분에서는 실제 Flexbox 사용 예시를 함께 보며 어떤 레이아웃을 만들 수 있는지 살펴봅니다:같은 행에서 동일한 열 너비를 가지는 간단한 Flexbox 활용 그리드다양한 열 너비를 가지는 고급 Flexbox 그리드세로 가운데 정렬을 사용한 요소들의 수직 정렬미디어 객체 패턴(자주 사용되는 OOCSS 패턴)성배 레이아웃(사이드바와 푸터가 있는 완전한 웹 페이지 레이아웃)보너스: 강의와 함께 다섯 가지를 더 제공드립니다.수강생들의 이해를 돕기 위해 언제나 모든 질문에 대답해 드리고 있습니다. 궁금하신 점이 있다면 언제든 "영어로" 질문해 주세요고품질의 수작업 영문 및 한글자막을 강의 영상과 함께 제공합니다3개의 연습 미니 프로젝트를 통해 Flexbox를 실제로 사용해 보고 배운 내용을 웹 디자인에 적용해 생산성을 향상시킬 수 있도록 도와드립니다.보너스로 Flexbox를 사용하면서 언제든 배운 내용을 다시 확인하고 참고할 수 있는 Flexbox 복습 노트를 제공합니다.추가로 Flexbox 데모 코드를 제공합니다. 이 코드를 통해 강의에서 배운 모든 속성과 레이아웃을 웹 브라우저에서 실습해 보고 그 결과를 실시간으로 확인할 수 있습니다.본 강의를 수강한 수강생들의 후기입니다.정말 좋은 강의입니다. 벌써 Peter의 강의를 두 번째 수강하고 있네요.내용을 정말 쉽게 설명해 줍니다.- Ahmed정말 마음에 드는 강의입니다. 필요한 모든 내용을 정말 상세하게 가르쳐 주고 수강생의 질문에 대해 누구보다도 빠르게 답변해 줍니다. 멋진 강의를 제공해 줘서 고마워요, 앞으로도 다른 강의들 기대하고 있습니다!- Ana굉장히 도움이 되는 강의입니다. Peter는 처음부터 끝까지 내용을 빈틈없이 설명해 주고 제 질문에 대해 언제나 하루도 안 되어 대답을 해 주었습니다.- Dunja필요한 정보를 쓸데없는 내용 없이 빠르고 간결하게 설명해 주는 강의입니다. 추가 정보와 참고할 문서들에 대한 설명을 함께 제공하는 점도 마음에 들었습니다. 값어치를 하는 강의라고 생각합니다.- Robert수강생들이 이처럼 좋은 후기를 남겨주어 정말 기쁩니다. 이전 수강생들과 마찬가지로 여러분에게 최고의 강의를 제공하기 위해 노력하겠습니다.1강에서 뵙겠습니다.:)- Peter

课程标签

0人关注该课程

主题相关的课程