프론트엔드와 백엔드의 차이점에 대해서

프론트엔드와 백엔드의 차이점에 대해서 알아볼까 합니다. 프로그래밍에 관심있는 분들에게는 익숙한 용어겠지만, 이제 막 입문한 분들에게는 헷갈릴 수도 있습니다. 크게 나눠보면 프론트엔드는 웹이나 모바일의 인터페이스를, 백엔드는 웹이나 모바일의 서버, 데이터 같은 뒷 부분을 담당합니다.

 

 

 

프론트엔드(FRONT-ENE)란

프론트엔드와 백엔드의 차이점은 각각의 정의에 대해서 살펴보면 자연스럽게 알 수 있습니다. 우리가 웹이나 모바일을 사용할 때 가장 먼저 보는 것은 디자인이나 인터페이스입니다. 누구는 깔끔한 레이아웃의 디자인을, 누구는 독특하고 세련된 레이아웃을 가진 인터페이스를 선호할 수도 있습니다. 이러한 인터페이스를 개발하는 것이 프론트엔드 개발이라고 볼 수 있습니다.

 

 

 

프론트엔드 개발 언어 종류

프론트엔드 개발자가 되기 위해서는 프론트엔드 개발에 관련된 언어를 배울 필요가 있습니다. 대표적인 프론트엔드 개발 언어로는 HTML, CSS, Javascript 등이 있습니다. 우리가 사용하는 티스토리 블로그 역시 HTML과 CSS로 이루어져 있는데, 티스토리 스킨 편집에 들어가보면 해당 언어를 볼 수 있습니다.

 

HTML은 웹 문서를 만들기 위해 사용하는 기본적인 웹 언어이며, 하이퍼텍스트를 작성하기 위해 개발되었다고 합니다. 평소에 우리가 사용하는 대부분의 웹페이지들은 이 HTML로 만들어졌다고 볼 수 있습니다. 문서의 글자크기, 색, 모양, 그래픽, 문서이동(하이퍼링크) 등의 명령어로써 웹 페이지를 만들 때 사용되며, 태크라는 "<>"를 사용하여 나타냅니다.

 

CSS는 개발자가 웹페이지의 다양한 스타일을 적용할 수 있게 미리 저장해둔 스타일 시트입니다. HTML롤 설계하면 수시로 변경하는데 제약이 많고, 불편합니다. 이를 보완하기 위해서 스타일 시트가 만들어 졌고, 이것의 표준언어가 CSS입니다. CSS로 글자의 크기, 글자체, 줄간격, 배경, 색상 등을 자유롭게 변경하고, 유지 보수도 더 쉽게 할 수 있습니다.

 

HTML이 웹페이지의 큰 뼈대를 담당하고, CSS가 디자인 요소를 관리한다면, Javascript는 객체지향 스크립트 언어로 웹페이지의 동작을 담당합니다. 웹사이트의 기능을 담당하는 요소라고 볼 수 있으며, 자바스크립트 프레임워크와 라이브러리가 생기면서 굉장히 인기있는 언어로 부상하게 되었다고 합니다.

 

백엔드(BACK-END)란

백엔드는 프론트엔드와는 다르게 서버와 데이터베이스와 같이 눈에 보이지 않는 부분을 담당합니다. 데이터를 저장하고 관리하며, 웹사이트의 클라이언트 측에서 모든 것이 매끄럽게 작동할 수 있게 합니다. API작성, 라이브러리 생성, 데이터베이스 통합 등이 백엔드 작업들이라고 합니다.

 

백엔드 개발 언어 종류

백엔드 개발에 사용되는 언어들은 PHP, Node.js, 프론트엔드와 동일하게 Javascript, C++, Java 등이 있습니다. 자바스크립트는 양쪽 모두에서 사용되는 언어라고 합니다.

 

PHP는 웹 애플리케이션 개발을 위해 고안된 서버측 스크립트 언어로, HTML 문서 안에 직접 포함시켜 사용하며, 동적인 웹 문서를 빠르고 쉽게 작성할 수 있습니다.

 

Node.js는 자바스크립트 엔진 'V8' 위에서 동작하는 이벤트 처리 I/O 프레임워크로, 서버 환경에서 자바스크립트로 애플리케이션을 작성할 수 있도록 도와줍니다. 프론트엔드와 백엔드를 자바스크립트라는 같은 언어로 한 번에 관리할 수 있다는 점이 Node.js의 큰 장점이라고 합니다. 모바일이나 웹 애플리케이션 용 API와 같은 백엔드 서비스 개발에 많이 사용됩니다.

 

Java는 굉장히 인기 있는 프로그래밍 언어중에 하나로, 확장성이 아주 뛰어납니다. 객체 지향 프로그래밍 언어로서 보안성이 뛰어나며, 커마일한 코드를 다른 운영체제에서 사용할 수 있도록 클래스로 제공됩니다.

 

프론트엔드와 백엔드의 차이점에 대해서 알아보았습니다. 결국 프론트엔드는 사용자가 눈으로 보고 클릭하는 모든 인터페이스나 디자인 등을 의미하며, 백엔드는 사용자들의 눈에 보이지 않는, 서버 및 데이터베이스를 관리하는 기술을 의미합니다. 프론트엔드와 백엔드는 나름 장단점이 있기 때문에 배우고 싶은 것을 선택해서 배우셔도 됩니다. 요즘에는 백엔드 기능을 외부로 대체하고(파이어베이스) 프론트엔드에 집중하기도 합니다. 파이어베이스라는 모바일 앱 개발 플랫폼인데, 이전 포스팅을 참고하시기 바랍니다.

 

모바일 앱 구축 플랫폼 파이어베이스(Firebase)란

모바일 앱 구축 플랫폼 파이어베이스(Firebase)란