--- title: "AI 대시보드 제작 도구 | Briks" url: https://briks.dev/ko/ai-dashboard-builder description: "팀이 확인하는 수치를 설명해 주세요. Briks가 핵심 지표, 차트, 검색 가능한 표가 있는 대시보드를 만들어 전용 주소로 게시해요. 무료로 시작하세요." --- AI 대시보드 제작 도구 # 팀이 지켜보는 숫자를 위한 AI 대시보드 제작 도구 팀에 필요한 수치, 목록, 화면을 설명해 주세요. Briks가 전체 틀과 모든 화면을 계획하고, 대시보드용으로 만든 키트로 화면을 만든 뒤, 결과를 고유한 주소로 게시해요. 예시 사용해 보기 - 사이드바, 아이콘 레일, 상단 내비게이션 - 핵심 수치, 차트, 검색 가능한 표 - 자체 데이터베이스와 시작용 샘플 레코드 **Fenwick** - 개요 - 거래 *12* - 계정 - 리포트 - 팀 - 설정 **Fenwick** - 개요 - 거래 - 계정 - 리포트 검색`Ctrl K` **개요** 영업팀을 위한 파이프라인과 거래 파이프라인 가치 **$412k** *지난달 대비 8%* 성사된 거래 **14** *목표 20 중* 성사율 **31%** *지난달보다 3포인트 상승* 예시 데이터 단계별 파이프라인 42 리드 28 적격 17 제안서 9 협상 14 성사 예시 데이터 가장 큰 진행 중 계정 | | 단계 | | | --- | --- | --- | | Fieldway Logistics | 협상 | $61,500 | | Linden Hotels | 협상 | $54,100 | | Harbour Foods | 제안서 | $48,200 | | Ostara Health | 제안서 | $37,400 | 예시 데이터 6개 중 4개 샘플 데이터로 만든 작동하는 데모예요. 직접 써 보세요. ## AI 대시보드 제작 도구의 작동 방식 대시보드 빌드는 설명에서 바로 모든 화면의 계획으로 넘어가요. 빌드 전 질문과 룩 보드는 홈페이지와 앱에만 있어요. 1. **숫자 설명하기** 대시보드를 누가 쓰고 무엇을 봐야 하는지 말해 주세요. 수치, 목록, 화면 같은 것들이에요. 말씀하신 제품, 가격, 사람은 대시보드의 샘플 레코드가 돼요. 2. **마음에 드는 대시보드 보여 주기** 선택 단계예요. 마음에 드는 레이아웃의 대시보드를 추가하면, Briks가 그 프레임, 밀도, 패널, 블록 배치를 따라요. 문구, 로고, 수치는 절대 사용하지 않아요. 3. **모든 화면을 계획해요** 계획에는 프레임, 그룹으로 나뉜 내비게이션, 그리고 읽는 순서대로 배치된 블록 형태의 모든 화면이 담겨요. 핵심 수치, 차트, 표, 활동, 양식이 있고, 각각 12단 격자에서의 너비가 정해져 있어요. 4. **대시보드 키트로 만들어요** 모든 표는 완전한 데이터 표이고 모든 차트는 진짜 차트예요. 차분한 패널 위에 숫자는 고정폭 숫자로 보여줘요. 움직임도 장식도 없어요. 5. **게시해요** 대시보드는 호스팅이 포함된 자체 briks.live 주소에 게시되고 검색에서는 제외돼요. 대비는 내보내기 전에 코드에서 점검해요. 6. **말로 바꿔요** 스튜디오 채팅에서 새 열, 다른 차트, 다른 기간을 요청하세요. 바뀐 내용은 모두 버전으로 저장되어 되돌릴 수 있어요. ## 모든 대시보드 플랜이 내리는 세 가지 선택 블록을 하나 놓기 전에, 계획이 틀과 밝은 모드 또는 어두운 모드, 행 사이의 간격을 정해요. 이 페이지 맨 위 데모에서 세 가지를 모두 써 보세요. - 프레임 **사이드바, 아이콘 레일 또는 상단 내비게이션** 사이드바는 영역이 많은 제품에 알맞고, 이름이 붙은 그룹으로 나눠 보여줘요. 아이콘 레일은 영역이 몇 개뿐인 제품에 알맞아요. 상단 내비게이션은 나란히 놓인 몇 개의 화면에 알맞아요. - 모드 **라이트 또는 다크** 설명하신 내용이나 보여 주신 대시보드를 바탕으로 정해져요. 둘 중 어느 쪽이든 요청할 수 있어요. 상태 색상은 어느 쪽이든 의미가 그대로 유지돼요. - 행 **촘촘하게 또는 여유 있게** 좁은 행은 긴 표와 운영 작업에 알맞아요. 화면에 더 많이 보이니 스크롤이 줄어요. 넓은 행은 한눈에 읽는 화면에 알맞아요. ## 모든 대시보드 제작에 포함되는 것 대시보드는 웹사이트 섹션이 아니라 전용 키트로 만들어요. 플래너가 고르는 구성 요소는 다음과 같아요. - **제자리를 지키는 틀** 모든 화면을 감싸는 사이드바, 아이콘 레일 또는 상단 내비게이션이에요. 현재 영역이 표시되고, 지정한 곳에는 개수가 배지로 나타나요. - **상단 바** 설명에 적은 사용자 이름과 역할이 표시되는 검색, 알림, 메뉴가 들어가고, 제품에 워크스페이스가 여러 개면 워크스페이스 전환기도 들어가요. - **명령 팔레트** Ctrl 또는 Cmd와 K를 누르고 이름을 입력하면 어떤 화면이나 동작으로든 바로 이동해요. - **주요 수치** 화면이 가장 먼저 답하는 3~5개의 숫자예요. 각각 라벨, 값, 변화량, 기간이 있고, 필요하면 작은 추세선도 함께 보여줘요. - **차트** 꺾은선, 영역, 막대, 누적 막대, 도넛 차트예요. 차트마다 질문 하나에 답하고, 단위, 라벨, 범례를 갖춰요. - **데이터 테이블** 상위 5개를 보여 주는 짧은 목록이라도 모든 표는 완전한 데이터 테이블이에요. 검색, 필터, 정렬, 페이지 크기, 일괄 작업이 되는 행 선택, 행별 작업을 갖췄어요. - **빈 상태 화면** 모든 목록, 표, 피드는 비어 있을 때 무엇을 보여 주는 곳인지 알려 주고, 채울 수 있는 동작을 안내해요. - **휴대폰** 휴대폰에서는 사이드바가 메뉴 버튼 뒤의 서랍으로 바뀌고, 표는 패널 안에서 스크롤되거나 각 행이 카드로 쌓여요. ## 대시보드를 계획하는 기준이 되는 화면 홈 화면이 가장 먼저 나와요. 플래너는 설명에 나온 화면을 모두 추가하고, 가장 많이 쓰는 내비게이션 항목이 연결되는 화면도 최소 두 개 더 추가해서 대시보드가 한 페이지로만 끝나지 않아요. 각 화면은 개요, 목록, 상세, 리포트, 양식, 설정, 팀, 결제, 받은 편지함의 아홉 가지 유형 중 하나로 계획돼요. 유형에 따라 어떤 블록이 어떤 순서로 들어갈지 정해지고, 각 블록은 12열 그리드에서 자기 너비를 차지해요. 그래서 차트와 활동 피드가 한 줄에 함께 놓일 수 있어요. 모든 내비게이션 항목은 그 화면 중 하나로 연결되도록 계획돼요. 로그인과 비밀번호 찾기 같은 계정 페이지는 프레임 없이 따로 있고, 실제로 작동해요. 대시보드가 프로덕션에 올라가면 로그인한 Staff와 Admin 계정만 데이터를 볼 수 있어요. 개요: 12열 그리드 위 블록 6개 실제로 작동하는 데모예요. 화면을 고르면 구성 블록을 볼 수 있어요. ## 자체 레코드와 시작용 샘플 데이터 대시보드는 레코드를 프로젝트의 자체 데이터베이스에 보관해요. 화면에 나오는 레코드 종류마다 테이블이 하나씩 있어요. 주문, 티켓, 재고 같은 것들이에요. 첫 버전은 서로 맞아떨어지는 그럴듯한 샘플 레코드로 채워지고, 날짜는 오늘 이전 몇 달에 걸쳐 있어요. 직접 말씀하신 제품, 가격, 사람은 레코드가 되고, 그 밖의 사람에게는 지어낸 이름이 붙어요. 표, 차트, 핵심 수치는 대시보드 자체 경로로 그 레코드를 읽고, 모든 합계와 개수는 행에서 계산되므로 카드의 합계가 표와 일치해요. 레코드를 추가하거나 바꾸는 양식은 그것을 저장해요. 프로젝트의 Database 탭에서 레코드를 보고 편집할 수 있고, 대시보드에 변경 내용이 반영돼요. 아직 아니에요 ### 자체 데이터만 대시보드는 자체 데이터베이스를 읽어요. 다른 데이터베이스, 스프레드시트, 다른 도구에는 아직 연결하지 않아요. ## 매일 읽기 좋게 만들었어요 대시보드는 실제로 쓰는 도구라서 홈페이지와는 다르게 만들어져요. 대시보드는 촘촘하고, 조용하고, 정확해야 해요. 페이지 배경은 하나, 모든 블록은 패널 위에, 숫자는 열이 맞도록 고정폭 숫자로 표시하고, 강조 색은 하나만 써서 현재 항목, 주요 동작, 데이터에 써요. 상태 색은 상태를 나타낼 때만 써요. 히어로 영역도, 스크롤할 때의 애니메이션도, 흐림 효과도, 콘텐츠 뒤의 장식도 없어요. 서체는 숫자를 읽기 좋게 고른 차분한 글꼴이고, 모서리와 면, 간격은 설명하신 내용이나 보여 주신 대시보드를 따라요. ## 게시하고, 바꾸고, 계속 유지하세요 - **나만의 주소** 모든 대시보드는 자체 briks.live 주소로 게시되고, 검색에는 노출되지 않으며, 호스팅이 포함돼요. - **팀원 전용** 미리보기는 주소를 아는 사람이라면 누구나 열 수 있어요. 프로덕션에 게시하면 로그인한 Staff와 Admin 계정만 데이터를 볼 수 있고, 각 사람의 역할은 Database 탭에서 정해요. - **쉬운 말로 요청하는 수정** 스튜디오 채팅에서 새 열, 다른 차트, 다른 기간을 요청하세요. 변경 한 건에 5 크레딧이 보류되고, 실제 작업량만큼 차감돼요. - **버전** 모든 빌드와 변경이 하나의 버전이 돼요. 편집 권한이 있는 사람은 누구나 실행 취소, 다시 실행하거나 버전을 복원할 수 있어요. [버전과 되돌리기](https://briks.dev/ko/features/versions-and-undo) - **코드** 대시보드를 위해 작성된 파일을 보고 편집하세요. 유료 플랜에서는 다운로드도 할 수 있어요. [내 코드](https://briks.dev/ko/features/your-code) ## 대시보드로 아직 못 하는 일 - 아직 아니에요 **다른 도구와 연결하기** 대시보드는 자체 데이터베이스를 읽어요. 아직은 다른 데이터베이스, 스프레드시트, 다른 도구를 읽지 않아요. ## 대시보드를 만드는 데 드는 비용 대시보드도 홈페이지, 앱과 같은 크레딧과 플랜을 써요. **50** 새 대시보드를 만드는 동안 잡아 두는 크레딧 **5** 변경을 위해 잡아 둔 크레딧 **5** 점검을 위해 보류된 크레딧 작업이 도는 동안 크레딧 일부가 보류돼요. 그 뒤 각 작업은 실제로 든 만큼만 차감돼요. 쓰지 않은 만큼은 돌아오고, 보류분을 넘으면 잔액에서 더 빠지며, 실패한 요청에는 차감되지 않아요. - **Free** **$0** 시작하려면 - 가입할 때 한 번 50 크레딧 - 사이트 1개 - briks.live 주소 - 저장 공간 500MB - **Starter** **$16** 월 또는 연 $160, 2개월 무료 - 한 달에 175 크레딧 - 사이트 1개 - 나만의 도메인 - 저장 공간 5GB - **Pro** **$29** 월 또는 연 $290, 2개월 무료 - 한 달에 400 크레딧 - 사이트 3개 - 내 도메인 3개 - 저장 공간 10GB - **Studio** **$79** 월 또는 연 $790, 2개월 무료 - 한 달에 1,200 크레딧 - 사이트 10개 - 내 도메인 10개 - 저장 공간 25GB - **Agency** **$199** 월 또는 연 $1,990, 2개월 무료 - 한 달에 3,000 크레딧 - 사이트 30개 - 내 도메인 30개 - 저장 공간 100GB Free 플랜의 크레딧 50개는 한 번만 지급되고, 매일 채워 주지는 않아요. 유료 플랜은 결제 화면에서 월간 또는 연간으로 온라인 구매해요. [모든 플랜 비교하기](https://briks.dev/ko/pricing) ## AI 대시보드 제작 도구에 대한 질문 ### AI 대시보드 제작 도구란? 팀이 지켜보는 수치를 설명하면 실제로 작동하는 대시보드 화면으로 만들어 주는 도구예요. Briks에서는 수치, 목록, 화면을 설명하면 Briks가 계획하고, 만들고, 대시보드를 고유한 주소로 게시해요. ### 대시보드의 숫자는 어디서 오나요? 자체 데이터베이스에서 가져와요. 첫 버전에는 제품에 맞는 그럴듯한 샘플 레코드가 채워지고, 모든 수치는 그 레코드로 계산돼요. 프로젝트의 Database 탭에서 레코드를 바꾸면 대시보드도 따라 바뀌어요. ### 대시보드를 내 데이터베이스나 스프레드시트에 연결할 수 있나요? 자체 데이터베이스가 있어요. 레코드는 프로젝트의 데이터베이스에 저장되고 Database 탭에서 편집하며, 양식도 여기에 저장돼요. 아직은 다른 데이터베이스나 스프레드시트에 연결되지 않아요. ### 팀원도 대시보드에 로그인할 수 있나요? 네. 가입, 로그인, 비밀번호 재설정 페이지가 작동해요. 미리보기 상태에서는 주소를 아는 누구나 열 수 있고, 프로덕션에 게시하면 로그인한 Staff와 Admin 계정만 데이터를 볼 수 있어요. 스튜디오에서 쓰는 이메일로 가입하면 그 사이트의 Admin이 되고, 팀원의 역할은 Database 탭에서 정해 주세요. ### 마음에 드는 대시보드를 바탕으로 만들 수 있나요? 네. 참고 사이트를 추가하면 Briks가 그 사이트의 프레임, 밀도, 패널, 블록 배치를 따라요. 문구, 로고, 수치는 절대 사용하지 않아요. ### Briks는 대시보드를 만들기 전에 질문하나요? 아니요. 만들기 전에 하는 질문과 룩 보드는 웹사이트와 앱에만 있어요. 대시보드는 설명을 바로 모든 화면의 계획으로 옮겨요. ### 대시보드는 휴대폰에서도 작동하나요? 휴대폰에서도 쓸 수 있게 만들었어요. 사이드바는 메뉴 버튼 뒤의 서랍이 되고, 표는 패널 안에서 스크롤되거나 각 행이 카드로 쌓여요. ### 대시보드에 애니메이션이 들어가나요? 아니요. 대시보드는 움직임, 장식, 흐림 효과 없이 만들어서 숫자가 가장 먼저 눈에 들어와요. ### 만든 뒤에도 바꿀 수 있나요? 네, 스튜디오 채팅에 쉬운 말로 적으면 되고, 원하는 만큼 자주 요청할 수 있어요. 모든 변경은 버전으로 저장돼서 되돌리기, 다시 실행, 복원이 가능해요. ### 대시보드를 만드는 데 비용이 얼마나 드나요? 새 대시보드는 만드는 동안 크레딧 50개를, 변경은 5개를 잡아 두고, 실제로 든 작업량만큼만 차감해요. 처음에는 크레딧 50개를 한 번 무료로 받고, 유료 플랜은 월 $16부터 시작해요. 결제 화면에서 온라인으로 구매해요. ## Briks로 만드는 더 많은 방법 - [**AI 홈페이지 제작 도구** 사업을 쉬운 말로 설명해 주세요.](https://briks.dev/ko/ai-website-builder) - [**AI 앱 제작 도구** 앱이 저장하고 보여 줄 내용을 설명해 주세요.](https://briks.dev/ko/ai-app-builder) - [**모든 기능** 모든 기능과 필요한 조건을 보여 드려요. 요금제, 스위치, 또는 아무것도 필요 없는 경우까지요.](https://briks.dev/ko/features) - [**템플릿** 이미 잘 작동하는 사이트에서 시작해 내 비즈니스에 맞게 다시 써 드려요.](https://briks.dev/ko/templates) ## 팀에서 어떤 숫자를 봐야 하나요? 한 문장으로 설명해 보세요. 카드 없이 무료 50 크레딧으로 시작해요. [아니면 템플릿으로 시작하세요](https://briks.dev/ko/templates)