바이브 코딩 입문43 / 51
8장 앱의 구조: 프론트엔드·백엔드·API

프론트엔드 — 사용자가 보는 곳

하나의 앱(서비스)은 크게 두 세계로 나뉩니다: 사용자가 보는 프론트엔드와, 뒤에서 일하는 백엔드. 식당에 비유하면 딱 맞습니다.

프론트엔드홀 — 손님이 보는 곳브라우저 화면백엔드주방 — 처리하고 보관하는 곳서버 · 데이터베이스요청응답
프론트엔드 = 홀(손님 응대), 백엔드 = 주방(요리·보관)

프론트엔드(Frontend)사용자의 화면 그 자체입니다. 앞 장에서 배운 HTML·CSS·JS로 만들어지고, 브라우저(또는 앱)가 그려서 보여 줍니다. 버튼, 목록, 입력창 — 눈에 보이고 손으로 누르는 모든 것이죠.

  • 어디서 도나: 사용자의 브라우저·휴대폰 안에서
  • 무엇을 하나: 화면을 그리고, 입력을 받고, 결과를 보여준다

핵심: “화면이 이상하다”, “버튼 위치를 바꾸고 싶다” 같은 이야기는 대부분 프론트엔드의 영역입니다.

목차