대시보드 둘러보기

app.briks.dev의 대시보드에는 워크스페이스의 모든 프로젝트, 멤버, 크레딧이 모여 있어요. 이 투어는 위에서 아래로 훑어 가며, 무언가를 만들기 전에 각 부분이 무엇을 위한 것인지 알려 줘요.

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

  1. 1현재 있는 워크스페이스예요. 클릭하면 워크스페이스를 전환하거나 새로 만들 수 있어요.
  2. 2New project는 사이트, 앱 또는 대시보드를 시작해요.
  3. 3최근 프로젝트는 Projects 아래에 있고, 각각 상태를 나타내는 점이 있어요. 초록색은 공개 중, 주황색은 빌드 중, 빨간색은 확인이 필요함, 빈 점은 아직 게시 전이에요.
  4. 4내 크레딧을 벽돌 벽으로 보여 줘요. 클릭하면 Billing이 열려요.
  5. 5Home: 다음 프로젝트를 시작하는 입력창과 게시한 사이트 전체의 방문자 수예요.
왼쪽에는 워크스페이스 메뉴, Jump to, 페이지, 남은 크레딧이 있는 내비게이션이 있고, 오른쪽에는 프롬프트 입력창으로 시작하는 Home이 있어요.

처음 둘러보기

처음 방문하셨다면 5분 동안 이 곳들을 순서대로 눌러 보세요. 여기서는 빌드가 시작되지 않고 크레딧도 쓰지 않아요.

  1. 지금 어느 워크스페이스에 있는지 확인하기

    위치: Top of the navigation

    맨 위 상자에는 워크스페이스 이름, 플랜, 내 역할이 표시돼요. 예: 'Free plan · Owner'. 그 아래 모든 것은 그 워크스페이스에 속해요.

  2. 홈 읽기

    위치: Home

    대부분의 프로젝트는 프롬프트 입력창에서 시작해요. 워크스페이스에 프로젝트가 생기면 방문자, 크레딧, 플랜 한도, 최근 작업이 그 아래에 나타나요.

  3. 프로젝트 열기

    위치: Projects

    프로젝트마다 최신 빌드 이미지와 상태가 담긴 카드로 보여요.

  4. Jump to 사용해 보기

    위치: Jump to

    Mac에서는 ⌘K, 다른 환경에서는 Ctrl K를 누르고 bill처럼 페이지 이름 일부를 입력한 뒤 Enter를 누르세요.

  5. 내 크레딧과 계정 찾기

    위치: Foot of the navigation

    벽돌 줄은 남은 크레딧을 보여줘요. 그 아래 이름을 누르면 프로필, 밝은 모드와 어두운 모드 설정, 로그아웃이 열려요.

  6. 벨 열기

    위치: Top bar

    Notifications에는 빌드, 작업 중인 에이전트, 여러분을 기다리는 항목이 최신순으로 나와요.

  7. 여유 공간 만들기

    위치: Beside the logo

    Collapse navigation을 누르면 내비게이션이 아이콘 막대로 줄어들어요. 로고 위에 마우스를 올리면 Expand navigation으로 바뀌고, 눌러서 다시 열 수 있어요.

내비게이션

탐색 메뉴는 모든 페이지의 왼쪽에 세로로 있어요. 위에서부터 보면 다음과 같아요.

  • Briks 로고는 Home으로 이동해요. 옆의 Collapse navigation 버튼은 모든 메뉴를 아이콘으로 줄여요. 선택은 이 브라우저에 기억돼요.
  • 워크스페이스 메뉴에는 워크스페이스 이름, 플랜, 내 역할이 표시돼요.
  • Jump to, 프로젝트와 페이지를 찾는 검색창.
  • Home, Projects, Templates, Agents, Analytics가 있어요. Projects에는 워크스페이스의 프로젝트 수가 보여요. 그 아래에 Editor 이상에게 보이는 New project와 최근에 가장 많이 작업한 프로젝트 다섯 개가 있어요.
  • Workspace 그룹: Members, Skills, Billing, Settings.
  • 맨 아래 따로 떨어진 곳에: Credits, 그다음 이름과 이메일이에요.

