---
title: "프로젝트 페이지 둘러보기 | Briks"
url: https://briks.dev/ko/docs/the-project-page
description: "Briks 스튜디오의 프로젝트 둘러보기: 대화, 실시간 미리보기와 화면 너비, 상단 바 아래 탭, Settings, Publish."
last_updated: 2026-10-08
---

# 프로젝트 페이지 둘러보기

Briks에서 만드는 모든 사이트, 앱, 대시보드에는 각자의 프로젝트 페이지가 있어요. 여기서 Briks와 대화하고, 사이트가 바뀌는 모습을 보고, 프로젝트의 나머지 모든 것에 접근해요. 이 둘러보기는 페이지를 한 바퀴 돌며, 필요해지기 전에 각 부분이 무엇을 위한 것인지 알려 드려요.

읽는 데 10분 2026년 10월 8일 스튜디오 기준으로 확인함

1. 1 지금 있는 위치: **Projects**, 그리고 프로젝트 이름이 나오고, 화면이 넓으면 주소도 함께 나와요. 그 아래에는 프로젝트의 탭이 글자로 나열돼요. **Studio**, **Analytics**, **Media**, **Database** (프로젝트에 데이터베이스가 생긴 뒤부터, 그 전에는 Owner와 Admin에게만), **Storage**, **Chatbot**, **Settings** 예요.
2. 2 대화창이에요. 바꾸고 싶은 점이나 궁금한 점을 쉬운 말로 물어보세요.
3. 3 게시할 때마다 새로 고쳐지는 사이트 미리보기예요.
4. 4 미리보기 도구: 볼 화면 너비, 새로고침, 전체 화면, 새 탭에서 열기.
5. 5 준비가 되면 **Publish** 로 사이트를 프로덕션에 올려요.

샘플 베이커리 사이트의 프로젝트 페이지예요. 상단 바에는 현재 위치와 **Publish** 가 있고, 그 아래에 프로젝트 탭, 왼쪽에 대화, 오른쪽에 실시간 미리보기가 있어요.

## 프로젝트 열기

사이드바에서 **Projects** 를 누르고 원하는 프로젝트를 선택하세요. 최근 프로젝트는 사이드바의 **Projects** 아래에도 상태를 나타내는 점과 함께 나와서 바로 이동할 수 있어요. 프로젝트는 항상 **Studio** 탭에서 열리고, 대화와 미리보기가 나란히 보여요.

어디에

1. Projects
2. Your project
3. Studio

노트북이나 데스크톱에서는 둘이 나란히 놓여요. 휴대폰처럼 좁은 화면에서는 대화가 먼저 나오고 미리보기가 그 아래에 놓여요.

## 상단 바

맨 위의 바는 지금 어디에 있는지 알려 줘요. **Studio** 탭에서는 **Projects** 와 프로젝트 이름이 나와요. 다른 탭에서는 탭 이름이 이어지고, 그 안에서 연 섹션이나 보기가 뒤따라요. 예를 들어 Projects / Crumb & Co bakery / Settings / Domain처럼요. 마지막을 뺀 각 부분은 해당 위치로 돌아가는 링크예요. 화면이 넓으면 프로젝트의 실제 주소가 이름 옆에 나오고, 누르면 새 탭에서 사이트가 열려요.

그 줄 아래에는 글자로 된 탭 줄이 있고, 열려 있는 탭에 밑줄이 그어져요. 휴대폰에서는 탭 줄이 옆으로 스크롤되고, 그 위의 줄에는 프로젝트 이름만 표시돼요.

