기본 콘텐츠로 건너뛰기
web.dev for China
  • 웹 플랫폼
  • 원하는 속도로 웹 플랫폼을 살펴보세요.
  • HTML
  • CSS
  • JavaScript
  • 사용자 환경
  • 더 나은 사용자 환경을 만드는 방법을 알아보세요.
  • Performance
  • 접근성
  • ID
  • 알아보기
  • 웹 개발에 대해 알아보세요.
  • HTML 알아보기
  • CSS 알아보기
  • JavaScript 알아보기
  • 실적 알아보기
  • 접근성 알아보기
  • 학습 프로그램 더보기
  • 추가 리소스
  • 콘텐츠 컬렉션, 패턴 등을 살펴보세요.
  • AI와 웹
  • 탐색
  • PageSpeed Insights
  • 패턴
  • 팟캐스트 및 프로그램
  • 개발자 뉴스레터
  • web.dev 정보
기준 블로그 우수사례
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
web.dev for China
  • 리소스
    • 더보기
  • 기준
  • 블로그
  • 우수사례
  • 웹 플랫폼
  • HTML
  • CSS
  • JavaScript
  • 사용자 환경
  • Performance
  • 접근성
  • ID
  • 알아보기
  • HTML 알아보기
  • CSS 알아보기
  • JavaScript 알아보기
  • 실적 알아보기
  • 접근성 알아보기
  • 학습 프로그램 더보기
  • 추가 리소스
  • AI와 웹
  • 탐색
  • PageSpeed Insights
  • 패턴
  • 팟캐스트 및 프로그램
  • 개발자 뉴스레터
  • web.dev 정보
이 페이지는 Cloud Translation API를 통해 번역되었습니다.
  • 홈
  • Patterns

파일 및 디렉터리 패턴

파일과 디렉터리를 처리하기 위한 공통 패턴 모음입니다.
  • 분해된 팬케이크
  • 가로세로 비율 이미지 카드
  • Container query card
  • Gentle Flex
  • Autobot
  • Pancake stack
  • Clamping card
  • RAM (Repeat, Auto, Minmax)
  • Holy grail layout
  • Fluffy Center
  • Line up
  • Super centered
  • Sidebar says
  • Pop n' Plop
  • Content Center
  • 12-span grid
12

  • web.dev

    • web.dev

      Google은 개발자가 교차 브라우저와 모든 사용자를 위해 멋지고 접근하기 쉬우며 빠르고 안전한 웹사이트를 구축할 수 있도록 돕고자 합니다. 이 사이트는 Chrome 팀원과 외부 전문가가 작성한 여정에 도움이 되는 콘텐츠를 모아놓은 공간입니다.

  • 참여

    • 버그 신고
    • 공개된 문제 보기

  • 관련 콘텐츠

    • 개발자용 Chrome
    • Chromium 업데이트
    • 우수사례
    • 팟캐스트 및 프로그램

  • 팔로우

    • X의 @ChromiumDev
    • YouTube
    • LinkedIn의 개발자용 Chrome
    • RSS
  • 약관
  • 개인정보처리방침
  • Manage cookies
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어