실전 가이드
AI로 로그인 시스템 만들기
로그인 = '당신이 누구인가(인증)' + '무엇을 해도 되는가(인가)'. 보안 규칙을 분명히 말해야 AI가 구멍 난 코드를 주지 않는다.
회원가입·로그인·로그아웃이 되고 역할로 권한을 나눌 수 있는 시제품. 그리고 빼면 안 되는 보안 규칙을 알게 된다.
AI로 데이터베이스 설계하기
데이터베이스 설계 = 먼저 무엇을 저장하고 어떻게 연결되는지 정한다. 그다음 AI에게 테이블로 만들게 한다.
컬럼·타입·관계·인덱스가 명확한 테이블 초안. 그대로 AI에 넘겨 마이그레이션을 생성할 수 있다.
Cloudflare vs Vercel 초보자는 어떻게 고를까
Vercel은 쉽고 Next.js에 최적, Cloudflare는 무료 한도가 크고 엣지·데이터베이스 통합이 강하다. 무엇을 중시하느냐에 달렸다.
당신의 프로젝트에 어느 쪽이 맞는지 명확한 판단, 그리고 고른 뒤의 첫걸음.
폼을 CRM으로 키우기
처음부터 큰 시스템을 만들지 말라. 먼저 폼으로 모으고, 필요해지면 목록·로그인·권한을 더한다. CRM은 키우는 것.
폼에서 CRM으로 가는 단계적 경로. 각 단계에서 무엇을 더할지, 다음으로 갈 신호가 무엇인지 알게 된다.
Cloudflare Pages에 배포하기
Cloudflare Pages를 Git에 연결하면 push할 때마다 자동으로 build하고 공개된다. 배포는 어려운 일이 아니어야 한다.
Git 연동으로 push마다 자동 배포되고 자신의 도메인으로 제공되는 사이트. 전부 무료 한도 안에서.
데이터베이스 선택: D1 vs Postgres vs SQLite
SQLite는 가장 간단, Postgres는 가장 만능, D1은 Cloudflare에 최적. 대부분의 초보 프로젝트는 일단 가장 간단히 쓸 수 있는 걸 고르면 된다.
당신의 프로젝트가 어떤 DB를 써야 하는지, 그 이유까지 명확하게. 선택 마비에서 벗어난다.
이메일을 받는 문의 폼 만들기
문의 받기는 쉬워 보이지만 어려운 건 '정적 사이트엔 백엔드가 없다'는 점. 누가 받는지와 남용을 어떻게 막는지를 다룬다.
실제로 메시지가 도착하는 문의 폼. 정적 사이트가 어떤 수신 방식을 쓰고 어떤 남용 방어를 넣어야 하는지 알게 된다.
AI로 결제 추가: Stripe 개요
금액·성공 여부·이중 결제 모두 정확해야 한다. 결제의 핵심 부품과 '결제 성공'을 백엔드 webhook으로 판단하는 이유를 다룬다.
결제의 핵심 부품(Checkout·webhook·대사)을 이해하고, 프런트에 맡기면 안 되는 판단이 무엇인지 알게 된다.
Google에 노출되기: SEO 입문
SEO는 마법이 아니라 'Google이 찾기 쉽고 이해하기 쉽게' 만드는 것. 기본을 바로잡으면 콘텐츠가 보일 기회가 생긴다.
사이트가 검색엔진에 색인되고 이해되는 기본과, 시간 낭비인 미신이 무엇인지 알게 된다.
AI 코드가 깨졌을 때: 디버깅 입문
디버깅은 찍기가 아니라 '범위를 좁히고 올바른 단서를 AI에 돌려주는' 것. 이걸 익히면 AI가 고칠 수 있다.
깨진 코드에 대한 정해진 절차: 에러 읽는 법, 범위 좁히는 법, AI에 줄 단서 만드는 법.
API 키와 비밀번호는 어디에: 시크릿 입문
시크릿은 프런트나 버전 관리에 들어간 순간 공개나 마찬가지—두는 곳·쓰는 법·유출 대처를 다룬다.
키/비밀번호를 어디에 둬야 하는지(환경 변수/플랫폼 시크릿), 절대 두면 안 되는 곳, 유출 후 올바른 대처를 알게 된다.
Git으로 코드 관리하기: 초보자의 첫걸음
Git은 코드의 '세이브 포인트 + 타임머신'—기본 동작 몇 개만 익히면 과감히 바꾸고 언제든 되돌릴 수 있다.
Git으로 진행을 저장하고 히스토리를 보고 동작하던 버전으로 되돌리며 클라우드와 안전하게 동기화할 수 있다.