Front-End, Back-End란?

안녕하세요!

쭈니에요!

 

오늘은 IT 전공자 또는 종사자가 자주 듣는 Front-End와 Back-End에 대해서 알아보겠습니다!

 

1) Front-End (프론트엔드)

- 프론트엔드 개발자는 백엔드 API에서 가져온 데이터의 출력, 입력을 통한 비즈니스 로직 구성과 사용자와 대화하는 사용자 인터페이스 부분을 작업하는 개발자를 말한다. (출처 : 나무위키)

 

프론트엔드는 우리가 사용하는 웹 사이트와 거의 동일한 개념으로 생각하면 됩니다. 즉, 사용자가 직접 볼수 있는 화면. 다시 말해, 사용자 인터페이스를 의미합니다.

 

그렇기 때문에 가시성과 직관성이 매우 중요하게 여겨집니다. 프론트엔드를 개발하는 개발자는 사용하기 쉬워야하며, UI(User Interface)와 UX(User Experience)에 초점을 맞추어 서비스를 개발해야합니다.

 

- Front-End의 사용 언어 : HTML, CSS, JavaScript 등

 

2) Back-End (백엔드)

- 프론트에서 전달된 데이터의 포맷이나 데이터베이스 입출력 및 다양한 비즈니스 프로세스를 프로그래밍 코드로 구현하는 역할을 한다. (출처 : 나무위키)

 

백엔드는 사용자가 직접 보지 못하는 영역에 해당되는 서버나 데이터베이스를 관리하는 개념이라 생각하면 됩니다. 사용자가 프론트엔드에서 설정 또는 사용 시 이를 백엔드에서 처리 등을 실시하는 서비스를 개발하는 것입니다. 실질적으로 사용자에게 필요한 데이터 관리나 서버 운영 등을 합니다.

 

그렇기 때문에 개발 시 개발 효율성을 고려한 개발이 중요합니다. 효율적이지 못한 코딩을 하게 된다면 서버나 데이터베이스의 속도가 느려질 수 있기 때문입니다.

 

- Back-End의 사용 언어 : Java, PHP, Ruby, Python 등

 

3) Front-End와 Back-End 이해하기 쉬운 예시

 

어떻게 하면 이해하기 쉬울까 고민을 해봤는데요. 여러분들 카카오톡의 기프티콘 선물하기 기능 사용해보셨죠? 그걸을 보면 됩니다. (물론, 안드로이드 언어이기 때문에 적절한 예시는 아닐 수 있으나, 문과생들도 이해하기 쉬울 정도로 설명하기 위함이기 때문에 예시입니다.)

 

카카오톡 선물하기를 하면 구매 등 선물을 고를 수 있는 화면이 나오죠? 해당 내용처럼 우리와 같은 사용자가 직접 두 눈으로 볼 수 있는 화면을 프론트엔드 개발자가 개발하는 것이라 생각하면 됩니다. 이후 결제하기를 통해서 결제를 하게 되죠? 이런 결제를 하는 절차(Flow)는 모두 서버에서 이뤄지는 것이기 때문에 결제에 대한 내용을 백엔드 개발자가 개발하는 것이라 이해하면 됩니다. 결제가 어느 기관을 거쳐 어떤 인증을 통해 되는 것은 사용자의 두 눈으로 확인할 수 있는 영역은 아니죠? 그렇기 때문에 백엔드 개발자가 하는 영역이라 생각하시면 됩니다.

 

지금까지 프론트엔드와 백엔드의 대해서 이해하기 쉽게 설명해보았습니다. 오늘도 방문해주셔서 감사합니다~