chapter★★★★★난이도 · 약 90분
웹 개발 상식
프론트/백엔드 3계층 · 배포 · 보안 기초 · 흔한 에러 해결 — 웹 앱을 세상에 내보내는 지식.
#프론트엔드#백엔드#배포#보안#에러
왜 배우는가
Claude Code로 웹 앱을 만들었다면, 이제 사용자에게 보여줘야 한다. localhost에서 인터넷으로 나가는 길, 그 과정에서 지켜야 할 보안, 만나게 될 에러들을 미리 알아두자.
Topics · 05
레슨 단위로 펼쳐 보기
- TOPIC · 08 · 01★★
프론트엔드와 백엔드 — 3계층 아키텍처
프론트엔드(브라우저) · 백엔드(서버) · 데이터베이스 — 웹 앱의 3계층 구조.
25min·2drillsREAD → - TOPIC · 08 · 02
배포 — localhost에서 인터넷으로
localhost에서 전 세계가 접속하는 인터넷으로 — 배포 플랫폼, 도메인, DNS, CI/CD.
20min·2drillsREAD → - TOPIC · 08 · 03★★
보안 기초 — XSS와 Injection, .env 관리
XSS, SQL Injection, .env 관리 — 바이브코더가 반드시 알아야 할 보안 3대 위협.
20min·2drillsREAD → - TOPIC · 08 · 04★★
흔한 에러들 — CORS, 404, 500 해결법
CORS 에러, 404, 500 — 웹 개발에서 가장 자주 만나는 에러의 원인과 해결법.
25min·3drillsREAD → - TOPIC · 08 · 05★★
테스트 — 단위·통합·E2E·TDD
Unit·Integration·E2E 3계층 + TDD 철학 — AI가 만든 코드를 믿을 수 있게 하는 안전망.
25min·3drillsREAD →