프로젝트 아래에 나열된 각 프로젝트에는 상태를 한눈에 알려 주는 작은 점이 있어요. 이름 위에 마우스를 올리면 상태를 글로 볼 수 있어요.

점상태무슨 뜻인가요
초록라이브게시되어 온라인 상태예요.
앰버색, 깜빡임제작 중지금 빌드, 변경 또는 게시가 진행 중이에요.
빨강확인이 필요해요마지막 빌드가 끝나지 않았어요. 프로젝트를 열어 무슨 일이 있었는지 확인하고 다음 메시지를 보내세요.
빈 고리게시되지 않음아직 온라인이 아니거나 지금은 라이브 상태가 아니에요.

휴대폰에서

화면이 좁으면 내비게이션이 접혀 있어요. 상단 바 왼쪽의 메뉴 버튼(Open navigation)을 누르면 왼쪽에서 열려요. X 버튼, Escape 키, 또는 옆 영역을 눌러 닫아요. 페이지를 고르면 해당 페이지로 이동하고 내비게이션이 닫혀요.

워크스페이스와 워크스페이스 메뉴

워크스페이스는 프로젝트, 멤버, 요금제, 크레딧을 따로 갖춘 공유 공간이에요. 카페 사장님은 하나만 있어도 되고, 프리랜서는 자기 작업용 하나와 고객마다 하나씩 둘 수도 있어요.

  1. 메뉴 열기

    위치: Workspace menu

    탐색 메뉴 맨 위의 워크스페이스 이름을 누르세요. 속해 있는 모든 워크스페이스가 내 역할과 요금제와 함께 나오고, 지금 있는 곳에는 체크 표시가 붙어요.

  2. 전환

    위치: Workspace menu

    다른 워크스페이스를 선택하세요. 대시보드가 그 워크스페이스의 프로젝트, 멤버, 크레딧으로 다시 불러와져요.

  3. 새로 만들기

    위치: Create workspace

    메뉴 아래쪽의 Create workspace를 선택하고, 2자에서 50자 사이로 Workspace name을 입력한 뒤 Create workspace를 누르세요. 내가 그 워크스페이스의 Owner가 되고, 대시보드가 그곳으로 바뀌어요.

바로 가기

프로젝트가 몇 개 쌓이면 Jump to가 가장 빠르게 이동하는 방법이에요. 어느 페이지에서든 워크스페이스 메뉴 아래의 Jump to 입력란을 클릭하거나, Mac에서는 ⌘K, 그 외에는 Ctrl K를 누르세요.

  • 아무것도 입력하지 않으면 최근 프로젝트 다섯 개와 열 수 있는 모든 페이지를 보여줘요.
  • 이름 일부를 입력해 좁혀 보세요. 프로젝트가 상태와 함께 먼저 나오고, 그다음 New project, Members, Billing, Profile 같은 페이지가 나와요.
  • 방향키로 이동하고, Enter로 열고, Escape로 닫아요.
고객의 사이트 찾기프로젝트 14개를 진행하는 디자인 에이전시

Jo에게 치과 사이트가 필요해요. Ctrl K를 누르고 dent를 입력해요.

Projects에는 Live로 표시된 Northgate Dental만 남아요. Enter를 누르면 스튜디오가 열려요.

홈

Home은 큰 질문 'What should we build'로 시작하고, 이어서 이름이 나와요. 워크스페이스에 프로젝트가 생기면 'What should we build next'로 바뀌어요. 그 아래에 프롬프트 입력란이 있어요.

  • 프롬프트 입력란. 프로젝트를 설명하고, 아래에서 Website, App 또는 Dashboard를 고른 뒤 Continue를 눌러요. 그러면 입력한 내용이 채워진 New project가 열려요. Home에서는 아무것도 만들어지지 않고 비용도 청구되지 않아요. 입력란 아래 문장은 빌드가 얼마를 잡아 두는지와 가진 크레딧을 알려 줘요. 예를 들면 '빌드에는 50 크레딧이 잡혀요. 현재 50 크레딧이 있어요.'처럼요. 이런 종류의 프로젝트가 보통 가진 크레딧보다 더 들면 둘째 줄에 예상치가 나와요. 설명 대신 질문을 입력하면 입력란 아래에 답이 나오고, 입력한 내용은 그대로 남아요.
  • 질문 아래에 있는 Example chips, 예를 들어 Clinic bookings나 Sales dashboard를 누르면 입력창에 수정할 수 있는 예시 설명이 채워져요.

