Ch.8 웹 개발 상식

웹 서비스는 보통 3개 층으로 나뉩니다. 각 층이 맡은 역할이 다르고, 서로 협력해서 하나의 서비스를 만듭니다.

비유하면 레스토랑과 같습니다. 홀(프론트엔드) — 손님이 보는 공간, 메뉴판과 테이블 주방(백엔드) — 실제 요리하는 곳, 손님은 볼 수 없음 냉장고(데이터베이스) — 재료를 보관하는 곳

Next.js의 특별함: 프론트엔드와 백엔드를 한 프로젝트에서 처리할 수 있습니다. 이런 프레임워크를 풀스택 프레임워크라고 부릅니다. 페이지도 만들고, API도 만들 수 있어서 바이브코더에게 특히 유리합니다.

localhost = 내 컴퓨터에서만 접근 가능한 주소입니다. 다른 사람이 내 웹사이트를 보려면 배포가 필요합니다.

비유하면, 집에서 만든 요리(localhost)를 다른 사람에게 먹이려면 포장해서 배달(배포)해야 합니다. 아무리 맛있어도 집 밖으로 나가지 않으면 나만 먹을 수 있습니다.

배포 = 내 코드를 인터넷 서버에 올려서 누구나 접근 가능하게 만드는 것

보안은 "작동한다 ≠ 안전하다"입니다. AI가 만든 코드도 예외가 아닙니다.

비유하면 자물쇠 없는 집입니다. 도둑이 안 들어온 건 운이 좋았을 뿐, 문이 잠겨있는 건 아닙니다. 웹 보안도 마찬가지로, 공격이 없었다고 안전한 게 아닙니다.

가장 흔한 웹 보안 위협 2가지: XSS와 SQL Injection

에러는 적이 아니라 단서입니다. 에러 메시지를 읽으면 원인과 해결책이 보입니다. 무시하거나 두려워하지 말고, 메시지를 꼼꼼히 읽는 습관이 중요합니다.

에러 메시지 = AI에게 전달할 최고의 단서

CORS 에러 — 개발자가 가장 혼란스러워하는 에러입니다. 처음 만나면 무슨 소리인지 전혀 모르지만, 원리는 간단합니다.