---
url: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/tutorials/case-study'
title: '미디어 라이브러리에서 사진 배치하기 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:58:09+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  사이트 미디어 라이브러리의 사진을 짧은 텍스트 옆에
  페이지에 배치합니다. 이름으로 사진을 찾고, 체크한 뒤
  삽입하므로 모든 페이지가 동일한 승인 이미지를 재사용합니다.
  이미지 선택은 이 방법이 권장됩니다.
  Entity Browser는 사이트가 이미 의존할 때만 사용합니다.
tags:
  - 'Volg een tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: '미디어 라이브러리에서 사진 배치하기'
      description: |-
        사이트 미디어 라이브러리의 사진을 짧은 텍스트 옆에
        페이지에 배치합니다. 이름으로 사진을 찾고, 체크한 뒤
        삽입하므로 모든 페이지가 동일한 승인 이미지를 재사용합니다.
        이미지 선택은 이 방법이 권장됩니다.
        Entity Browser는 사이트가 이미 의존할 때만 사용합니다.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:58:09+0000'
      dateModified: '2026-10-24T09:09:48+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-dxpr-builder/tutorials/case-study'
      articleSection: 'Volg een tutorial'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/tutorials/case-study'
      description: |-
        사이트 미디어 라이브러리의 사진을 짧은 텍스트 옆에
        페이지에 배치합니다. 이름으로 사진을 찾고, 체크한 뒤
        삽입하므로 모든 페이지가 동일한 승인 이미지를 재사용합니다.
        이미지 선택은 이 방법이 권장됩니다.
        Entity Browser는 사이트가 이미 의존할 때만 사용합니다.
      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
---
[Help Center](/ko/node/75)/[Documentation](/ko/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/hc/documentation/learn-dxpr-builder/tutorials/overview) # 미디어 라이브러리에서 사진 배치하기.

 Learn DXPR BuilderBuild pagesVolg een tutorial

   ## In this guide

 Related guides

- [Blockquote](/hc/documentation/learn-dxpr-builder/elements/blockquote)
- [Number Counter](/hc/documentation/learn-dxpr-builder/elements/number-counter)
- [캐싱](/ko/hc/documentation/learn-dxpr-builder/tutorials/portfolio-gallery)

사이트 미디어 라이브러리의 사진을 짧은 텍스트 옆에 페이지에 배치합니다. 이름으로 사진을 찾고, 체크한 뒤 삽입하므로 모든 페이지가 동일한 승인 이미지를 재사용합니다. 이미지 선택은 이 방법이 권장됩니다. [Entity Browser](/ko/hc/documentation/learn-dxpr-builder/integrations/entity-browser)는 사이트가 이미 의존할 때만 사용합니다.

## 시작하기 전에

- 모듈 **Media Library**가 활성화되어 있으며 사이트에는 머신 이름이 `image`인 이미지 미디어 유형이 있습니다.
- **Browser type**이 **Media Library**로 설정되어 있습니다. 위치는 다음과 같습니다. **Media** 섹션의 [General settings](/ko/hc/documentation/learn-dxpr-builder/admin/general-settings)에서 찾습니다.
- 다음 권한이 있습니다. **View media** 권한이 있습니다.

## 설정하기

1. 콘텐츠 영역에서 **+**를 클릭하고 **Layout** 탭에서 **Section**을 고릅니다.
2. 섹션에서 **+**를 클릭하고 **Row**를 고릅니다. 동일한 컬럼 두 개가 딸려 옵니다.
3. 오른쪽 컬럼에서 **+**를 클릭하고 **Content** 탭에서 **Text**를 고릅니다. 제목을 입력하고 **Heading 2**로 설정한 뒤 한 줄을 추가하고 **Save**를 클릭합니다.
4. 왼쪽 컬럼에서 **+**를 클릭하고 **Image**를 고릅니다.
5. 다음을 클릭합니다. **Select Image**를 클릭합니다. 최신 이미지부터 표시된 **Media browser**가 열립니다.
6. 다음 아래에 사진 이름 일부를 입력합니다. **Name** 아래에 사진 이름 일부를 입력하고 **Apply filters**를 클릭합니다.
7. 사진을 체크하고 **Insert selected**를 클릭합니다.
8. 다음 패널을 열고 설명을 입력합니다. **SEO** 패널을 열고 **Alt attribute**를 입력한 뒤 **Save**를 클릭합니다.

## 표시 내용

사진이 왼쪽 컬럼에 텍스트와 나란히 있습니다. 미디어 항목은 라이브러리에 머무르므로 다른 페이지가 같은 사진을 쓸 수 있습니다.

다음은 검색 그 이상을 제공합니다. **Media browser**는 검색 그 이상을 제공합니다.

- **Add file**: 컴퓨터에서 새 사진을 업로드합니다. 모든 사람의 라이브러리에 들어갑니다.
- **Sort by**: 최신순 또는 오래된순입니다.
- **Grid** 또는 **Table**로 라이브러리를 봅니다.
- 각 사진에 체크 표시가 있습니다. **Insert selected**는 체크된 항목을 모두 가져오며, 이미지 하나를 담는 필드는 첫 번째를 유지합니다.

같은 브라우저를 쓰는 다른 이미지 필드는 다음과 같습니다. **Background image**는 **Style** 패널에, **Image carousel**과 **Marquee**의 이미지 목록, 동영상의 포스터가 있습니다. **Select video**는 **Local video** 요소에서 동영상 파일을 엽니다.

## 미디어 브라우저가 보이지 않는 경우

- **A plain upload button shows instead of Select Image.** **Browser type**이 **Basic file upload**로 설정되어 있습니다. 다음을 선택합니다. **Media Library**를 **Media** 아래 `/admin/dxpr_studio/dxpr_builder/settings` 경로에서 선택합니다.
- **The browser says "Media Library is not enabled."**브라우저에 해당 메시지가 표시됩니다. Media Library 모듈이 꺼져 있습니다. **Extend** (`/admin/modules`)에서 활성화합니다.
- **브라우저에 “Access denied” 메시지가 표시됩니다.** 브라우저에 해당 메시지가 표시됩니다. 역할에 **View media**가 없습니다. **People** > **Permissions** (`/admin/people/permissions`)에서 부여합니다.
- **Add file 양식이 없습니다.** 역할에는 이미지 미디어를 만들 권한이 없을 수 있습니다. 동일한 권한 페이지에서 **Image: Create new media**를 부여합니다.

## 다음 단계

[Entity browser for advanced media selection](/ko/hc/documentation/learn-dxpr-builder/integrations/entity-browser)에서 DXPR Builder 탐색을 계속합니다.