프롬프트 입력창 아래의 Set up your business online에는 사이트를 실제로 운영하게 해 주는 단계가 나와요. 사이트 만들기, 프로덕션에 게시하기, 도메인 연결(커스텀 도메인이 있는 요금제), 채팅 켜기, 팀 초대(팀 기능이 있는 요금제), 에이전트 고용(에이전트가 있는 요금제)이에요. 각 단계는 끝나면 저절로 체크되고, 모두 끝나면 목록이 사라져요. Hide를 누르면 그 기기에서는 목록을 숨겨요.

워크스페이스에 프로젝트가 생기면 Home에는 다음 항목도 이 순서대로 나타나요:

  • Recent projects: 마지막으로 작업한 프로젝트가 한 줄에 세 개씩, 넓은 화면에서는 네 개씩 보여요. 전체 프로젝트로 가는 링크도 있어요.
  • Waiting for you: 확인할 일이 있을 때 표시돼요. 에이전트의 요청과 확인이 필요한 프로젝트가 여기에 나와요.
  • Visitors across your projects: 방문자와 조회수를 7일, 30일, 6개월 기준으로 보여 드려요. 쿠키 없이 집계하며, Busiest projects도 함께 볼 수 있어요.
  • Credits: 정확한 잔액과 최근 30일 각각의 사용 크레딧을 보여 주는 막대가 있어요. Owner에게는 여기에 Billing 버튼도 보여요.
  • Your plan, 예를 들어 Free plan: 플랜에 포함된 양 대비 사용한 프로젝트, 사용자 지정 도메인, 저장 공간, 그리고 '1 of 1' 같은 Members예요. 막대는 4분의 3을 넘으면 주황색, 10분의 9를 넘으면 빨간색으로 바뀌어요.
  • Start from a template: 워크스페이스에 저장된 자체 템플릿이 있다면 그 템플릿이에요.

프로젝트

Projects에는 워크스페이스에 있는 모든 웹사이트, 앱, 대시보드가 최근 변경 순으로 나와요. 한 페이지에 카드 열두 개가 보이고, 화면 크기에 따라 한 줄에 세 개 또는 네 개씩 놓여요. List를 누르면 카드 대신 행으로 보여 주고, 한 페이지에 스물다섯 개씩 나와요. 검색창과 State로 목록을 좁힐 수 있어요. 오른쪽 위의 New project를 누르면 새 프로젝트를 시작해요. Editor, Admin, Owner에게만 보여요. 각 카드에는 이런 내용이 나와요:

  • 게시할 때마다 찍는 최신 빌드의 화면 사진이에요. 처음 게시하기 전에는 'Not published yet.'라고 나오거나 빌드 중이라고 나와요.
  • 이름이에요. 누르면 프로젝트의 스튜디오가 열려요.
  • 상태: Live, Building, Needs attention, Draft.
  • 종류(Website, Web app 또는 Dashboard)와 마지막으로 바뀐 때예요.
  • 프로젝트의 주소(없으면 'No address yet')와 지금까지 작업에 사용한 크레딧이에요.

카드의 ••• 버튼에 더 많은 기능이 있어요. Duplicate는 게시된 버전의 편집 가능한 복사본을 이 워크스페이스나 작업 중인 다른 워크스페이스에 만들어요. Save as template은 게시된 버전을 고정해 워크스페이스에서 이 버전으로 새 프로젝트를 시작할 수 있게 해요. Owner와 Admin은 Move to another workspace로 프로젝트를 Editor 이상 권한이 있는 워크스페이스로 넘길 수 있고, 옮기는 동안에도 게시된 사이트는 계속 운영돼요. 복제와 템플릿으로 저장은 프로젝트를 먼저 게시해야 해요.

템플릿

