# 브랜드프론트란 무엇인가

> 브랜드의 출력면 — {brand}.reopt.ai 공개 웹 프론트

- Canonical: https://learning.reopt.ai/courses/studio-brandfront/lessons/sbf-l1-what
- Language: ko-KR
- HTML: https://learning.reopt.ai/courses/studio-brandfront/lessons/sbf-l1-what

---

[브랜드프론트로 웹사이트 만들기](/courses/studio-brandfront) 1. 브랜드프론트 이해 — 정의를 웹으로 1 / 12

# 브랜드프론트란 무엇인가

브랜드의 출력면 — {brand}.reopt.ai 공개 웹 프론트
개념 학습 30 XP 6분

브랜드프론트(brandfront) 는 스튜디오에서 만든 브랜드가 방문자에게 노출되는 공개 웹 프론트 입니다. 브랜드마다 {brand}.reopt.ai 주소로 열리며, 페이지와 링크를 구성해 방문자에게 브랜드를 전달합니다.
브랜드 4계층 모델 Workspace (테넌트) → Brand (리소스를 담는 논리 컨테이너) → 그 아래 형제 둘 : 브랜드프론트 (공개 웹사이트=출력면)와 브랜드앱 (고객 앱·결제=실행면). 둘은 상하 관계가 아니라 역할만 다른 형제입니다.

## 브랜드프론트 vs 브랜드앱

역할이 다른 두 형제 브랜드프론트 (출력면)

- 방문자에게 브랜드를 보여주는 공개 웹사이트
- 주소: {brand}.reopt.ai
- 페이지·링크를 구성해 브랜드를 전달

브랜드앱 (실행면)

- 고객이 실제로 쓰는 앱·결제·멤버십
- 데이터 API는 brandapp.reopt.ai
- 브랜드에 1:1로 붙는 고객 프로덕트

## 무엇으로 구성되나

| 구성 요소 | 설명 |
| 페이지 (page) | 히어로·섹션으로 이루어진 본문 화면 — 슬러그(예: /about )로 구분 |
| 링크 (link) | 방문자를 브랜드의 여러 접점으로 안내하는 링크 모음 |
| 발행 (publish) | 작성한 내용을 공개 상태로 전환하는 단계 |
| 도메인 | 기본 {brand}.reopt.ai 또는 연결한 커스텀 도메인 |

호스트( {brand}.reopt.ai )는 프록시가 처리하므로, 방문자가 보는 브라우저 주소에는 내부 경로가 드러나지 않습니다. 페이지 슬러그가 about 이면 방문자에게는 그냥 /about 으로 보입니다.
핵심 정리

- 브랜드프론트는 브랜드의 출력면 — 방문자가 만나는 공개 웹사이트다
- 브랜드프론트와 브랜드앱은 Brand 아래 형제로, 출력면과 실행면으로 역할이 나뉜다
- 페이지·링크를 구성하고 발행하면 {brand}.reopt.ai 로 공개된다

이해했어요 · 계속

---

에이전트용 사이트 안내: https://learning.reopt.ai/llms.txt · 사이트맵: https://learning.reopt.ai/sitemap.xml · 문의: https://learning.reopt.ai/contact