--- url: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/getting-started/product-guide' title: 'DXPR Builder 둘러보기 및 설정 선택 | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:02:43+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- DXPR Builder를 간단히 둘러보고 DXPR Theme의 역할을 확인합니다. 요소 선택 도구를 열고 스타일이 적용된 섹션 하나를 만든 뒤 미리 봅니다. 이 페이지의 나머지 부분에서는 각 제품의 추가 기능을 설명하므로 독립 실행형 빌더, DXPR Theme과 함께 사용하는 빌더, 두 가지가 모두 포함된 DXPR CMS 중에서 선택할 수 있습니다. 동영상에서는 새 빈 페이지에서 DXPR Builder를 둘러보고 섹션 하나를 만듭니다. tags: - 'Build your first page' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'DXPR Builder 둘러보기 및 설정 선택' description: |- DXPR Builder를 간단히 둘러보고 DXPR Theme의 역할을 확인합니다. 요소 선택 도구를 열고 스타일이 적용된 섹션 하나를 만든 뒤 미리 봅니다. 이 페이지의 나머지 부분에서는 각 제품의 추가 기능을 설명하므로 독립 실행형 빌더, DXPR Theme과 함께 사용하는 빌더, 두 가지가 모두 포함된 DXPR CMS 중에서 선택할 수 있습니다. 동영상에서는 새 빈 페이지에서 DXPR Builder를 둘러보고 섹션 하나를 만듭니다. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:02:43+0000' dateModified: '2026-10-24T17:19:22+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/getting-started/product-guide' articleSection: '첫 페이지 만들기' - '@type': WebPage '@id': 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/getting-started/product-guide' description: |- DXPR Builder를 간단히 둘러보고 DXPR Theme의 역할을 확인합니다. 요소 선택 도구를 열고 스타일이 적용된 섹션 하나를 만든 뒤 미리 봅니다. 이 페이지의 나머지 부분에서는 각 제품의 추가 기능을 설명하므로 독립 실행형 빌더, DXPR Theme과 함께 사용하는 빌더, 두 가지가 모두 포함된 DXPR CMS 중에서 선택할 수 있습니다. 동영상에서는 새 빈 페이지에서 DXPR Builder를 둘러보고 섹션 하나를 만듭니다. 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) /[DXPR Builder 배우기](/ko/hc/documentation/learn-dxpr-builder) /[여기서 시작](/ko/hc/documentation/learn-dxpr-builder/start-here) /[첫 페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/start-here/first-steps) # DXPR Builder 둘러보기 및 설정 선택. DXPR Builder 배우기여기서 시작첫 페이지 만들기 ## 이 가이드의 내용 관련 가이드 - [첫 페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/getting-started/first-page) - [섹션 가장자리까지 이어지게 하기](/ko/hc/documentation/learn-dxpr-builder/start-here/who-uses-it) DXPR Builder를 간단히 둘러보고 DXPR Theme의 역할을 확인합니다. 요소 선택 도구를 열고 스타일이 적용된 섹션 하나를 만든 뒤 미리 봅니다. 이 페이지의 나머지 부분에서는 각 제품의 추가 기능을 설명하므로 독립 실행형 빌더, DXPR Theme과 함께 사용하는 빌더, 두 가지가 모두 포함된 DXPR CMS 중에서 선택할 수 있습니다. 동영상에서는 새 빈 페이지에서 DXPR Builder를 둘러보고 섹션 하나를 만듭니다. ## 에디터 둘러보기 빌더가 표시되는 콘텐츠 유형의 저장된 빈 페이지에서 시작합니다. 1. 먼저 **요소 추가**를 클릭하여 요소 선택 도구를 엽니다. 2. 탭을 살펴봅니다. **콘텐츠**, **Drupal 블록**, **Drupal 뷰**, **저장된 템플릿**, **레이아웃**. 3. 탭 **레이아웃**에서 **섹션**을 선택합니다. 4. 섹션에 마우스를 올리고 **더보기**를 열어 **설정**을 선택한 뒤 **스타일** 패널에서 **배경**을 선택합니다. 5. 섹션의 **+**를 클릭하여 **행**을 추가한 뒤 컬럼에 **버튼**과 **텍스트**를 추가합니다. 텍스트의 **스타일** 패널에서 **글꼴 색상**을 선택합니다. 6. 툴바에서 **저장**을 클릭한 뒤 보기 메뉴를 열고 **미리보기**를 선택합니다. ## 표시 내용 모드 **미리보기**에서는 밝은 회색 섹션에 두 개의 컬럼이 표시됩니다. 왼쪽에는 제목, 한 줄 텍스트, **더 알아보기** 버튼이 있고, 오른쪽에는 보라색 제목과 텍스트가 있습니다. 미리보기에서는 컨트롤 바와 더하기 버튼이 숨겨지므로 방문자에게 표시되는 모습 그대로 페이지를 볼 수 있습니다. ## 각 제품의 추가 기능 **DXPR Builder**는 방금 둘러본 Drupal 모듈입니다. 모든 테마에서 작동하며 다음을 추가합니다. - 22개의 콘텐츠 요소와 6개의 레이아웃 요소 - 미리보기와 함께 페이지에서 직접 편집 - AI 모듈 설치 시 AI 텍스트, 페이지 생성, 이미지 - 재사용 가능한 페이지 템플릿과 사용자 템플릿 - 역할별 사용 항목을 정하는 사용자 프로필 - 레이아웃 안의 Drupal 블록과 뷰 **DXPR Theme**는 DXPR의 Bootstrap 5 테마입니다. 색상, 글꼴, 헤더, 페이지 레이아웃 설정을 추가하며 휴대폰과 태블릿에 적응합니다. 별도의 제품 키가 필요하지 않습니다. | | 다른 테마와 함께 사용하는 DXPR Builder | DXPR Theme과 함께 사용하는 DXPR Builder | |---|---|---| | Bootstrap 5 | 테마에서 제공되거나 **Bootstrap 파일 사이드로드**가 **Bootstrap 5로 설정됨** | 테마에서 제공 | | 빌더의 색상 견본 | 테마에서 정의한 경우 테마 팔레트 | DXPR Theme 색상 팔레트 | | 고정 헤더 아래의 부드러운 스크롤 | 헤더에 **스크롤 오프셋 선택자**를 설정 | 설치된 대로 작동 | | 제품 키 | 필요 | DXPR Builder에만 필요 | 두 설정은 모두 DXPR Builder **일반 설정** 페이지의 **Bootstrap**과 **고급 설정**에 있습니다. ## 설정 선택 | 원하는 작업 | 사용 제품 | 필요 사항 | |---|---|---| | 모든 설정이 완료된 새 사이트 시작 | [DXPR CMS](/ko/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms) | 새 Drupal 11 사이트 | | 이미 운영 중인 사이트에 비주얼 페이지 빌딩 추가 | [독립 실행형 DXPR Builder](/ko/hc/documentation/learn-dxpr-builder/getting-started/installation) | 테마 또는 사이드로드 설정의 Bootstrap 5 | | 빌더를 사용자 정의 테마에 맞추기 | DXPR Builder와 [테마 적용](/hc/documentation/learn-dxpr-builder/development/theming) | 개발자 | 새로 시작하는 콘텐츠 마케터는 DXPR CMS를 최대한 활용할 수 있습니다. 두 제품과 데모 페이지가 바로 사용할 수 있는 상태로 제공됩니다. 기존 사이트가 있는 웹마스터는 DXPR Builder를 추가하고 테마를 유지합니다. ## 요소 선택 도구가 표시되지 않는 경우 - **빈 페이지에 “Choose a template”이 표시되지만 요소 추가 버튼이 없습니다.** **페이지 생성 도우미 활성화**가 `/admin/dxpr_studio/dxpr_builder/ai_settings`에서 꺼져 있습니다. 대신 빌더 툴바의 **+**를 클릭하여 선택 도구를 엽니다. - **버튼과 컬럼에 스타일이 적용되지 않습니다.** **Bootstrap 파일 사이드로드**를 **Bootstrap 5**로, **Bootstrap**(`/admin/dxpr_studio/dxpr_builder/settings`)에서 설정합니다. - **색상 선택 도구에 견본이 표시되지 않습니다.** 테마에 정의된 색상 팔레트가 없습니다. 선택 도구 자체에서 색상을 선택하거나 DXPR Theme처럼 팔레트가 있는 테마를 사용합니다. ## 다음 단계 - [첫 페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/getting-started/first-page): 섹션, 행, 요소로 전체 페이지를 단계별로 만듭니다. - [DXPR Builder 사용자](/ko/hc/documentation/learn-dxpr-builder/start-here/who-uses-it): 마케터, 웹마스터, 개발자의 활용 방법을 확인합니다.