3 posts tagged with "CSS"

1. Next.js의 스타일링과 각 방식의 장단점

   November 23, 2023

   

   Next.js 프로젝트에서 스타일링을 적용할 수 있는 다양한 방식들을 알아보고, 각각의 장단점 및 상황에 맞는 방식을 선택해보겠습니다.

   • Nextjs
   • Styling
   • CSS
   • Library

2. CSS Grid

   August 15, 2021

   

   CSS 그리드 레이아웃(Grid Layout)은 페이지를 여러 주요 영역으로 나누거나, 크기와 위치 및 문서 계층 구조의 관점에서 HTML 기본 요소로 작성된 코트롤 간의 관계를 정의하는 데 매우 유용합니다. 테이블과 마찬가지로 그리드 레이아웃은 게로 열과 가로 행을 기준으로 요소를 정렬할 수 있으며, 테이블과 달리 CSS 그리드는 다양한 레이아웃을 더 쉽게 구현할 수 있습니다.

   • CSS
   • CSS Grid

3. CSS Flex

   June 15, 2021

   

   Flex 는 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식 이다. flexbox에서 사용하는 속성은 부모 요소인 flex container에 정의하는 속성과 자식 요소인 flex item에 정의하는 속성으로 나누어진다.

   • CSS
   • CSS Flex