CSS GRID 기본 문법과 속성 완벽 정리
실전 예제와 함께하는 프로젝트 실습
디자인 참조 웹페이지 구현 노하우
학습 대상은
누구일까요?
HTML, CSS 기초는 있지만 레이아웃 설계가 어려운 분
디자인 시안을 코드로 구현하는 과정이 어려운 분
CSS Grid를 활용하여 정돈된 UI를 구축하고 싶은 분
기존 float, flexbox 방식에서 효율적인 레이아웃 관리로 전환하고 싶은 분
깔끔하고 현대적인 웹사이트를 직접 제작하고 싶은 분
프로젝트를 통해 실전 경험을 쌓고 싶은 분
선수 지식,
필요할까요?
HTML 기초
CSS 기초
2,335
명
수강생
37
개
수강평
2
개
답변
4.9
점
강의 평점
8
개
강의
■ [현재] 그린컴퓨터아트학원 웹퍼블리싱, 프론트엔드 강의
■ [현재] 웹 퍼블리싱 유튜브 채널 'Rock's Easyweb' 운영
■ 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
■ 한빛 컴퓨터아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
[ 도서 ]
2021.07.19 출간 / 웹디자인 & 웹퍼블리싱을 위한 피그마 완벽 활용서 / 비제이퍼블릭
2022.08.25 출간 / 코딩을 처음이라 with 웹 퍼블리싱 / 영진출판사
2023.10 출간 /2024 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획
2024.11 재판 /2025 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획
[ 수상경력 ]
2022.08 그린컴퓨터 아트 학원 종로지점 - 우수강사 2021.06 그린컴퓨터 아트 학원 종로지점 - 우수강사 2018.06 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2017.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2016.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2015.10 그린 컴퓨터아카데미 신촌 지점 - 우수강사
전체
24개 ∙ (4시간 51분)
해당 강의에서 제공:
auto-fit, min-max
06:22
Grid와 flex활용
07:26
작업 순서, 이미지 추출하기
16:05
Header HTML
13:52
HTML 완성
12:54
Reset CSS, 웹폰트 로드
18:16
CSS GRID 레이아웃
12:31
Header - 로고 IR 기법
16:04
Category
12:09
Slideshow 1 배치
10:31