| 탭 | 담기는 내용 | 더 보기 |
| --- | --- | --- |
| **Studio** | 대화와 미리보기 화면이에요. 변경 요청과 질문은 여기에 입력하세요. | [변경하기](https://briks.dev/ko/docs/making-changes) |
| **Visual Editor** | 내 페이지가 패널 옆에 나와요. 아무 곳이나 클릭해 글, 사진, 모양을 바꾸고 크레딧 없이 게시해요. 유료 플랜에 포함돼요. | [비주얼 에디터](https://briks.dev/ko/docs/visual-editor) |
| **Analytics** | 방문자, 페이지, 유입 경로를 **Data** 보기와 **Settings** 보기에서 확인해요. | [분석](https://briks.dev/ko/docs/analytics) |
| **Marketing** | 사이트의 소셜 계정에 올릴 게시물이에요. Briks에서 게시 기능이 열리면 탭이 표시돼요. | [마케팅 및 소셜 게시물](https://briks.dev/ko/docs/marketing) |
| **Media** | 마지막으로 게시한 상태에서 사이트에 보이는 모든 사진과 동영상이 있고, 각각 **Replace** 가 있어요. | [미디어 라이브러리](https://briks.dev/ko/docs/media-library) |
| **Database** | 사이트가 저장하는 내용을 컬렉션별로 보여 줘요. 프로젝트에 데이터베이스가 생기면 표시되고, 그 전에는 Owner와 Admin에게만 보여서 데이터베이스를 만들 수 있어요. | [데이터베이스](https://briks.dev/ko/docs/database) |
| **저장 공간** | 프로젝트가 페이지용과 사용자용으로 보관하는 파일이며, **Files**, **Usage**, **Settings** 보기가 있어요. | [스토리지](https://briks.dev/ko/docs/storage) |
| **Chatbot** | 게시된 사이트의 자체 페이지를 바탕으로 답하고, 답하지 못하는 내용은 전달해 주는 채팅이에요. | [챗봇](https://briks.dev/ko/docs/chatbot) |
| **Settings** | 그 밖의 모든 것: 프로젝트 이름과 마크, 도메인, 폼, 채팅, 이메일, 버전, 백업, 개발자용 도구예요. | 아래를 보세요 |

바 맨 오른쪽에는 사이트를 처음 게시한 뒤부터 회색 **Preview** 태그와 **Publish** 버튼이 보여요. 모든 빌드는 먼저 미리보기 주소에 올라가요. 미리보기는 검색 엔진에 노출되지 않고, 폼으로 보낸 메시지는 이메일로 전송되지 않고 스튜디오에 보관돼요. **Publish** 를 누르면 출시 점검을 실행하고, 고칠 것이 없으면 사이트를 프로덕션으로 옮겨요. 그 후에는 버튼이 **In production** 으로 바뀌고, 이 버튼을 누르면 **Back to preview** 를 선택할 수 있어요.

게시는 빌드가 끝나길 기다려요

빌드나 변경이 진행되는 동안 **Publish** 는 회색으로 바뀌고 “Wait for the current build to finish”라는 안내가 나와요. 작업이 끝나면 바로 다시 활성화돼요. 전체 과정은 [프로덕션에 게시하기](https://briks.dev/ko/docs/publish-to-production) 에 있어요.

## 대화

왼쪽에는 나와 Briks가 주고받는 대화가 이어져요. 내 메시지는 오른쪽의 어두운 말풍선에, Briks의 답변은 왼쪽에 나와요. 각 답변 아래에는 그 요청에 청구된 크레딧과 대략 걸린 시간이 작은 줄로 표시돼요. 대화 위의 상태 표시에서는 사이트의 현재 상태(**Draft**, **Building**, **Live**, **Needs attention**)를 볼 수 있고, 한 번이라도 크레딧이 청구되면 프로젝트의 누적 크레딧 합계도 함께 나와요.

- `푸터에 토요일 운영 시간 추가해 주세요: 오전 9시부터 오후 1시까지`처럼 쉬운 말로 **Ask for a change** 를 해 보세요. Briks가 만들고 게시해 줘요. [변경 요청하기](https://briks.dev/ko/docs/making-changes) 를 참고하세요.
- **Ask a question**, 예를 들어 `사이트가 마지막으로 언제 바뀌었어요?`. Briks는 아무것도 만들지 않고 스레드에서 답해요. [질문하기](https://briks.dev/ko/docs/asking-questions) 를 참고하세요.
- 첫 빌드 전에 **Briks의 질문에 답하거나**, 해당 단계가 켜져 있다면 문구, 디자인, 히어로를 승인해요. [빌드 중 승인하기](https://briks.dev/ko/docs/approval-steps) 를 참고하세요.

맨 아래 입력창에는 입력하기 전까지 “히어로를 바꾸고, 페이지를 추가하고, 색을 조정해 보세요…”라고 나와요. Enter는 전송, Shift와 Enter는 줄바꿈이에요. 입력창 옆에는 **Attach pictures**, **Add from your media**, **Speak your request** 세 버튼이 있어요. 그 아래에는 **Check the site after this change** 스위치가 있는데, 게시된 사이트를 화면 크기 네 가지로 살펴보고 깨져 보이는 부분을 고쳐 줘요. 몇 분이 더 걸리며, 선택은 브라우저에 사이트별로 기억돼요.

역할이 Viewer라면 입력창 대신 안내 문구가 나타나요: “이 프로젝트를 볼 수 있어요. 변경은 이 워크스페이스의 Editor, Admin, Owner가 해요.” 대화 전체와 미리보기는 그대로 볼 수 있어요.

### 만드는 동안

대화창에 패널이 나타나요. 타이머와 작업이 거치는 단계, 그리고 Briks가 지금 하는 일을 알려 주는 한 줄이 보여요. 변경 작업의 단계는 **Applying your changes**, **Verifying build**, **Publishing** 이고, 점검을 켰다면 **Checking the published site** 도 더해져요. 타이머 옆에는 **Stop** 버튼이 있어요. 입력창은 열려 있고 버튼이 **Queue** 로 바뀌어서, 이번 작업이 끝나는 동안 다음 요청을 미리 줄 세울 수 있어요.

## 미리보기

오른쪽은 프레임 안에 보이는 실제 게시된 사이트예요. 그림이 아니라서 스크롤하고, 버튼을 누르고, 사이트 자체 메뉴로 페이지를 옮겨 다닐 수 있어요. 위의 태그에는 **Live preview** 와 마지막 게시 시각이 표시돼요. 게시할 때마다 잠시 뒤 프레임이 저절로 새로 고쳐져서, 방문자가 보는 모습을 항상 볼 수 있어요.

| 제어 | 하는 일 |
| --- | --- |
| **Desktop** | 프레임의 전체 너비로 사이트를 보여줘요. |
| **Tablet** | 세로로 든 태블릿처럼 테두리를 두르고 너비 834픽셀로 보여 줘요. |
| **전화번호** | 일반적인 휴대폰처럼 너비 390픽셀로 보여 줘요. |
| 페이지 목록 | 사이트에 페이지가 둘 이상일 때 표시돼요. 페이지를 고르면 프레임에서 열려요. |
| 실행 취소 및 다시 실행 화살표 | 이전 버전으로 돌아가거나 다시 앞으로 가요. [버전](https://briks.dev/ko/docs/versions) 을 참고하세요. |
| **Versions** (시계 아이콘, v7처럼 현재 번호가 표시돼요) | 저장된 모든 버전을 보여 주며 **Make live** 와 **Test against live** 를 쓸 수 있어요. |
| **Reload preview** | 게시를 기다리지 않고 페이지를 다시 불러와요. |
| **Full screen** | 미리보기가 창 전체를 차지해요. Esc를 누르면 닫혀요. |
| **Open in new tab** | 사이트를 고유 주소로 열어요. |

첫 게시 전에는 아직 보여 줄 사이트가 없어서, 미리보기는 Briks가 계획하고 쓰는 대로 페이지를 부분별로 펼쳐 보여 줘요. 다른 페이지가 계획되면 작은 탭(**Home** 과 각 페이지의 이름)으로 페이지를 하나씩 볼 수 있어요. 이 화면은 [빌드 지켜보기](https://briks.dev/ko/docs/watching-a-build) 에서 설명해요.

공간 확보하기

대화와 미리보기 사이의 얇은 핸들을 끌면 한쪽을 더 넓게 쓸 수 있고, 더블클릭하면 기본값으로 돌아가요. 끌어서 정한 너비와 고른 화면 크기는 브라우저에 기억돼요.

## Settings 탭

**Settings** 에는 별도 탭이 없는 모든 것이 모여 있어요. **General** 이 먼저 열리고, 모든 섹션이 왼쪽에 그룹별로 나열돼요. 휴대폰처럼 좁은 화면에서는 목록이 **Settings:** 와 열려 있는 섹션 이름이 적힌 컨트롤 하나로 접혀요. 그걸 눌러 다른 섹션을 고르세요.

| 섹션 | 그룹 | 어디에 쓰나요 | 더 보기 |
| --- | --- | --- | --- |
| **General** | 맨 위 | 이름, 로고, 파비콘, Built with Briks 배지, Made with Briks, 복사, 이동, 삭제를 다뤄요. | [프로젝트 설정](https://briks.dev/ko/docs/project-settings) |
| **Domain** | 맨 위 | 사이트 주소와 내 도메인이에요. | [도메인 연결하기](https://briks.dev/ko/docs/custom-domains) |
| **Preferences** | 맨 위 | 모든 빌드가 지키는 규칙, 이미지가 오는 곳, 각 변경이 하는 일, 사이트가 불러올 수 있는 웹사이트를 알려드려요. | [프로젝트 설정](https://briks.dev/ko/docs/project-settings) |
| **Forms** | **Forms and email** | 방문자가 사이트의 양식으로 보낸 내용이에요. | [폼](https://briks.dev/ko/docs/forms) |
| **Chats** | **Forms and email** | 최근 90일 동안 방문자가 사이트 채팅으로 나눈 모든 대화가 최신순으로 나오고, **Export CSV** 를 쓸 수 있어요. | [챗봇](https://briks.dev/ko/docs/chatbot) |
| **Emails** | **Forms and email** | 사이트가 방문자에게 보내는 이메일. | [사이트 이메일](https://briks.dev/ko/docs/site-email) |
| **Sign-in** 과 **Payments** | **Accounts and payments** | 사이트 방문자가 로그인하는 방법과 사이트가 결제를 받는 결제 프로세서예요. 모두 직접 발급한 키를 써요. | [로그인과 결제](https://briks.dev/ko/docs/sign-in-and-payments) |
| **Versions** | **Versions and backups** | 게시된 모든 버전이 있고, 버전마다 복원할 방법이 함께 있어요. | [게시된 버전](https://briks.dev/ko/docs/publish-history) |
| **Backups** | **Versions and backups** | 코드의 모든 버전을 복원할 수 있고, 유료 플랜에서는 다운로드도 할 수 있어요. | [Backups](https://briks.dev/ko/docs/backups) |
| **File Explorer** | **Developer** | 사이트에 쓰인 코드를 읽고 수정할 수 있어요. 유료 플랜에서는 내려받을 수도 있어요. | [내 사이트의 코드](https://briks.dev/ko/docs/code) |
| **GitHub** | **Developer** | 사이트 자체 코드를 GitHub 저장소에 보관하고 양방향으로 동기화해요. | [GitHub 동기화](https://briks.dev/ko/docs/github) |
| **Secrets** | **Developer** | 사이트 자체 코드가 읽는 키와 비밀번호예요. 한 번 저장하면 값을 다시 볼 수 없어요. | [Secrets](https://briks.dev/ko/docs/secrets) |
| **Webhooks** | **Developer** | 사이트에서 일이 생기면 다른 서비스에 알려요. | [웹훅](https://briks.dev/ko/docs/webhooks) |
| **Deploy hooks** | **Developer** | 무언가가 호출하면 프로젝트를 다시 게시하는 비밀 주소예요. | [배포 훅](https://briks.dev/ko/docs/publish-history) |
| **Scheduled tasks** | **Developer** | 프로젝트가 회원님의 시간대에 맞춰 일정대로 하는 호출이에요. | [예약 작업](https://briks.dev/ko/docs/crons) |
| **Logs** | **Developer** | 모든 빌드, 변경, 게시와 각각이 거친 단계예요. | [로그](https://briks.dev/ko/docs/logs) |

이 섹션들이 Settings로 옮겨지기 전에 저장된 링크, 예를 들어 오래된 이메일에 있는 링크도 그대로 작동해요. 여기서 같은 섹션이 열려요.

## 단계별로 처음 살펴보기

새 프로젝트와 함께하는 10분

1. 상태 확인하기

   위치: Studio

   대화창 위의 알약 모양 표시를 보세요. **Live** 는 마지막 게시가 완료됐다는 뜻이에요. **Needs attention** 은 마지막 작업이 실패했다는 뜻이고, 이유는 대화창에 나와요.

2. 휴대폰에서 보기

   위치: Preview toolbar

   **Phone** 을 클릭하고 페이지 전체를 스크롤하며 메뉴를 열어 보세요. 사람들이 고치고 싶어 하는 부분 대부분이 여기서 가장 먼저 눈에 띄어요.

3. 페이지를 하나씩 눌러 보세요

   위치: Preview

   프레임 안의 사이트 메뉴를 사용해 방문자처럼 각 페이지를 둘러보세요.

4. 버전 열기

   위치: Versions

   버전 번호 옆의 시계 아이콘을 클릭하세요. 모든 빌드와 변경이 목록으로 나오고, 방문자에게 보이는 버전에는 **Live** 가 표시돼요.

5. 이름을 제대로 지어 주세요

   위치: Settings, General

   **Settings** 탭을 열면 **General** 이 먼저 열려요. 프로젝트 이름을 확인하고, 로고와 파비콘이 있으면 추가한 다음 **Name and marks** 아래의 **Save** 를 누르세요.

6. 첫 번째 변경을 요청해 보세요

   위치: Studio

   **Studio** 로 돌아와 구체적인 변경 사항 하나를 쓰고 Enter를 누르세요. 진행 단계를 지켜본 뒤, 다시 로드되면 미리보기를 확인하세요.

7. 준비되면 게시하세요

   위치: Top bar

   **Publish** 를 누르세요. 출시 점검이 먼저 실행되고 결과가 대화창에 나타나요.

## 역할별로 보이는 내용

| 역할 | 프로젝트 페이지에서 |
| --- | --- |
| Owner와 Admin | 프로젝트 삭제, 다른 워크스페이스로 이동, 주소 변경을 포함한 모든 것이에요. |
| Editor | 변경, 질문, 게시, 버전, A/B 테스트, Visual Editor, 코드 편집이에요. 삭제, 이동, 주소 변경은 포함되지 않아요. |
| Viewer | 대화, 미리보기, 버전 목록, 분석을 읽기 전용으로 볼 수 있어요. 프롬프트 입력창과 **Chats** 로그는 없고, Visual Editor는 둘러보고 댓글을 남기는 용도로만 쓸 수 있어요. |

역할은 프로젝트 하나가 아니라 워크스페이스에 속해요. 전체 표는 [멤버와 역할](https://briks.dev/ko/docs/members-and-roles) 에서 볼 수 있어요.

템플릿 사본

템플릿으로 프로젝트를 만들었는데 아직 이전 업체의 정보가 남아 있으면, 대화창 위에 안내 띠가 나타나요. 여기 있는 **Make it yours** 버튼을 누르면 사이트가 내 업체에 맞게 다시 쓰여요. [템플릿](https://briks.dev/ko/docs/templates) 을 참고하세요.

### Publish 버튼이 왜 없나요?

사이트를 처음 게시한 뒤에 나타나요. 그 전에는 프로덕션으로 옮길 것이 없어요.

### 왜 Database 탭이 보이지 않나요?

프로젝트에 데이터베이스가 생기면 나타나요. 그 전에는 Owner와 Admin에게만 보여서 데이터베이스를 만들 수 있어요. 만드는 방법은 [데이터베이스](https://briks.dev/ko/docs/database) 에서 설명해요.

### Visual Editor 탭이 안 보이는 이유가 뭔가요?

비주얼 에디터는 유료 플랜에서 쓸 수 있어서, Free 플랜의 워크스페이스에는 이 탭이 보이지 않아요. Owner는 **Billing** 에서 플랜을 바꿀 수 있어요. [비주얼 에디터](https://briks.dev/ko/docs/visual-editor) 를 참고하세요.

### 미리보기가 오래된 것처럼 보여요.

**Reload preview** 를 누르세요. 게시 직후에는 새 버전이 모든 곳에서 준비되도록 프레임이 몇 초 기다렸다가 다시 불러와요.

### 누가 빌드를 중지할 수 있나요?

Editor, Admin, Owner가 할 수 있어요. 아직 시작하지 않은 작업을 멈추는 데는 비용이 들지 않아요.

## 다음 글 읽기

- [프로젝트에서 작업하기 **수정 요청하는 방법** Briks에 글로 요청해 사이트를 바꾸는 방법: 말하는 법, 사진 추가, 변경 내용과 비용, 내부 페이지, 대기 요청, 잘못된 결과 고치기.](https://briks.dev/ko/docs/making-changes)
- [프로젝트에서 작업하기 **버전, 실행 취소, 다시 실행** 모든 제작과 변경이 사이트 버전으로 저장돼요. 변경을 취소하거나 다시 적용하고, 이전 버전을 그대로 되살려 게시해요. 크레딧은 묶이지 않아요.](https://briks.dev/ko/docs/versions)
- [게시와 도메인 **프로덕션에 게시하기** Briks 사이트를 미리보기에서 프로덕션으로 옮겨요. 사이트 점검이 읽는 것, 출시를 막는 것, 해결법, 되돌리기를 안내해요.](https://briks.dev/ko/docs/publish-to-production)
- [시작하기 **대시보드 둘러보기** Briks 대시보드 안내: 내비게이션, Home, 프로젝트, 템플릿, 에이전트, Jump to, 알림, 크레딧, 프로젝트 안의 탭을 소개해요.](https://briks.dev/ko/docs/exploring-the-dashboard)

아직 해결되지 않았나요?

프로젝트 이름과 기대했던 내용을 적어 [hello@briks.dev](mailto:hello@briks.dev) 로 보내 주세요. 스크린샷이 있으면 도움이 돼요.