프론트엔드 (Front-end) VS 백엔드 (Back-end)

프론트엔드와 백엔드는 소프트웨어 개발에서 자주 사용되는 용어로, 각각 시스템의 사용자 인터페이스와 서버 측 기능을 의미합니다. 쉽게 설명하기 위해 웹사이트를 예로 들어볼게요.

 

■ 프론트엔드 (Front-end): 프론트엔드는 사용자가 직접 상호작용하는 부분입니다. 웹사이트의 디자인, 버튼, 텍스트, 이미지 등 모든 시각적 요소가 포함됩니다. 예를 들어, 사용자가 웹사이트에 접속했을 때 보게 되는 모든 화면이 프론트엔드입니다. HTML, CSS, JavaScript와 같은 언어가 주로 사용됩니다.
예시:
• 쇼핑몰 웹사이트: 사용자가 상품을 검색하고, 장바구니에 담고, 결제하는 화면.
• SNS: 사용자가 게시물을 작성하고, 댓글을 달고, 좋아요를 누르는 화면.

 

 

■ 백엔드 (Back-end): 백엔드는 사용자가 직접 보거나 상호작용하지 않는 부분으로, 서버, 데이터베이스, 애플리케이션 로직 등이 포함됩니다. 프론트엔드에서 발생한 요청을 처리하고, 데이터를 저장하거나 불러오는 역할을 합니다. 예를 들어, 사용자가 로그인할 때 입력한 정보를 확인하고, 데이터베이스에서 사용자 정보를 가져오는 과정이 백엔드에서 이루어집니다. 주로 사용되는 언어로는 Python, Java, Ruby, PHP 등이 있습니다.
예시:
• 쇼핑몰 웹사이트: 사용자가 결제 버튼을 누르면 결제 정보를 처리하고, 주문 내역을 데이터베이스에 저장하는 과정.
•  SNS: 사용자가 게시물을 작성하면, 그 게시물을 서버에 저장하고, 다른 사용자가 볼 수 있도록 데이터를 제공하는 과정.

이렇게 프론트엔드와 백엔드는 각각 사용자와의 상호작용 부분과 서버 측 기능을 담당하며, 서로 협력하여 하나의 완전한 시스템을 구성합니다.