프론트엔드 vs 백엔드, 뭐가 다른 건가요? — 병원으로 쉽게 이해하기

개발 관련 대화를 듣다 보면 프론트엔드, 백엔드라는 단어가 자주 등장합니다. 이 두 용어, 도대체 어떻게 다른 걸까요? 오늘은 우리 모두가 한 번쯤 가봤을 병원을 예로 들어 쉽게 풀어보겠습니다.

 

병원으로 이해하는 프론트엔드와 백엔드

병원에 가면 크게 두 곳의 공간이 있습니다. 하나는 환자가 직접 들어가는 접수처, 대기실, 진료실이고, 다른 하나는 환자 눈에 보이지 않는 의무기록실, 검사 분석실, 처방 시스템입니다.

 

프론트엔드 — 환자가 직접 마주치는 공간

병원 입구에 들어서면 가장 먼저 접수 창구가 보입니다. 이름을 말하면 직원이 안내해 주고, 화면에 대기 번호가 뜨고, 진료실 문에는 의사 이름이 붙어 있습니다. 이 모든 것이 프론트엔드입니다.

 

앱으로 보면, 병원 예약 앱에서 달력을 탭해 날짜를 고르고, 의사 목록이 카드 형태로 쭉 나열되고, 예약 버튼을 누르면 초록색으로 바뀌는 것들이 전부 프론트엔드의 영역입니다. 사용자가 보고 누르고 느끼는 모든 것이 여기에 해당합니다.

 

백엔드 — 환자는 볼 수 없지만 실제로 일이 일어나는 곳

예약 버튼을 눌렀을 때 화면 뒤에서는 무슨 일이 벌어질까요? 내 이름과 주민번호가 병원 데이터베이스에서 조회되고, 해당 날짜에 의사의 스케줄이 비어 있는지 확인하고, 예약이 완료되면 문자 발송 시스템이 자동으로 알림을 보냅니다. 이 모든 과정이 백엔드에서 일어납니다.

 

환자는 접수 화면만 보지만, 그 안에서는 보험 자격 확인, 현재 복용 중인 약 조회, 이전 진료론 연동 등 수십 개의 작업이 실시간으로 돌아갑니다. 백엔드는 눈에 드러나지 않지만, 서비스 전체를 실질적으로 움직이는 실제 엔진입니다.

 

문제가 생겼을 때, 어떤 즉 문제인지 구분하는 법

병원 앱에서 오류가 났다고 가정해 봅시다. 어떤 문제인지 금방 구분할 수 있습니다.

 

 

프론트엔드 문제라면: 달력이 화면을 벗어나거나, 예약 버튼이 눌리지 않거나, 글자가 겹쳐 보이는 경우입니다. 기능은 살아 있는데 화면이 망가진 상태입니다.

 

백엔드 문제라면: 예약 버튼을 눌렀는데 빙글빙글 로딩만 돌다가 아무것도 안 되거나, 갑자기 모든 사용자가 동시에 로그아웃 되거나, 결제가 됐다는 알림이 오지 않는 경우입니다. 화면은 멀쩡한데 실제 처리가 안 되는 상태입니다. AWS나 네이버 클라우드 같은 서버 인프라에 문제가 생기면, 전혀 다른 서비스들이 한꺼번에 먹통이 되는 것도 바로 이 백엔드 장애입니다.

 

한 줄 정리

프론트엔드는 환자가 직접 보고 만지는 접수처, 대기실, 진료실입니다. 백엔드는 환자 눈에 보이지 않지만 실제 진료와 처방, 기록이 이루어지는 의무기록실이자 검사 분석실입니다. 다음에 앱이나 웹사이트에서 무언가 이상하다는 느낌이 들면, 화면이 이상한지, 아니면 기능 자체가 안 되는지를 먼저 따져보세요. 그것만으로도 프론트엔드와 백엔드를 꽤 정확히 구분할 수 있게 됩니다.