WEB - 웹 프로그래밍 그리고 백엔드와 프론트엔드

웹 프로그래밍

지난 포스트에서 원시적인 웹 서비스 구조에 대하여 알아보았습니다. 

이런 원시적인 웹 서비스의 형태는 서버에서 저장된 HTML형태의 정보를 사용자에게 전달해주는 역할을 하고 있습니다.

하지만 현대적인 웹 프로그래밍 구조는 약간의 차이가 있습니다. 

대략적인 구조를 보자면 아래와 같을 것입니다.

 

그림처럼 오늘날의 웹 서비스 구조는  사용자와 서버 간의 일방적인 요청과 제공이 아니라 서로 정보를 주고받으면서 개발자들에 의해 만들어진  프로그램에 의해 다양한 형태로 상호 간에 저장과 가공을 하게 됩니다.  이런 웹 서비스 구조의 영역이 거대해지면서 프런트엔드 / 백 엔드라는 구분이 생기기 시작했습니다.

 

백 엔드 

그림처럼 서버 사이드 쪽 프로그래밍 영역을 대부분 백엔드 영역이라고 일컫습니다. 이런 백 엔드에서 하는 일을 다양하지만 주로 아래와 같은 영역의 일을 많이 하게 됩니다.

• 데이터 베이스의 구조 설계 사용
• 사용자의 요청에 따른 데이터 베이스의 데이터들을 저장 또는 읽어와 필요한 정보의 형태로 가공 
• 가공된 정보의 형태를 HTML로 제공 또는 가공된 정보 자체를 통신망을 통해 유저 사이드로 제공

프런트 엔드

프런트 엔드는 반대로 유저 사이드 쪽 프로그래밍 영역을 일컫습니다. 이 프런트 엔드 영역에서 주로 하는 일을 아래와 같습니다.

• 받아온 데이터들을 이용하며 HTML을 가공 또는 수정
• 필요한 데이터들을 서버에게 요청 데이터를 전송 또는 요청
• View의 디자인 레이아웃 등의 설계

비슷한 거 같은데? 

네, 과거에는 백엔드는 주로 데이터를 가지고 가공을 하고 프런트엔드는 가공된 데이터들을 처리에서 화면에 보여주는 역할을 주로 했습니다. 하지만 오늘날의 웹 기술의 발전으로 양쪽의 모두에서 구분되었던 일들을 할 수 있게 되었습니다. 

물론 주력으로 사용하는 프로그래밍 언어들이나, 영역을 아직까지 구분되어있지만 한쪽에서만 가능하던 일들이 양쪽으로 분산될 수 있기 때문에, 다양한 서비스 형태에 따라 한쪽에만 집중적으로 부하를 받는 구조에서 부담을 줄일 수 있는 구조가 형성이 되었습니다.