이제 Bolt의 기본 개념과 웹 앱의 구조에 대한 몇 가지 기본 사항을 살펴보았으니 이제 실제로 사용해 볼 차례입니다. 이 장에서는 첫 번째 프로젝트를 만들기 위한 Bolt 인터페이스를 안내해 드리겠습니다. 이 장이 끝나면 (Bolt의 도움으로 빌드한) 작동 중인 앱과 Bolt 작업 공간을 탐색하는 방법을 확실히 이해하게 될 것입니다.
Bolt 가입 및 시작하기
시작하려면 웹 브라우저를 열고 bolt.new로 이동합니다(주소창에 "bolt.new"를 입력하기만 하면 됩니다). 사이트가 간단한 질문으로 여러분을 맞이합니다: "무엇을 빌드하시겠습니까?" 이것은 프롬프트를 시작하라는 초대장입니다.
답을 찾기 전에 로그인하거나 계정을 만들어야 하며, 특히 작업 내용을 저장하려면 계정을 만들어야 합니다. Bolt는 StackBlitz에서 만들었으므로 GitHub 계정, Google 계정 또는 이메일과 같은 로그인 옵션을 제공합니다. 원하는 방법을 선택하고 로그인하세요( 그림 2-1 참조).
그림 2-1. 로그인 후, 프롬프트 입력 영역, 파일 탐색기, 코드 편집기 및 미리보기 섹션이 강조 표시된 Bolt 작업 공간
그림 2-2. 시각적으로 액세스할 수 있는 옵션인 다크 모드의 Bolt.new의 프롬프트 입력 필드
여기서 모든 마법이 일어납니다. 화면에 표시되는 내용에 익숙해지도록 하죠. 프롬프트를 입력할 수 있는 눈에 잘 띄는 영역(주로 화면의 측면이나 하단에 있으며 채팅 인터페이스와 비슷함)이 표시됩니다. 또한 코드 파일이 표시되는 편집기 섹션과 실행 중인 애플리케이션을 볼 수 있는 미리보기 영역이 있습니다. 정확한 레이아웃은 달라지거나 발전할 수 있지만 일반적으로 다음이 포함됩니다:
프롬프트 입력
Bolt에 대한 지침을 입력하는 텍스트 상자 또는 채팅 창입니다. "오늘 Bolt가 어떻게 도와드릴까요?"와 같은 자리 표시자 텍스트가 있을 수 있습니다. 여기에서 AI와 대화하게 됩니다.
파일 탐색기
프로젝트의 파일 및 폴더가 나열된 패널(보통 왼쪽에 있음). Bolt에 무언가를 생성하라는 프롬프트가 표시되기 전까지는 비어 있거나 최소한의 파일 세트만 표시될 수 있습니다.
코드 편집기
파일의 콘텐츠 가 표시되는 기본 영역입니다. 탐색기에서 파일을 클릭하면 여기에서 해당 코드를 볼 수 있습니다. Bolt는 파일을 만들거나 수정할 때 자동으로 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month, and much more.
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.