프로젝트 페이지 둘러보기

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 탭에서 열리고, 대화와 미리보기가 나란히 보여요.

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

상단 바

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

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

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

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

대화

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

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

맨 아래 입력창에는 입력하기 전까지 “히어로를 바꾸고, 페이지를 추가하고, 색을 조정해 보세요…”라고 나와요. 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픽셀로 보여 줘요.
페이지 목록사이트에 페이지가 둘 이상일 때 표시돼요. 페이지를 고르면 프레임에서 열려요.
실행 취소 및 다시 실행 화살표이전 버전으로 돌아가거나 다시 앞으로 가요. 버전을 참고하세요.
Versions (시계 아이콘, v7처럼 현재 번호가 표시돼요)저장된 모든 버전을 보여 주며 Make live와 Test against live를 쓸 수 있어요.
Reload preview게시를 기다리지 않고 페이지를 다시 불러와요.
Full screen미리보기가 창 전체를 차지해요. Esc를 누르면 닫혀요.
Open in new tab사이트를 고유 주소로 열어요.

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

Settings 탭

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

섹션그룹어디에 쓰나요더 보기
General맨 위이름, 로고, 파비콘, Built with Briks 배지, Made with Briks, 복사, 이동, 삭제를 다뤄요.프로젝트 설정
Domain맨 위사이트 주소와 내 도메인이에요.도메인 연결하기
Preferences맨 위모든 빌드가 지키는 규칙, 이미지가 오는 곳, 각 변경이 하는 일, 사이트가 불러올 수 있는 웹사이트를 알려드려요.프로젝트 설정
FormsForms and email방문자가 사이트의 양식으로 보낸 내용이에요.폼
ChatsForms and email최근 90일 동안 방문자가 사이트 채팅으로 나눈 모든 대화가 최신순으로 나오고, Export CSV를 쓸 수 있어요.챗봇
EmailsForms and email사이트가 방문자에게 보내는 이메일.사이트 이메일
Sign-in과 PaymentsAccounts and payments사이트 방문자가 로그인하는 방법과 사이트가 결제를 받는 결제 프로세서예요. 모두 직접 발급한 키를 써요.로그인과 결제
VersionsVersions and backups게시된 모든 버전이 있고, 버전마다 복원할 방법이 함께 있어요.게시된 버전
BackupsVersions and backups코드의 모든 버전을 복원할 수 있고, 유료 플랜에서는 다운로드도 할 수 있어요.Backups
File ExplorerDeveloper사이트에 쓰인 코드를 읽고 수정할 수 있어요. 유료 플랜에서는 내려받을 수도 있어요.내 사이트의 코드
GitHubDeveloper사이트 자체 코드를 GitHub 저장소에 보관하고 양방향으로 동기화해요.GitHub 동기화
SecretsDeveloper사이트 자체 코드가 읽는 키와 비밀번호예요. 한 번 저장하면 값을 다시 볼 수 없어요.Secrets
WebhooksDeveloper사이트에서 일이 생기면 다른 서비스에 알려요.웹훅
Deploy hooksDeveloper무언가가 호출하면 프로젝트를 다시 게시하는 비밀 주소예요.배포 훅
Scheduled tasksDeveloper프로젝트가 회원님의 시간대에 맞춰 일정대로 하는 호출이에요.예약 작업
LogsDeveloper모든 빌드, 변경, 게시와 각각이 거친 단계예요.로그

이 섹션들이 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는 둘러보고 댓글을 남기는 용도로만 쓸 수 있어요.

역할은 프로젝트 하나가 아니라 워크스페이스에 속해요. 전체 표는 멤버와 역할에서 볼 수 있어요.

Publish 버튼이 왜 없나요?

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

왜 Database 탭이 보이지 않나요?

프로젝트에 데이터베이스가 생기면 나타나요. 그 전에는 Owner와 Admin에게만 보여서 데이터베이스를 만들 수 있어요. 만드는 방법은 데이터베이스에서 설명해요.

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

비주얼 에디터는 유료 플랜에서 쓸 수 있어서, Free 플랜의 워크스페이스에는 이 탭이 보이지 않아요. Owner는 Billing에서 플랜을 바꿀 수 있어요. 비주얼 에디터를 참고하세요.

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

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

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

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