CSS Grid를 활용한 현대적인 레이아웃 디자인
현대적인 CSS Grid 기술을 사용하여 유연하고 반응성이 뛰어난 웹사이트 구조를 구축하고, 깔끔하고 효율적인 코드로 복잡한 레이아웃을 만드세요.
-
💬
AI 강사
어떤 강의든 질문하면 언제든 즉시 명확한 답을 받을 수 있어요. -
🕐
언제든지 시작
정해진 일정이나 마감이 없어요 — 원할 때 자신의 속도로 배우세요. -
🌐
한국어로
강의, 과제, 수료증까지 — 모두 완전히 당신의 언어로.
이 과정 소개
현대적인 웹 디자인은 단순한 기본 포지셔닝 이상의 것을 요구합니다. 강력하면서도 직관적인 레이아웃 시스템이 필요합니다. 이 과정은 최신 CSS에서 사용할 수 있는 가장 강력한 레이아웃 도구를 사용하여 웹사이트를 구성하는 방법을 명확하게 이해할 수 있는 경로를 제공합니다. 여러분은 구식 포지셔닝 핵(hacks) 사용에서 벗어나 모든 화면 크기에 적응하는 깔끔하고 유지보수 가능한 코드를 작성하게 될 것입니다.
학습 내용:
- 그리드 컨테이너, 트랙, 아이템의 핵심 개념 이해
- 정확한 배치를 위한 명시적 및 암시적 그리드 정의 마스터
- 분수 단위(fractional units)와 최신 크기 조정 함수를 사용한 유연한 크기 조정 적용
- 뷰포트 변경에 자동으로 적응하는 반응형 레이아웃 생성
- 최신 gap 속성을 사용한 정렬 및 간격 기술 연습
- 서브그리드(subgrid)의 기본을 포함한 고급 패턴 탐색
커리큘럼은 필수 용어와 그리드 시스템의 기본 메커니즘으로 시작하여, 서면 설명과 코드 예제를 통해 실용적인 레이아웃 패턴 및 반응형 디자인 전략으로 넘어갑니다. 이 과정은 스타일링 워크플로우를 현대화하려는 초보자와 웹 개발자를 위해 만들어졌습니다. 오늘 바로 정교한 웹 레이아웃 구축을 시작하세요.
받게 되는 것
-
📜
수료증
LinkedIn 프로필에 추가 -
💬
개인 AI 튜터
강좌에서 막혔나요? 내장 튜터에게 언제든지 무엇이든 물어보세요. -
🎧
오디오 버전 포함
화면 없이 어디서나 학습 -
♾️
평생 이용
언제든 다시 보세요, 만료 없음 -
📱
휴대폰 또는 컴퓨터
어디서든 모든 기기에서 -
💸
14일 환불
이유 묻지 않음 -
⚡
짧고 핵심적
2시간 54분의 실용 학습
리뷰
아직 리뷰가 없습니다 — 첫 경험을 공유해 보세요.
다른 학습자도 수강
자주 묻는 질문
이 과정을 듣는 데 무엇이 필요한가요? +
인터넷이 되는 휴대폰이나 컴퓨터만 있으면 됩니다. 설치나 특별한 장비는 필요 없습니다.
결제는 어떻게 하나요? +
Stripe를 통한 카드로. 카드 정보는 저장하지 않으며 Stripe가 안전하게 처리합니다.
환불받을 수 있나요? +
네 — 14일 이내 전액 환불, 이유를 묻지 않습니다.
얼마나 오래 이용할 수 있나요? +
평생. 구매하면 과정은 당신의 것이며 언제든 다시 볼 수 있습니다.
수료증을 받을 수 있나요? +
네. 수료 시 LinkedIn 프로필에 추가할 수 있는 수료증을 받습니다.
이런 분야 학습자에게
테크
디자인
금융
마케팅
의료
교육
호스피탈리티
제조업
×2
한 번 충전하고 절반만 결제
₩140,000 추가 → 200 크레딧 받기, 코스당 약 ₩17,500입니다. 크레딧은 만료되지 않습니다.
₩140,000
200 크레딧
₩17,500 / 코스
최고의 가치
₩350,000
550 크레딧
₩15,909 / 코스
₩690,000
1200 크레딧
₩14,375 / 코스
크레딧은 모든 코스에 사용 가능하며 만료되지 않습니다.