빌드 보기: 진행, 중단, 점검

#확인할 수 있는 곳

프로젝트는 Studio 탭에서 열려요. 왼쪽에는 대화, 오른쪽에는 미리보기가 있어요. 좁은 화면에서는 미리보기가 대화 아래에 놓여요. 둘 사이의 막대를 끌어 한쪽을 더 넓게 쓸 수 있어요.

대화 위의 알약 모양 표시는 프로젝트의 현재 상태를 알려 줘요. Building, Live, Draft, Needs attention이 있고, 첫 빌드가 기다리는 동안에는 Preparing questions, Waiting for your answers, Waiting for your approval이 나와요. Waiting for credits는 계획된 빌드가 Resume building을 선택할 때까지 멈춰 있다는 뜻이에요. 다른 서비스를 연결하는 변경은 Checking which keys this needs를 보여 주고, 키가 필요하면 Waiting for a key를 보여 줘요. 그 옆의 Total은 프로젝트가 지금까지 쓴 크레딧을 보여 줘요.

빌드는 브라우저가 아니라 Briks에서 실행돼요. 탭을 닫았다가 돌아와도 괜찮고, 스튜디오에서 빌드가 어디까지 왔는지 볼 수 있어요. 페이지 위쪽의 Notifications 벨도 빌드를 하나하나 따라가요. 빌드마다 알림이 하나씩 오고, 시작했을 때, 그리고 완료, 실패, 중지, 사용자 대기 중, 크레딧 대기 중일 때를 알려 줘요. Telegram을 연결했다면 Builds finished or failed 알림이 그쪽으로도 가요. 빌드가 끝나도 이메일은 보내지 않아요.

#빌드 카드

빌드가 진행되는 동안 대화 맨 아래에 카드가 하나 나타나요. 카드에는 다음이 들어 있어요.

• 대기 중에는 Waiting to start와 시계가 나오고, “Waiting for a free builder. Your build starts automatically.”라는 문구가 보여요.
• 작업이 시작되면 Building과 흐르는 시계가 나타나고, 옆에 Stop이 있어요.
• 첫 빌드에서 빌드에 보통 드는 크레딧이 보유한 크레딧보다 많을 때 그 사실을 알리는 문구예요. 크레딧 예상치와 멈춤에서 설명해요.
• 각 단계는 끝나면 체크 표시가 되고, 진행 중인 단계에는 로딩 표시가 나타나요.
• 지금 무슨 일이 일어나는지 알려 주는 실시간 한 줄이 맨 아래에 있어요. 작업이 진행되면 바뀌기 때문에 카드가 로그처럼 길어지지 않아요.

변경 작업은 단계가 더 적어요: Applying your changes, Verifying build, Publishing, 그리고 점검을 요청했다면 Checking the published site가 표시돼요.

제작 중 알게 된 내용이 위쪽에 카드로 나타나요: 참고 자료를 줬다면 What your references decided, 그리고 모든 섹션을 순서대로, 각각의 용도와 함께 보여 주는 Plan for this site예요. 계획을 읽으면 원하지 않은 섹션을 가장 빨리 찾을 수 있어요. 메모해 두고, 사이트가 게시된 뒤에 변경을 요청하세요.

#만드는 대로 미리보기가 채워져요

처음 게시하기 전에는 미리보기 창에 로딩 표시 대신 사이트가 만들어지는 모습이 보여요.

