Frontend vs Backend
모든 앱의 두 반쪽
⏱ 예상 ~4분
01 · 읽기
대부분의 소프트웨어는 두 반쪽으로 나뉘어요: frontend (프론트엔드) 와 backend (백엔드).
Frontend 는 여러분이 보고 상호작용하는 모든 것 — 버튼, 메뉴, 애니메이션, 텍스트, 이미지예요. 여러분의 브라우저나 휴대폰에서 실행돼요.
Backend 는 뒤에서 일어나는 모든 것 — 비밀번호 인증, 결제 처리, 데이터베이스 조회, 이메일 발송 같은 거예요. 어느 서버에서 실행돼요.
음식점을 떠올려 보세요. frontend 는 손님 자리예요 (손님이 앉아서 메뉴를 보고 식사하는 곳). backend 는 주방이에요 (음식이 준비되고, 주문이 관리되고, 재고가 관리되는 곳). 손님은 주방을 절대 못 보지만, 진짜 일은 모두 거기에서 일어나요.
핵심 정리
- Frontend = 사용자가 보고 상호작용하는 것 (HTML, CSS, JavaScript)
- Backend = 사용자가 보지 못하는 로직과 데이터 처리 (server, 데이터베이스, API)
- 둘은 계속 소통해요 — frontend 가 요청을 보내고, backend 가 응답해요
- 어떤 개발자는 한쪽만 전문으로 해요. "full-stack" 개발자는 양쪽 다 해요
02 · 분류 드래그
각 항목을 앱의 알맞은 반쪽으로 끌어다 놓으세요. Frontend 일까요, Backend 일까요?
(이 섹션은 인터랙티브해요 — JavaScript를 켜 주세요.)
03 · 짝짓기
각 예시를 앱의 어느 부분이 처리하는지에 맞춰 짝지어 보세요.
(이 섹션은 인터랙티브해요 — JavaScript를 켜 주세요.)
04 · 퀴즈
비밀번호를 입력하고 "로그인"을 눌렀을 때, 비밀번호는 실제로 어디에서 검증되나요?
- 여러분의 브라우저에서 (frontend)
- 주소창에서
- 서버에서 (backend)
- 휴대폰의 운영체제에서
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.