코딩팩토리
블로그 소개
브런치
네이버 블로그
방명록
분류 전체보기
(1054)
Languague
(247)
C , C++ , C#
(87)
Java
(108)
Python
(47)
Assembly
(3)
Web
(235)
Web Programming
(33)
HTML, CSS
(78)
JavaScript
(55)
Ajax
(4)
Jsp
(8)
Node.js
(2)
Mobile
(56)
Android
(26)
DB
(133)
Database Knowledge
(27)
Oracle
(75)
MSSQL
(29)
OS
(115)
Linux
(38)
Windows
(62)
ETC.
(147)
Spring
(9)
Unity
(2)
Algorithm
(38)
Design Pattern
(6)
IDE
(27)
Git
(9)
TextEditor
(5)
HardWare
(9)
바이브코딩
(3)
일상
(120)
자유여행
(6)
블로그
(33)
제품리뷰
(49)
2023/06/27(
1
)
Web/HTML, CSS
2023.06.27
[CSS] display : grid에 대하여(CSS Grid) - 그리드 레이아웃
그리드(grid)는 이전 포스팅에서 배웠던 플렉스(flex)와 같이 모던 CSS에서 레이아웃을 다루기 위해 사용되는 기능으로 반응형 웹 페이지 레이아웃을 효과적으로 만들기 위한 레이아웃 시스템입니다. 플렉스(flex)가 가로 또는 새로 단일 방향 레이아웃을 배치하는 데 적합하다면 그리드는 마치 표처럼 행과 열로 구성된 레이아웃을 배치하는데 더 적합한 기능이라고 할 수 있습니다. CSS 그리드는 행(row)과 열(column)로 구성된 2차원 그리드로 웹 요소를 배치하는 방법을 제공하며 그리드 아이템의 위치와 크기를 유연하게 조정할 수 있습니다. 이를 통해 반응형 레이아웃을 구현하는데 매우 유용합니다. ※ CSS Flexbox에 궁금하시다면 아래 글을 참고해 주세요. [CSS] display : flex에..
1
티스토리툴바