• 맨 위에 단계가 나와요: Reading the reference(참고 사이트가 있을 때만), Planning, 4 of 9처럼 개수가 보이는 Pictures, 지금까지 작성한 섹션과 페이지가 보이는 Writing the sections, 그리고 Publishing이에요.
• 참고 사이트를 읽는 동안 “Reading your reference, top to bottom.” 아래에 화면이 하나씩 나타나고, 찾아낸 섹션 종류가 옆에 표시돼요.
• 계획이 준비되면 홈페이지의 각 부분이 윤곽으로 나타나요. 섹션이 작성될 때마다 윤곽이 고유한 색으로 채워지고 제목이 사이트 고유의 글꼴로 표시되며, 이미지는 만들어지는 대로 들어와요.
• 페이지 옆에서 Pictures, Home sections, Other pages가 완료되는 대로 집계되고, Page system에는 사이트에 선택된 서체로 제목과 본문이, 색상 팔레트는 견본으로 보여요.
• 페이지 위쪽에 Home 탭과 각 하위 페이지 탭이 있어요. 탭을 누르면 그 페이지를 볼 수 있어요. Follow the build를 누르기 전까지 미리보기는 빌드를 따라가지 않아요.

게시하고 나면 창에 Live preview 태그와 게시한 시각이 붙은 실제 사이트가 보여요. Desktop, Tablet, Phone으로 다른 너비에서 볼 수 있고, Reload preview로 다시 불러오고, Full screen으로 창 전체를 쓰고(Esc로 닫아요), Open in new tab으로 새 탭에서 열 수 있어요.

#걸리는 시간

첫 버전은 몇 분 걸려요. 카드의 시계는 제작이 진행된 시간을 보여 주고, 끝나면 대화에 “Published to bakehouse.briks.live in 7 min 12 s”처럼 걸린 시간이 표시돼요. 제작 전 질문과 승인 대기는 답하는 데 걸린 시간만큼 더해져요. 게시된 사이트를 선택적으로 점검하면 몇 분이 더 걸려요.

#크레딧 예상과 일시 중지

새 프로젝트는 50 크레딧을 잡아 두고, 실제로 든 작업량만큼 차감해요. 그 양은 이보다 많을 수도 적을 수도 있어요. Briks는 이전 빌드를 바탕으로 비슷한 빌드에 보통 얼마가 드는지 알고 있고, 그것이 보유한 크레딧보다 많으면 알려 줘요. 시작하기 전에 New project review, Home의 상자, 빌드 카드에 다음과 같은 문구가 표시돼요: 계획 후 빌드에는 보통 약 85 크레딧이 들고, 보유한 크레딧은 30이에요. 계획 후 보유한 것보다 더 필요하면, 계획을 그대로 둔 채 크레딧을 기다려요. 잔액이 충분하면 문구는 표시되지 않아요.

실제 점검은 사이트 계획이 끝난 뒤, 이미지를 만들거나 페이지를 만들기 전에 이뤄져요. 나머지 제작에 보통 드는 크레딧이 아직 잡아 둔 크레딧과 잔액을 합친 것보다 많으면 제작이 멈춰요. 지금까지는 읽기와 계획에 쓴 만큼만 냈고, 계획한 내용은 모두 그대로 남아요. 상태 표시는 Waiting for credits로 바뀌고, 메시지 입력란 위의 막대에 "Planned and waiting for credits: about 85 to build."라고 나오고, 대화에는 이렇게 안내돼요. "Your site is planned. Building it needs more credits. Building, the pictures and publishing usually take about 85 credits, and you have 30. The plan is kept: once you have the credits, choose Resume building and it carries on from here."

• Free 플랜의 첫 사이트는 중간에 멈추지 않아요. 끝까지 만들어지고, 대화에도 이렇게 안내해요. "만드는 데 보통 약 85 크레딧이 들고, 지금 30 크레딧이 있어요. 첫 사이트이므로 그래도 끝까지 만들어요. 이후의 빌드는 가진 크레딧보다 더 필요하면 크레딧이 채워질 때까지 기다려요."
• 빌드가 일시 중지된 동안에는 입력창의 질문에는 평소처럼 답하지만, 아직 바꿀 사이트가 없어서 변경 요청은 거절돼요. "Your site waits for credits before it is built, so there is nothing to change yet. Building it usually takes about 85 credits, and you have 30."
• 페이지를 추가하는 변경도 대기열에 넣기 전에 같은 방식으로 확인해요. 보통 잔액보다 더 많이 든다면 시작하지 않아요: “페이지를 추가하려면 보통 약 85크레딧이 들고 지금 30크레딧이 있어서 시작하지 않았어요.” 묶어 두거나 청구하는 크레딧은 없어요. 다른 변경은 평소처럼 5크레딧을 묶어 둬요.

