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.
7장. Netlify 통합으로 앱 배포하기
이 작품은 AI를 사용하여 번역되었습니다. 여러분의 피드백과 의견을 환영합니다: translation-feedback@oreilly.com
지금까지는 Bolt의 개발 환경(기본적으로 로컬 컴퓨터에서 브라우저를 통해)에서 Movie Explorer 앱을 실행했습니다. 이제 앱을 배포할 차례입니다. 즉, 자체 URL을 통해 인터넷에서 액세스할 수 있도록 만들어야 합니다. 영화 탐색기를 호스팅하기 위해 Netlify를 사용하겠습니다. Netlify는 최신 웹 프로젝트, 특히 잼스택 앱을 위한 인기 호스팅 플랫폼입니다. 웹사이트와 웹 애플리케이션의 구축, 배포 및 서비스를 자동화합니다.
기존 개발에서 배포는 서버, 구성, CI/CD 파이프라인 등을 포함하는 까다로운 단계일 수 있지만, Bolt와 Netlify의 통합으로 클릭 몇 번으로 간소화할 수 있습니다. Bolt의 통합은 Bolt의 인터페이스 내에서 배포를 트리거할 수 있다는 것을 의미합니다. Bolt는 앱 패키징(빌드 단계 실행)을 처리하고 Netlify로 전송합니다. 그러면 Netlify가 공개 URL(예: your-app-name.netlify.app)에서 앱을 호스팅합니다(Netlify는 사용자 지정 도메인도 지원하지만).
이 장에서는 이 과정을 안내합니다:
-
Bolt 프로젝트를 Netlify에 연결하기
-
앱 배포하기(배포 중 실제로 내부에서 일어나는 일 살펴보기)
-
라이브 사이트 확인 및 프로덕션에서 모든 기능 테스트하기
-
프로덕션에 필요한 모든 구성 관리(예: API 키에 대한 환경 변수)
-
배포 프로세스를 반복할 수 있도록 하여 앱을 개선하면서 사이트를 업데이트할 수 있습니다.
이 장이 끝나면 Movie Explorer 앱을 온라인에 게시할 수 있으며, 이는 큰 성과입니다. 친구와 공유하거나 포트폴리오에 추가할 수 있습니다.
배포 단계
선택 사항으로, 버전 관리를 위해 코드를 GitHub 리포지토리 또는 다른 Git 호스트에 푸시할 수 있습니다. Bolt에는 내보내기 또는 다운로드 옵션이 있습니다. 이 장에서는 Bolt에서 직접 배포할 것이므로 반드시 필요한 것은 아닙니다.
시작해 봅시다!
Bolt에서 Netlify 연결 및 구성하기
시작하기 전에 코드베이스가 배포 준비가 되었는지 확인하세요. 여기에는 코드 또는 환경에서 필요한 모든 키(TMDB API 키 및 Supabase URL 및 키)를 설정했는지 확인하는 것이 포함됩니다. 앱이 Bolt의 미리 보기에서 오류 없이 실행되어야 합니다.
아직 Netlify 계정이 없는 경우 가입하세요 (이메일을 사용하거나 GitHub를 통해 로그인할 수 있습니다). 무료 티어는 으로 충분합니다.
다음으로, Supabase를 연결한 방법과 유사하게 Bolt를 Netlify에 연결해야 합니다. Bolt에서 설정 → 애플리케이션으로 이동하여 Netlify를 찾은 다음 연결을 클릭합니다. Netlify 로그인 및 권한을 요청할 것입니다. 승인합니다.
빌드 구성(예: Next.js)을 도입했거나 ...
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.