DB(DataBase데이터베이스), BE(Back-End;백엔드), FE(Front-End;프론트엔드) 가 뭔지 알아보니..

DB(DataBase데이터베이스), BE(Back-End;백엔드), FE(Front-End;프론트엔드) 가 뭔지 알아봐았어요

 

데이터베이스(DB; Database)

데이터베이스는 데이터를 체계적으로 저장하고 관리하기 위한 시스템입니다. 데이터베이스는 다음과 같은 특징을 가지고 있습니다:

• 구조화된 데이터: 테이블, 열, 행으로 구성된 구조화된 데이터를 저장합니다.
• SQL 쿼리: 데이터를 검색하고 조작하기 위해 SQL(Structured Query Language)을 사용합니다.
• 데이터 무결성: 데이터의 정확성과 일관성을 유지합니다.
• 예: MySQL, PostgreSQL, Oracle, MongoDB 등.

 

백엔드(BE; Back-End)

백엔드는 웹 애플리케이션의 서버 측 부분을 담당합니다. 사용자가 직접적으로 볼 수 없는 영역으로, 주로 다음과 같은 역할을 합니다:

• 서버 측 논리: 비즈니스 로직과 데이터 처리 작업을 수행합니다.
• 데이터베이스 상호작용: 데이터를 저장, 검색, 갱신, 삭제하는 작업을 합니다.
• API 개발: 프론트엔드와의 통신을 위한 RESTful API 또는 GraphQL API를 개발합니다.
• 보안 및 인증: 사용자 인증 및 권한 관리를 통해 보안을 강화합니다.
• 예: Node.js, Django, Spring, Ruby on Rails 등.

 

프론트엔드(FE; Front-End)

프론트엔드는 웹 애플리케이션의 사용자 인터페이스(UI) 부분을 담당합니다. 사용자가 직접적으로 볼 수 있고 상호작용할 수 있는 영역으로, 주로 다음과 같은 역할을 합니다:

• UI 디자인: HTML, CSS를 사용하여 웹 페이지의 구조와 스타일을 만듭니다.
• 인터랙티브 기능: JavaScript와 프레임워크를 사용하여 동적인 웹 페이지를 만듭니다.
• API 호출: 백엔드 서버와 통신하여 데이터를 가져오고 표시합니다.
• 반응형 디자인: 다양한 디바이스에서 잘 동작하도록 웹 페이지를 최적화합니다.
• 예: React, Angular, Vue.js 등.
•  

예시로 살펴보기

사용자 인터페이스:

사용자가 웹 브라우저에서 쇼핑몰 사이트에 접속합니다. 웹 페이지는 HTML, CSS, JavaScript를 사용하여 브라우저에 렌더링됩니다. 사용자는 상품 목록을 보고, 상품을 검색하고, 장바구니에 추가하는 등의 인터랙션을 합니다. 이 모든 작업은 프론트엔드에서 처리됩니다.

 

서버 측 처리:

사용자가 검색을 실행하면, 프론트엔드는 백엔드 서버에 요청을 보냅니다. 백엔드 서버는 요청을 받아 데이터베이스에서 해당 조건에 맞는 상품을 검색하고, 결과를 프론트엔드에 반환합니다. 백엔드는 데이터 처리와 로직 수행을 담당하며, 보안을 유지하고 사용자의 데이터를 관리합니다.

 

데이터 저장 및 관리:

백엔드는 사용자 정보, 상품 정보, 주문 내역 등 모든 데이터를 데이터베이스에 저장하고 관리합니다. 사용자는 데이터베이스에 저장된 정보를 백엔드를 통해 요청하여 받아볼 수 있습니다.

이처럼 백엔드와 프론트엔드는 서로 협력하여 완전한 웹 애플리케이션을 구성합니다. 각각의 역할을 잘 이해하고 협력해야 사용자가 원활하게 서비스를 이용할 수 있습니다.