September 2025
Beginner to intermediate
206 pages
3h 18m
Korean
Content preview from 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,
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.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.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.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.
10장. Bolt 사용자를 위한 StackBlitz
이 작품은 AI를 사용하여 번역되었습니다. 여러분의 피드백과 의견을 환영합니다: translation-feedback@oreilly.com
이 장에서는 5장과 6장에서 만든 동영상 탐색기 앱으로 작업해 보겠습니다. 이제 Bolt 프로젝트를 StackBlitz 에디터로 전환하여 프로젝트를 수동으로 제어할 준비가 되었습니다(둘 다 StackBlitz 회사 제품입니다). StackBlitz의 기본 기능부터 시작하여 프로젝트를 내보내고 Cloud 에디터에서 개발하는 과정을 단계별로 안내해 드리겠습니다. Bolt의 AI 기반 접근 방식과 StackBlitz를 사용한 실습 코딩 간의 워크플로 차이를 느낄 수 있을 것입니다. 새로운 기능으로 TMDB 동영상 앱을 개선하는 작업을 마칠 즈음에는 StackBlitz를 강력한 튜토리얼 플랫폼이자 일상적인 개발 환경으로 편안하게 사용할 수 있을 것입니다.
시작하기 전에 기대치를 명확히 설정해 보겠습니다. StackBlitz를 사용하면 자연어로 변경 사항을 설명하는 대신 코드를 직접 편집하게 됩니다. 앱에서 사용하는 프로그래밍 언어(예: JavaScript 또는 Typescript, HTML 및 CSS)에 기본적으로 익숙하거나 최소한 Bolt가 생성한 코드를 검토하고 수정하면서 배울 의지가 있어야 합니다. 이 단계는 더 이상 '코드 없는' 경험이 아니라 AI 지원 개발에서 실습 프로그래밍으로 전환하는 단계입니다. 전문가가 아니더라도 걱정하지 마세요. Bolt는 탄탄한 시작점을 제공하며, 생성된 코드를 실험하면서 엄청난 학습 효과를 얻을 수 있습니다. 하지만 JavaScript를 한 줄도 본 적이 없다면 StackBlitz에 뛰어들기 전에 기본 프로그래밍 튜토리얼을 먼저 살펴보는 것이 좋습니다.
계정 없이도 StackBlitz를 사용할 수 있지만, 시작하기 전에 무료 StackBlitz 계정을 만드는 것을 강력히 추천합니다. stackblitz.com에서 직접 가입하거나 기존 GitHub 또는 Google 계정을 사용하여 로그인할 수 있습니다. 계정이 있으면 작업을 저장하고 나중에 프로젝트로 반환하고 GitHub 통합과 같은 추가 기능에 액세스할 수 있습니다. 오라일리 같은 교육 플랫폼을 통해 StackBlitz를 사용하는 경우 에디터를 처음 열 때 계정이 자동으로 생성될 수도 있지만, 나중에 프로젝트에 액세스할 수 있는지 확인하는 것이 좋습니다.
StackBlitz 개요
StackBlitz는 웹 브라우저에서 완전히 실행되는 온라인 통합 개발 환경 (IDE)입니다. 컴퓨터에 아무것도 설치하지 않고도 온라인에서 즉시 코드를 만들고, 편집하고, 실행할 수 있는 코딩용 Google 문서 도구라고 생각하면 됩니다. 로컬 개발 서버를 설정하거나 Node.js를 설치하거나 빌드 도구를 구성할 필요 없이 StackBlitz가 이 모든 것을 백그라운드에서 처리합니다. StackBlitz를 열고 프로젝트 템플릿(예: Angular, React 또는 일반 JavaScript)을 ...
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.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
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.
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.
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.
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.