[CSS] GRID 레이아웃 기본편 - 이 정도는 알아두자

해당 포스트는 필자가 이전에 작성해둔 TIL을 수정해서 재작성한 글입니다. GRID란 무엇인가 격자 구조를 만드는 행과 열, 모듈로 구성 - Grid Layout GuideBook 비율을 자유자재로 변경시키고 레이아웃의 균형을 쉽게 맞출 수 있음. 예전에는 table을 사용해 레이아웃을 잡기도 했는데 해당 방법은 depth가 깊어져 사용성이나 접근성면에서 좋지 않았는데, GRID를 사용하면 그런 문제 없이 최소한의 마크업과 css로 쉽게 구현 가능함. 다양한 디바이스에 최적화된 인터페이스를 미디어 쿼리와 함께 사용하여 쉽게 제공할 수 있음 (반응형 디자인에 최적화) 인터넷 익스플로러에서 지원하지 않는 관련 속성이 다수 있음 Grid와 Flexbox의 차이점 가장 큰 차이점은 flexbox는 1차원적인 정..

2022.06.12