Templates에는 선반이 세 개 있어요. 내 워크스페이스의 템플릿, By Briks Team, Community Templates예요. 템플릿은 시작점으로 고정해 둔 게시된 사이트예요. 하나를 골라 비즈니스 정보를 알려 주면 게시 전에 모든 페이지가 새로 쓰여요. 템플릿을 참고하세요.

에이전트

Agents는 Starter 플랜부터 프로젝트용으로 고용한 AI 에이전트가 일하는 곳이에요. Project에서 프로젝트 하나 또는 All projects를 고르고, New agent로 에이전트를 더 고용할 수 있어요. 위쪽 탭이 페이지를 나눠요:

  • Team: 일하고 있는 팀이에요. 팀 리드가 있으면 팀 리드가 이끌어요.
  • Crew: 각 에이전트와 상태예요. 예를 들면 On, Working, Needs you, Paused가 있어요.
  • Waiting for you: 에이전트가 하려고 하며 내 승인을 기다리는 일이고, 옆에 개수가 표시돼요. 승인과 예산을 참고하세요.
  • Chat, Memory, Activity log: 팀과 대화하고, 팀이 당신의 비즈니스에 대해 기억하는 내용을 보고, 팀이 한 모든 일을 읽을 수 있어요.

프로젝트를 고르면 팀 아래 한 줄에 요금제가 허용하는 수 대비 에이전트가 몇 명인지 '이 프로젝트의 에이전트 3명 중 2명'처럼 표시돼요. 가득 차면 Get more를 눌러 더 많은 에이전트를 둘 수 있는 요금제를 볼 수 있어요. AI 에이전트 고용하기를 참고하세요.

내 모든 사이트의 분석

탐색 메뉴의 Analytics는 워크스페이스에서 게시된 모든 사이트를 한 번에 보여줘요. 처음에는 30 days로 열리고, 7 days나 6 months로 바꿀 수 있어요. 타일 네 개가 Visitors, Page views, Enquiries, Visitors who enquired를 보여주고, 각각 이전 기간 대비 변화도 나와요. 그 아래 차트는 모든 사이트의 방문자와 조회를 그리고, By site 표에는 방문이 많은 순서대로 사이트가 나열돼요. 사이트 이름을 클릭하면 같은 기간으로 그 사이트의 Analytics 탭이 열려요. 게시된 사이트가 없으면 페이지에 No published sites yet이라고 표시돼요. 애널리틱스를 참고하세요.

워크스페이스 페이지

  • Members: 워크스페이스에 있는 사람들과 그들의 역할이에요. 좌석 요금은 없어요. 각 요금제에 멤버가 포함되고, Pro는 3명부터이며 Free와 Starter는 소유자 한 명용이에요. Owner와 Admin은 Invite people로 사람을 초대하고, 역할 선택 아래에 What each role can do가 있어요. 멤버와 역할을 참고하세요.
  • Skills: 작업에 맞을 때 Briks가 이 워크스페이스의 프로젝트에서 따르는 글로 된 안내예요. 말투나 사업 정보 같은 것이 들어가요. Owner와 Admin이 관리해요. 스킬을 참고하세요.
  • Billing: Your plan과 이후 플랜의 변화, Credits left, 월간 또는 연간으로 바꿀 수 있는 Plans(Starter, Pro, Studio, Agency)를 볼 수 있어요. Owner는 여기서 업그레이드, 다운그레이드, 취소를 할 수 있어요. 결제를 참고하세요.
  • Settings: 워크스페이스 이름(Owner와 Admin이 바꿀 수 있어요)과 Danger zone이 있어요. Leave workspace는 나를 워크스페이스에서 빼고, Delete workspace는 Owner용이에요. 프로젝트가 남아 있는 워크스페이스는 프로젝트를 옮기기 전에는 삭제할 수 없고, 하나뿐인 워크스페이스는 나가거나 삭제할 수 없어요.

크레딧과 내 계정

탐색 메뉴 맨 아래의 Credits는 남은 크레딧을 정수로 보여 주고, 벽돌 열 개가 왼쪽부터 채워지며 요금제의 월 크레딧과 비교해 보여 줘요(Free에서는 처음 받은 50 크레딧 기준). 10% 이하가 되면 경고 색으로 바뀌고 'running low'라고 표시되며, 모든 페이지 위의 배너에 남은 크레딧이 안내돼요. 클릭하면 Billing이 열려요. 접힌 레일에서는 코인 모양이 되고, 마우스를 올리면 숫자가 보여요.

