📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
프론트엔드와 백엔드 (frontend / backend)
💬 쉬운 뜻
웹사이트는 두 부분으로 나뉘어요. 손님이 직접 보고 만지는 ‘홀’(화면·버튼·글자)이 프론트엔드(앞단), 손님 눈엔 안 보이는 ‘주방’(주문 처리·재료 보관·계산)이 백엔드(뒷단)예요. 식당에서 손님은 홀만 보지만 진짜 일은 주방에서 일어나죠. ‘프론트엔드=보이는 것’, ‘백엔드=뒤에서 처리하는 것’으로 외우면 쉬워요.
🧭 이 상황에서
AI에게 사이트를 만들어 달라고 할 때, ‘화면(프론트엔드)만 만들지, 뒤편 처리(백엔드)까지 붙일지’를 정해야 하는 상황이에요. 단순 소개 페이지·포트폴리오는 화면만으로 충분하지만, 회원 로그인·글 저장·주문처럼 ‘뒤에서 기억하고 처리하는 일’이 필요하면 백엔드가 있어야 해요. 어느 쪽 이야기인지 구분하면 AI에게 정확히 시킬 수 있어요.
⌨️ 이럴 땐 이렇게 입력
- 이건 화면만 있으면 되는 소개 페이지야. 백엔드 없이 프론트엔드(화면)만 만들어줘.
- 여기에 회원 로그인과 글 저장이 필요해. 이건 백엔드가 있어야 하지? 화면(프론트엔드)과 뒤편 처리(백엔드)를 나눠서 설명하고 붙여줘.
- 지금 만든 게 프론트엔드인지 백엔드인지, 데이터가 어디 저장되는지 그림으로 정리해줘.
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 “이건 프론트엔드(화면)만 있는 정적 페이지예요”라고 하면 = 손님이 보는 홀만 만들었고 뒤편 주방(저장·로그인)은 없다는 뜻이에요. 반대로 “백엔드를 붙였다”고 하면 = 데이터를 기억하고 처리하는 뒤편이 생겼다는 뜻이죠.
➡️ 다음엔 이렇게
내 기능이 ‘그냥 보여주기만’이면 프론트엔드로 충분하고, ‘기억·저장·로그인·주문’이 필요하면 “백엔드도 붙여줘”라고 하세요. 백엔드를 직접 만들기 어려우면 “백엔드는 파이어베이스로 붙여줘”라고 하면 됩니다.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