1.3.1 프런트엔드와 백엔드의 개념

집에서 노트북으로 쇼핑몰에 접속해 옷 한 벌을 주문했습니다. 그런 다음 약속이 있어 밖에 나왔다가 배송이 시작됐는지 궁금해 휴대폰에 깔린 쇼핑몰 앱으로 배송 상태를 확인했습니다. 이처럼 쇼핑몰은 노트북의 웹 브라우저로도 볼 수 있고, 모바일 앱으로도 볼 수 있습니다. 인터넷이 연결된 곳이라면 어디서든 쇼핑몰의 모든 기능을 이용할 수 있는데, 이는 백엔드를 공유하기 때문에 가능한 일입니다.

백엔드에서는 데이터베이스의 주문 내역을 저장하거나 상품 목록을 가져오는 일을 합니다. 그런데 사용자가 직접 데이터베이스를 다루기 어려우니 프런트엔드에서 웹 화면과 앱 화면을 만듭니다. 두 화면을 따로 개발하지만 같은 백엔드 서버에서 정보를 가져오기 때문에 사용자가 웹에서든 앱에서든 똑같은 기능을 이용할 수 있습니다. 이렇게 서비스에서 사용자가 보는 화면 영역을 프런트엔드(front-end), 뒤에서 데이터를 처리하는 영역을 백엔드(back-end)라고 합니다.

그림 1-3 프런트엔드와 백엔드