그 아래에는 이름과 이메일이 있어요. 클릭하면 짧은 메뉴가 열려요.

  • Profile: 이름, 이메일, 비밀번호, 로그인한 기기와 환경설정, 계정 삭제를 관리해요. 프로필과 로그인을 확인해 보세요.
  • Appearance: Match the system, Light 또는 Dark. 같은 선택이 Profile의 Preferences 아래에 Theme로 있고, 이 기기에 적용돼요.
  • Sign out.

알림

상단 바 오른쪽의 벨 Notifications에는 바쁜 사이에 워크스페이스에서 일어난 일이 최신순으로 모여요. 벨에 표시된 숫자는 아직 읽지 않은 알림 수예요. 열면 모두 읽음으로 바뀌고, 새로 온 알림은 패널이 열려 있는 동안 점이 남아 있어요. 패널 맨 위의 Live는 새 알림이 발생하는 대로 도착한다는 뜻이고, Reconnecting은 연결이 잠시 끊겼다는 뜻이에요.

  • 시작, 완료, 실패, 중단되는 빌드와 변경, 그리고 나 또는 크레딧을 기다리는 빌드예요.
  • 작업 중인 에이전트: 시작하거나 끝나거나 실패한 실행, 에이전트 간에 넘긴 작업, 승인을 기다리는 일, 내가 결정한 일이에요.
  • 제목과 페이지는 있지만 방문자가 쓴 내용은 없는 새 양식 응답, 그리고 채팅에서 사람을 요청한 방문자예요.
  • 크레딧이 부족해질 때(한 달에 한 번), 그리고 그달 허용량이 다 돼서 멈춘 사이트 이메일이에요.
  • 커스텀 도메인이 연결됐거나 확인이 필요할 때예요.

각 알림은 처리할 수 있는 곳으로 연결돼요. 일부는 도착할 때 페이지 아래에 팝업으로도 떠요. 패널 맨 아래의 Pop-ups에서 Everything, Problems and waiting, Off 중에 정할 수 있어요. 선택은 이 브라우저에 저장돼요.

프로젝트 안에서

프로젝트를 열면 상단 바가 바뀌어요. 첫 줄에는 지금 있는 위치가 표시돼요. Projects, 프로젝트 이름, 그리고 Studio 탭이 아닌 곳에 있다면 열어 둔 탭과 그 안의 섹션이 차례로 나와요. 예를 들면 Projects / Larder Lane / Settings / Domain처럼요. 화면이 넓으면 프로젝트 이름 옆에 라이브 주소가 보이고, 누르면 새 탭에서 사이트가 열려요. 사이트를 게시한 뒤에는 바의 오른쪽 끝에 Preview와 Publish 버튼, 또는 In production이 표시돼요.

그 줄 아래에는 글자로 된 탭이 한 줄로 있어요. Studio, Analytics, Media, Database, Storage, Chatbot, Settings예요. Database는 프로젝트에 데이터베이스가 생기면 나타나고, 그 전에는 Owner와 Admin에게만 보여요. Settings에는 도메인, 폼, 버전, 백업처럼 나머지 모든 것이 있어요. 휴대폰에서는 첫 줄에 프로젝트 이름만 나오고, 탭 줄은 옆으로 스크롤돼요. 각 탭은 프로젝트 페이지에서 자세히 다뤄요.

탭 두 개가 해당하는 경우에 같은 줄에 더해져요. Studio 뒤에 오는 Visual Editor로는 페이지의 어느 부분이든 클릭해서 직접 바꿀 수 있어요. 유료 플랜에서 쓸 수 있어요. 비주얼 에디터를 참고하세요. Analytics 뒤에 오는 Marketing에서는 게시를 쓸 수 있게 되면 프로젝트의 소셜 계정에 올릴 글을 작성하고 예약해요. 마케팅과 소셜 게시글을 참고하세요.