스크립트
00:00:00프로덕션 급 프로젝트를 운영해 본 적이 있다면, 간혹 말도 안 되는 청구서를
00:00:05받아본 경험이 있으실 겁니다. 하지만 문제는 비단 비용만이 아닙니다.
00:00:10앱을 하나 만들 때마다 수많은 서로 다른 서비스를 조합해야 하죠.
00:00:15호스팅용, 데이터베이스용, 인증/이메일/백그라운드 작업용 등으로 나뉩니다.
00:00:22그리고 이 서비스들마다 계정과 대시보드가 전부 제각각입니다.
00:00:28결국 완벽히 연동된 하나의 플랫폼을 구축하기 위해 여러 대시보드와 결제 주기,
00:00:34여러 개의 신용카드 청구를 관리해야 하죠. 그래서 오늘은 최근 제가 사용 중인,
00:00:40이 문제들을 깔끔히 해결해 준 플랫폼을 소개하려 합니다. Catalyst Slate라는 호스팅 플랫폼인데요,
00:00:46특별한 점은 백엔드 기능이 내장되어 있다는 것입니다.
00:00:50많은 분이 호스팅, DB, 이메일 등을 개별 플랫폼에서 관리하느라 애를 먹지만,
00:00:56Catalyst Slate를 사용하면 예산을 늘리지 않고도 하나의 플랫폼 안에서 모든 걸 관리할 수 있습니다.
00:01:02이 영상은 Catalyst Slate의 유료 광고를 포함하지만, 언제나처럼 직접 사용해 본
00:01:08솔직한 경험을 바탕으로 공유해 드리겠습니다. 동작 방식을 살펴보기 전에,
00:01:13제가 왜 다른 호스팅 플랫폼에서 이 이전했는지 이해하실 수 있도록 오늘 사용할 플랫폼을 간단히 알아보겠습니다.
00:01:18기본적으로 웹 앱을 제작, 미리보기, 배포할 수 있는 통합 환경입니다.
00:01:25대부분의 호스팅 플랫폼은 코드 배포 장소만 제공할 뿐,
00:01:30나머지는 알아서 해결하라고 방치하죠. 정신을 차려보면 대시보드 4~5개가 열려 있고,
00:01:35간단한 사이드 프로젝트 비용이 인터넷 요금보다 많이 나오는 상황이 벌어집니다.
00:01:41Slate는 다릅니다. 그 이유는 더 광범위한 Catalyst 플랫폼 기반으로 동작하기 때문인데요,
00:01:46Slate에 프론트엔드를 배포하는 즉시 내장된 데이터베이스,
00:01:51인증, 서버리스 함수를 별도의 설정이나 여러 서비스를 임시방편으로
00:01:57조립할 필요 없이 모두 바로 이용할 수 있습니다. 가장 중요한 건,
00:02:02월말에 인생을 돌아보게 만드는 청구서를 받을 일도 없다는 점이죠. 그리고 많은 개발자들이
00:02:07너무 늦을 때까지 모르는 사실이 하나 있는데, 일부 호스팅 플랫폼은 무료 플랜에서 상업적 이용을 금지합니다.
00:02:13즉, 사이드 프로젝트로 수익이 발생하기 시작하는 순간 유료 플랜으로 업그레이드해야 한다는 뜻이죠.
00:02:18Slate에는 그런 제한이 없습니다. 게다가 가격 정책이야말로 정말 흥미로운 부분인데요,
00:02:24영상 후반부에 다시 다루겠습니다. 하지만 그전에 이 플랫폼이
00:02:29실제 애플리케이션을 처음부터 배포하는 과정을 보여드리겠습니다.
00:02:34함께 따라 해보고 싶으시다면 설명란의 링크를 클릭해 Slate 페이지로 이동해 보세요.
00:02:39페이지를 둘러보신 후, “무료 체험 시작”을 누르고 일반적인 계정 생성 과정을 진행해 주세요.
00:02:44설정이 완료되면 홈 대시보드 화면에 진입하게 됩니다.
00:02:50이제 화면 좌측을 보시면 색다른 점을 확인하실 수 있습니다.
00:02:55서버리스 함수, 데이터베이스,
00:03:01인증, 메일 서비스, 작업 스케줄링 등 완전한 애플리케이션 구축에 필요한
00:03:07모든 서비스가 나열되어 있습니다. 더 이상 여러 탭을 오가며 서비스를 관리할 필요가 없죠.
00:03:13이 서비스들은 나중에 다시 살펴보고, 먼저 실제 배포 과정부터 진행해 보겠습니다.
00:03:19대시보드에는 프로젝트 연결을 위한 다양한 옵션이 보입니다. 대다수가 GitHub을 사용하실 테니,
00:03:24GitHub 옵션으로 진행하죠. “계정 추가”를 누르고 권한에 동의한 뒤 GitHub 계정을 선택하고
00:03:30인증을 승인해 줍니다. 2단계 인증이 설정되어 있다면 추가 인증을 진행해 주세요.
00:03:37이제 GitHub 계정의 모든 저장소가 대시보드에 표시되는 것을 확인할 수 있습니다.
00:03:42시연을 위해 저는 Next.js 프로젝트를 미리 준비해 두었습니다. 배포하려는 프로젝트를 선택하세요.
00:03:48선택 후에는 배포 시작 전 몇 가지 기본 사항을 설정하는 구성 페이지로 이동합니다.
00:03:54앱 이름(App Name)은 그대로 두셔도 되고, 배포 이름(Deployment Name)은 원하는 이름으로 입력하세요. 저는 동일하게 유지하겠습니다.
00:04:00다음은 배포 소스(Deployment Source)로, 특정 브랜치에서 배포할지,
00:04:06특정 커밋에서 배포할지 선택합니다. 저는 main 브랜치를 선택하겠습니다.
00:04:12이후 프레임워크를 선택하는데, 보시다시피 거의 모든 주요 프레임워크가 지원됩니다.
00:04:19Node 런타임은 최신 버전으로 두시고, 루트 경로(Root Path)에서는 클라이언트 디렉터리의 진입점을 지정합니다.
00:04:25자동 배포(Auto Deploy) 토글도 제공되는데, 이 기능을 켜두면
00:04:31저장소에 새 커밋이 푸시될 때마다 자동으로 새 배포가 트리거됩니다.
00:04:37고급 옵션(Advanced Options)을 열면 빌드 경로, 설치 명령어, 빌드 명령어 및 환경 변수 설정이 가능합니다.
00:04:43지금은 기본값 그대로 두겠습니다. 모든 설정이 완료되었다면 “배포(Deploy)”를 클릭하세요.
00:04:50배포 프로세스가 시작되며, 보통 몇 분 안에 끝납니다. 잠시 기다리면
00:04:57사이트가 라이브 상태가 됩니다. 미리보기 링크를 클릭하면 배포된 애플리케이션으로 바로 이동합니다.
00:05:03방금 호스팅한 프로젝트는 학습 노트를 퀴즈로 변환해 주는 플랫폼인데요,
00:05:09모든 기능이 정상 동작하는지 확인해 보겠습니다.
00:05:14모든 기능이 예상대로 완벽하게 작동하네요. 이번 영상에서는 전체 백엔드 서비스의
00:05:20상세한 연동 과정까지 다루지는 않겠습니다. 문서가 매우 잘 되어 있어서
00:05:25큰 어려움 없이 진행하실 수 있기 때문이죠. 하지만 Catalyst 생태계만을 활용해
00:05:31풀스택 앱을 바닥부터 구축하는 가이드 영상이 필요하시다면 댓글로 알려주세요.
00:05:37준비해 보도록 하겠습니다. 아까 언급했던 내용으로 다시 돌아가 보려 합니다.
00:05:42충분히 짚고 넘어갈 가치가 있는 주제인데요, 바로 요금 정책입니다. CDN 스토리지 500MB가 무료로 제공되며,
00:05:48이는 웹 앱의 정적 자산을 호스팅하기에 충분합니다. 다음으로 CDN 요청 및 오리진 서버 요청 30만 건이 무료입니다.
00:05:56결제 없이도 하루 약 1만 명의 방문자를 처리할 수 있는 수준이죠. 또한 ISR 읽기 10만 회가 제공되므로
00:06:04방문자에게 캐시된 최신 페이지를 최대 10만 번까지 무료로 제공할 수 있으며, ISR 쓰기 5만 회를 통해
00:06:11앱이 백그라운드에서 최신 콘텐츠로 해당 페이지들을 자동으로 재생성하고 저장할 수 있습니다.
00:06:17함수 실행 25,000 GB-초가 제공되는데, 이는 매일 실제 사용자 요청을 처리하는 백엔드 API를
00:06:24단 1원도 내지 않고 무료 티어만으로 충분히 운영할 수 있는 수준입니다. 무료 제공량을 초과하더라도
00:06:31요청당 소수점 단위의 매우 저렴한 요금이 적용되므로, 트래픽이 갑자기 급증하더라도
00:06:36밤에 마음 편히 잠들 수 있는 요금 모델입니다. 그리고 한 가지 더, Zoho는
00:06:41모든 신규 사용자에게 250달러 상당의 무료 크레딧을 제공하며, 대시보드에서 언제든 신청할 수 있습니다.
00:06:47하지만 오늘 영상에서 정말 말씀드리고 싶은 핵심은 비용만이 아닙니다.
00:06:52비용 혜택도 훌륭하지만, 모든 요소가 한곳에 통합되어 있을 때 정신적 피로감이 사라진다는 점입니다.
00:06:58밤늦게까지 두 서비스 간의 연동 오류를 디버깅하느라 시간 쓸 필요가 없어지죠.
00:07:03설명란의 링크를 통해 직접 플랫폼을 한번 경험해 보세요. 오늘 내용이
00:07:09유익하셨고 앞으로도 이런 콘텐츠를 계속 보고 싶으시다면 구독이 가장 큰 힘이 됩니다.
00:07:14그럼 다음 영상에서 뵙겠습니다.