프론트엔드 백엔드 차이점 - 개념, 사용언어

프로그래밍 공부를 하다보면 프론트엔드, 백엔드개발자 라는 단어를 많이 접했을 것입니다.

이 두개의 개념을 알아야 어떤 쪽으로 진로를 잡고 공부를 할지 정하는데 도움이 됩니다.

물론 2가지 분야를 다 개발하면 좋겠지만 그건 나중의 일이니까요. 

이번시간에는 프론트엔드 백엔드 개념과 차이점을 설명하고 엔드별 사용하는 언어도 알아보겠습니다.

---

 

프론트엔드(FRONT END)

1. 프론트엔드란?

인터넷을 사용하는 사용자들이 직접적으로 보는 화면을 개발하는 부분입니다.

주소입력창, 로그인 화면, 검색화면 등 레이아웃 변경등이 이에 해당됩니다.

프론트엔드는 주로 UI (User interface) / UX (User Experience) 개발 중심입니다. 

 

UI (USER INTERFACE)

UI는 사용자가 제품/서비스를 사용할 때, 마주하게 되는 면 입니다.
즉, 사용자가 제품/서비스와 상호작용할 수 있도록 만들어진 매개체인 것 이지요.
따라서 UI 디자인은 폰트, 칼라, 레이아웃과 같이 사용자가 마주하게될 시각적인 디자인을 말합니다.

UX (USER EXPERIENCE)

UX는 사용자 경험의 약자로, 사용자가 어떠한 서비스/ 제품을 직간접적으로 이용하면서 느끼는 종합적인 만족을 의미합니다.
UX 디자인이란 사용자에게 만족스러운 경험을 제공하는 UI를 디자인 하는 것입니다. 즉, 사용자가 만족할 수 있도록 사용자 중심적으로 설계된 디자인이라고 볼 수 있습니다.

 

 

 

2. 프론트엔드 개발언어

프론트엔드를 개발할때 사용하는 언어는 다음과 같습니다.

 

프론트엔드 개발언어

- HTML

- CSS

- Javascript

 

프론트엔드 프레인워크

- React

- Angular

- Vue.js

- Bootstrap

 

프레임워크란?
애플리케이션 구조에 대한 가이드라인과 기반 코드를 제공하는 개발 툴

 

---

백엔드(BACK END)

1. 백엔드란?

백엔드는 웹사이트 or 어플리케이션의 서버와 데이터베이스를 관리하는 기술입니다. 

프론트엔드와 다르게 눈에 보이지 않는 곳의 개발을 담당합니다.

 

웹사이트를 사용하는 사용자가 데이터를 입력하면 이 정보를 받아 저장하고 결과를 반환하는 일을 수행합니다.

가시적으로 보이는 개발이 아니기 때문에 프론트엔드에 비해 재미가 떨어진다고 생각합니다. 처음 개발을 하시는 분들은 프론트엔드부터 진행해 보시는 것을 추천합니다.

 

2. 백엔드 개발언어

백엔드를 개발할때 사용하는 언어는 다음과 같습니다.

 

백엔드 개발언어

- JAVA

- PYTHON

- C++

- PHP

 

백엔드 프레인워크

- Laravel
- Django
- Spring Boot
- Express

 

프레임워크란?
애플리케이션 구조에 대한 가이드라인과 기반 코드를 제공하는 개발 툴