#첫 빌드에서 Briks가 점검하는 것

첫 제작에는 요청하지 않아도 이런 점검이 적용돼요:

• 게시 전에 코드에서 읽어 낸, 배경 위 글자의 대비예요.
• 첫 게시 후에는 공개된 페이지의 대비를 데스크톱과 휴대폰 너비에서 한 번 점검하고, 수정은 최대 한 번만 해요. 진행 표시에는 “Checking the published site's contrast on desktop and phone.”이라고 나와요.
• 선택한 페이지는 모두 사이트 메뉴에 있어야 해요.
• 데이터를 저장하는 사이트를 위해, 보안상 놓치기 쉬운 부분을 코드에서 점검해요. 파일에 적힌 키, 제한 없는 저장, 로그인 없이 읽히는 회원 기록, 텍스트를 이어 붙여 만든 데이터베이스 쿼리 등이에요.
• 문구를 승인했다면, 승인한 모든 제목이 승인한 그대로 페이지에 있어야 해요.

더 꼼꼼한 점검은 선택 사항이에요. 게시된 사이트를 화면 크기 네 가지로 살펴보고, 겹치는 부분이나 작동하지 않는 링크처럼 깨져 보이는 곳을 고쳐요. 몇 분이 더 걸리고 크레딧이 조금 들어요.

더 자세한 점검이 실행되면 100점 만점 점수와 발견한 내용이 담긴 Visual check 카드가 나타나요. 예: “깨져 보이는 곳이 없어서 디자인은 만든 그대로 둬요.” 미리보기 위의 작은 라벨은 점검 중인 각 너비를 보여 줘요: Phone, Tablet, Laptop, Desktop.

#빌드 중지하기

#만드는 중에 더 보내기

빌드가 실행되는 동안에도 메시지 입력창은 열려 있어요. 버튼에는 Queue라고 표시되고, 그 아래 안내에는 “Runs when the current build finishes. Queued messages go together as one change.”라고 나와요. 대기 중인 요청은 대화 맨 아래에 점선 테두리와 Queued 라벨로 표시되고, 시작되기 전에는 Remove로 되돌릴 수 있어요. 한 번에 최대 10개까지 대기할 수 있어요.

대기열에 넣을 수 없는 경우가 두 가지 있어요. 승인을 기다리며 멈춘 첫 빌드(게시된 뒤에 변경 사항을 보내세요)와 A/B 테스트가 진행 중인 사이트예요.

#완료되거나 실패했을 때

초록색 줄에는 사이트가 어디에 게시됐는지와 걸린 시간이 표시돼요. 이어서 Briks가 만든 내용을 답장으로 알려 주고, 마지막에 주소를 적어요. 답장 아래 작은 글씨로 차감된 크레딧과 작업 시간(분)이 나와요. 질문 단계에서 Decide for me를 골랐다면 답장에 대신 정한 내용도 정리돼 있어서, 메시지로 무엇이든 바꿀 수 있어요.

처음 게시하면 .briks.live 주소에 미리보기로 올라가고, 검색 엔진에는 노출되지 않아요. 고객에게 공개하는 일은 별도 단계예요: 프로덕션에 게시하기.

빌드가 실패하면 빨간 알림이 이유를 한 줄로 알려 주고, 프로젝트에는 Needs attention이 표시돼요. 실패한 빌드에는 요금이 청구되지 않고, 사용된 크레딧은 모두 돌아와요. 사이트는 마지막으로 게시한 상태 그대로 유지되고, 다음 빌드는 만들다 만 버전이 아니라 그 버전에서 시작해요. 같은 요청이 두 번 실패하면 프로젝트 이름과 함께 hello@briks.dev로 문의해 주세요.