✅ CSS Flexbox와 Grid의 차이점과 사용 사례는?
✅ CSS Flexbox와 Grid의 차이점과 사용 사례는?프론트엔드 면접에서 “Flexbox와 Grid의 차이점은?”이라는 질문은 단순 문법 암기보다는, 어떤 상황에 어떤 레이아웃 시스템을 선택하는지를 통해 레이아웃 설계에 대한 감각을 확인하려는 질문입니다.이번 글에서는 두 레이아웃 시스템의 철학적 차이, 실제 사용 예제, 실무에서의 선택 기준까지 완벽히 정리합니다.📌 1. Flexbox vs Grid – 핵심 개념 비교항목 Flexbox Grid축1차원(주축/교차축)2차원(행과 열 모두)정렬 단위아이템 중심 정렬레이아웃 전체 구조 중심 정렬제어 방향한 방향 (row/column)행과 열 동시 제어사용 목적컴포넌트 내부 정렬전체 페이지/섹션 레이아웃브라우저 지원IE11 일부 지원IE는 미지원 (Mod..
AI + Career
2025. 4. 16. 13:28
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- AI챗봇
- CI/CD
- nodejs
- Python
- NestJS
- Prisma
- 관리자
- github
- 웹개발
- gatsbyjs
- rag
- LangChain
- kotlin
- SEO최적화
- llm
- 프론트엔드면접
- Webpack
- 프론트엔드
- PostgreSQL
- Ktor
- 백엔드개발
- nextJS
- seo 최적화 10개
- App Router
- Next.js
- fastapi
- REACT
- Docker
- SEO 최적화
- 개발블로그
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
글 보관함
반응형