kdc9050 님의 블로그

  • 홈
  • 태그
  • 방명록

Front-end/CSS 1

[CSS] Flex와Grid 비교 분석

CSS - Flex와 Grid웹 페이지를 만드는데 있어서 레이아웃 구성이 되게 힘들고 중요합니다. 그래서! CSS에서는 Flex와 Grid를 사용하여 레이아웃을 만들 수 있습니다. 이번 글에서는 Flexbox와 Grid의 개념, 특징, 사용법, 예제 코드, 그리고 두 가지의 차이점에 대해 설명하겠습니다!!🔥 1. Flex란?1.1 개념Flexbox(Flexible Box Layout)는 CSS의 레이아웃 모듈로, 주로 1차원 레이아웃을 구성하는 데 사용됩니다.Flexbox를 사용하면 요소들을 쉽게 정렬하고 배치할 수 있으며, 공간을 효율적으로 활용할 수 있습니다.Flexbox는 주로 수평 또는 수직 방향으로 요소를 정렬하는 데 좋습니다.1.2 주요 특징1차원 레이아웃 유연한 크기 조정 정렬 및 배치 정..

Front-end/CSS 2024.11.07
이전
1
다음
더보기
프로필사진

kdc9050 님의 블로그

kdc9050 님의 블로그 입니다.

  • 분류 전체보기 (7)
    • 회고록 (1)
    • Front-end (6)
      • JS (2)
      • CSS (1)
      • HTML (0)
      • 면접질문 (2)

Tag

usestrict, 비동기, 회고록, 콜 스택, JSX, 실행컨텍스트, 이벤트루프, js, 동기, strict mode, class, restapi, 호이스팅,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바