01. 프론트엔드와 벡엔드의 차이

우리가 사용하는 인터넷, 스마트폰의 웹사이트 혹은 웹애플리케이션을 두 부분으로 나누라고 하면 크게 프론트엔드와 백엔드로 나눌 수 있습니다. 여기서 프론트엔드는 직접 우리 눈으로 볼 수 있는 부분을 말하고, 백엔드는 우리 눈으로 볼 수 없는 부분을 말합니다. 예를들어 신발을 사러 신발가게에 들어갔을 때 '진열장'에 보이는 신발들은 모두 프론트엔드에 해당합니다. 우리가 '진열대'에서 신발을 고르고 직원분께 사이즈를 말하면, 직원분께서는 '창고'에서 원하는 상품을 가져다 주십니다. 그때 이 '창고'가 바로 백엔드가 되는 부분입니다.

 

1) 프론트엔드

 우리와 같은 사용자가 직접 웹사이트나 앱 등의 사용자 안터페이스를 개발하는 분야를 말합니다.

 HTML, CSS, JavaScript 등의 프로그래밍 언어를 사용하여 웹사이트나 앱 디자인의 기능을 구현합니다.

 

1-1) 필요 역량

- 트랜드의 변화를 빠르게 캐치할 줄 알아야합니다.

- HTML, CSS,JavaScript 등 프로그래밍 언어에 대한 이해와 능력이 필요합니다.

- 기획자, 백엔드 개발자 등 다양한 팀원들과 협업하면서 웹 서비스를 개발하기 때문에 프로젝트관리와 협업능력이 뛰어나야합니다.

 

1-2) 필요 언어

 ① HTML

 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해 개발되었습니다.

문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰입니다.

 ② CSS

 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트입니다. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였습니다. 웹 개발자들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지·보수도 간편하게 할 수 있습니다.

 ③ JavaScript

 웹 페이지에 사용자로부터 특정 이벤트나 입력 값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트 프로그래밍 언어입니다. 예를 들면, 마우스를 HTML 문서의 특정 이미지나 텍스트 위로 가져갔을 때 이미지 크기가 커지거나 텍스트의 색이 바뀌는 기능입니다. 이외에도 React, Vue, Angular 등 다양한 프레임워크와 라이브러리를 이용할 수 있습니다.

[네이버 지식백과] CSS [cascading style sheets] (두산백과 두피디아, 두산백과)

 

 

2) 백엔드개발

 용어 자체에서 알 수 있듯이, 백엔드는 웹사이트나 웹 애플리케이션 또는 모바일 솔루션의 프로세스와 관련된 서버 측과 데이터베이스를 관리해 주는 기술입니다. 프론트엔드가 눈에 직접 보이는 영역이었다면, 백엔드는 눈에 보이지 않는 서버에서 작용하는 기술을 다룹니다.

 

2-1) 필요 역량

- 백엔드 프레임 워크에 대한 경험과 지식이 필요합니다.

- MySQL, Oracle 등 DBMS에 대한 이해가 필요합니다.

- Java, Python, Kotlin, JavaScript등의 프로그래밍 언어에 대한 이해와 능력이 필요합니다.

 

2-2) 필요 언어

① Java

객체지향프로그래밍 언어로서 C/C++에 비해 간략하고 쉬우며 네트워크 기능의 구현이 용이하기 때문에, 인터넷 환경에서 가장 활발히 사용되는 프로그래밍 언어입니다.

자바 프로그램은 운영체제의 종류에 관계없이 대부분의 시스템에서 실행 가능합니다.

② Python

웹 애플리케이션, 소프트웨어 개발, 데이터 과학, 기계 학습(ML)에 널리 사용되는 프로그래밍 언어입니다.

개발자는 Python이 효율적이고 배우기 쉬우며 여러 플랫폼에서 실행될 수 있으므로 Python을 사용합니다.

Phython 소프트웨어는 무료로 다운로드할 수 있고, 모든 유형의 시스템과 원활하게 통합되며, 개발 속도를 증가시킵니다.

③ PHP

PHP는 대표적인 웹 개발 언어 중 하나로, 많은 웹 사이트와 애플리케이션에서 사용됩니다.

WordPress, Drupal, Magento 등의 대표적인 CMS나 프레임워크가 PHP로 개발되었습니다.

④ Kotlin

Java와 100% 상호 호환 가능하며, Java와 비슷한 문법을 가지고 있어 Java 개발자들이 배우기 쉬운 언어입니다. 또한, Java보다 간결하고 안전한 코드 작성을 위한 여러 기능을 제공합니다.

 

[네이버 지식백과] 자바 [Java] (두산백과 두피디아, 두산백과)

 

 

Q. 백엔드 개발자가 되고 싶은 이유

현재 저는 프랑스학을 전공으로 두고 있는 대학생입니다. 본래의 전공은 소프트웨어였으나 새로운 것을 도전해보고 싶어서 전과겸 새로운 학문을 공부하기 시작했습니다. 새로운 학업을 접한지 2년차인 지금에서 다시 본래의 전공을 도전하고 있습니다. 원래 벡앤드보다 프론트앤드에 더욱 관심이 컸습니다. 오직 눈에 보여지는 것이니까 예쁘고 변화하는 유행에 따라 다시 디자인을 할 수 있기 때문이였습니다. 하지만 아무리 예뻐도 기능이 불편하다면 그 웹 사이트 혹은 웹 애플리케이션에 손이 많이 가지 않습니다. 이런 경험이 있기 때문에, 어느 순간부터 백엔드에 더욱 몰두해보고 싶다는 생각이 들었습니다. 그래서 비로소 지금에서야 백엔드를 다시 시작하려고 합니다. 더 나은 기능을 쓰고 싶으며, 모두 편안한 웹 생활을 했으면 했기 때문입니다. 
 또한, 백엔드는 세계 각국 어디서나 필요로 하는 직업 중에 하나입니다. 백엔드 개발자가 되어 커리어를 쌓은 뒤 더 넓은 세상을 보기 위해 외국으로 파견을 나가는 삶도 꿈꾸고 있습니다.