프론트엔드(Front-End)와 백엔드(Back-End)는 뭐가 다를까?

프론트 엔드(Front-End)

사용자가 직접 보는 화면을 담당하는 부분으로, 사용자와 상호작용하는 인터페이스를 개발하는 분야이다.

• 보통 사용자의 브라우저나 앱 화면에서 실행된다.

 

사용하는 기술

• HTML : 구조
• CSS : 디자인
• JavaScript : 동작/기능
• FrameWork/Library : React, Vue, Angular 등이 있다.

구현 및 목표

• 구현 : 시작적 요소, UI
• 목표 : 사용자 경험을 향상시키는 것이다.

 

---

 

 

백엔드 (Back-End)

사용자가 직접 보지 못하는 부분으로, 사용자의 행동을 처리하고, 정보를 저장, 관리, 전달하며, 서버와 데이터베이스를 구현 및 관리하는 분야이다.

• 프론트 엔드에서 요청을 받으면, 백엔드에서 처리하여 응답을 돌려준다.

 

사용하는 기술

• 프로그래밍 언어 : Java, Python, Node.js, PHP, Ruby 등
• 서버 프레임워크 : Spring, Django, Express 등
• 데이터베이스 : MySQL, PostgreSQL, MongoDB, Firebase 등

구현 및 목표

• 구현 : 서버 구현, 데이터베이스 관리 및 API 설계 및 생성
• 목표 : 사용자의 이용에 불편함이 없게 오류 없이 실행되도록하는 것이다.

 

---

 

 

 

프론트 엔드와 백엔드 소통 방법

• 보통 API를 통해 소통한다.
• 프론트엔드가 서버(백엔드)에 요청(Request)을 보내고, 백엔드는 데이터를 처리해서 결과를 다시 돌려준다(응답 : Response).

 

 

 

 

https://kimyongjun0129.tistory.com/80

[CS] API란?