---
url: 'https://dxpr.com/ko/hc/documentation/learn-drupal/drupal-glossary/breakpoint'
title: '중단점 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:33:43+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Drupal 웹사이트 디자인에서 화면 크기에 맞게 페이지 레이아웃이 바뀌는 지점을 중단점이라고 합니다. 작은 휴대폰부터 큰 데스크톱 모니터까지 모든 기기에서 웹사이트가 보기 좋도록 중단점을 사용합니다. 중단점은 Drupal 웹사이트의 CSS 코드에 설정되며 브라우저 창의 너비가 특정 너비에 도달하면 적용됩니다. 브라우저 창의 너비가 중단점에 도달하면 새 크기에 맞게 페이지 레이아웃이 바뀝니다.예를 들어 웹사이트에 800px 중단점이 있을 수 있습니다. 브라우저 창의 너비가 800px보다 좁으면 웹사이트에 한 열 레이아웃이 표시됩니다. 브라우저 창의 너비가 800px보다 넓으면 웹사이트에 두 열 레이아웃이 표시됩니다. 이를 통해 브라우저 창의 크기와 관계없이 모든 기기에서 웹사이트가 보기 좋게 유지됩니다.중단점은 반응형 디자인의 중요한 부분으로, 모든 기기에서 보기 좋은 웹사이트를 디자인하는 방법입니다. 반응형 디자인은 Drupal에서 성공적인 웹사이트를 만드는 핵심 부분이며 중단점은 이 과정에서 필수적입니다.'
tags:
  - 'Drupal glossary'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T08:33:43+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 중단점
      description: 'Drupal 웹사이트 디자인에서 화면 크기에 맞게 페이지 레이아웃이 바뀌는 지점을 중단점이라고 합니다. 작은 휴대폰부터 큰 데스크톱 모니터까지 모든 기기에서 웹사이트가 보기 좋도록 중단점을 사용합니다. 중단점은 Drupal 웹사이트의 CSS 코드에 설정되며 브라우저 창의 너비가 특정 너비에 도달하면 적용됩니다. 브라우저 창의 너비가 중단점에 도달하면 새 크기에 맞게 페이지 레이아웃이 바뀝니다.예를 들어 웹사이트에 800px 중단점이 있을 수 있습니다. 브라우저 창의 너비가 800px보다 좁으면 웹사이트에 한 열 레이아웃이 표시됩니다. 브라우저 창의 너비가 800px보다 넓으면 웹사이트에 두 열 레이아웃이 표시됩니다. 이를 통해 브라우저 창의 크기와 관계없이 모든 기기에서 웹사이트가 보기 좋게 유지됩니다.중단점은 반응형 디자인의 중요한 부분으로, 모든 기기에서 보기 좋은 웹사이트를 디자인하는 방법입니다. 반응형 디자인은 Drupal에서 성공적인 웹사이트를 만드는 핵심 부분이며 중단점은 이 과정에서 필수적입니다.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:33:43+0000'
      dateModified: '2026-10-24T08:33:43+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ko/hc/documentation/learn-drupal/drupal-glossary/breakpoint'
      articleSection: 'Drupal 용어집'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ko/hc/documentation/learn-drupal/drupal-glossary/breakpoint'
      description: 'Drupal 웹사이트 디자인에서 화면 크기에 맞게 페이지 레이아웃이 바뀌는 지점을 중단점이라고 합니다. 작은 휴대폰부터 큰 데스크톱 모니터까지 모든 기기에서 웹사이트가 보기 좋도록 중단점을 사용합니다. 중단점은 Drupal 웹사이트의 CSS 코드에 설정되며 브라우저 창의 너비가 특정 너비에 도달하면 적용됩니다. 브라우저 창의 너비가 중단점에 도달하면 새 크기에 맞게 페이지 레이아웃이 바뀝니다.예를 들어 웹사이트에 800px 중단점이 있을 수 있습니다. 브라우저 창의 너비가 800px보다 좁으면 웹사이트에 한 열 레이아웃이 표시됩니다. 브라우저 창의 너비가 800px보다 넓으면 웹사이트에 두 열 레이아웃이 표시됩니다. 이를 통해 브라우저 창의 크기와 관계없이 모든 기기에서 웹사이트가 보기 좋게 유지됩니다.중단점은 반응형 디자인의 중요한 부분으로, 모든 기기에서 보기 좋은 웹사이트를 디자인하는 방법입니다. 반응형 디자인은 Drupal에서 성공적인 웹사이트를 만드는 핵심 부분이며 중단점은 이 과정에서 필수적입니다.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 홈
            item: 'https://dxpr.com/ko'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ko
---
[도움말 센터](/ko/node/75)/[문서](/ko/hc/documentation) /[Drupal 배우기](/ko/hc/documentation/learn-drupal) /[Drupal 용어집](/ko/hc/documentation/learn-drupal/drupal-glossary) # 중단점

 Drupal 배우기Drupal 용어집

   ## 이 가이드의 내용

Drupal 웹사이트 디자인에서 화면 크기에 맞게 페이지 레이아웃이 바뀌는 지점을 **중단점**이라고 합니다. 작은 휴대폰부터 큰 데스크톱 모니터까지 모든 기기에서 웹사이트가 보기 좋도록 중단점을 사용합니다. 중단점은 Drupal 웹사이트의 CSS 코드에 설정되며 브라우저 창의 너비가 특정 너비에 도달하면 적용됩니다. 브라우저 창의 너비가 중단점에 도달하면 새 크기에 맞게 페이지 레이아웃이 바뀝니다.

예를 들어 웹사이트에 800px 중단점이 있을 수 있습니다. 브라우저 창의 너비가 800px보다 좁으면 웹사이트에 한 열 레이아웃이 표시됩니다. 브라우저 창의 너비가 800px보다 넓으면 웹사이트에 두 열 레이아웃이 표시됩니다. 이를 통해 브라우저 창의 크기와 관계없이 모든 기기에서 웹사이트가 보기 좋게 유지됩니다.

중단점은 반응형 디자인의 중요한 부분으로, 모든 기기에서 보기 좋은 웹사이트를 디자인하는 방법입니다. 반응형 디자인은 Drupal에서 성공적인 웹사이트를 만드는 핵심 부분이며 중단점은 이 과정에서 필수적입니다.