프론트엔드개발자와 백엔드개발자가 하는일과 언어

#프론트엔드개발자와 #백엔드개발자가 하는일과 프로그래밍언어

 

웹 개발은 크게 프론트엔드 와 백엔드 개발로 나눌수 있습니다.

지금까지는 단순히 프론트엔드는 웹 서비스의 사용자가 볼수 있는 부분을 담당하는것

백엔드는 사용자가 볼 수없는 부분을 담당하는것 이라고만 이해했다면 이글을 정독해보시길 추천드립니다.

​

프론트엔드(Front-End)와 백엔드(Back-End) 란?

웹 애플리케이션(웹사이트라고 보시면됩니다)은 크게 프론트엔드와 백엔드로 나뉘게 됩니다.

​

프론트엔드(Front-End)

프론트엔드는 사용자가 볼 수 있는 화면으로서 사용자 인터페이스(User Interface :UI)를 말합니다.

​

프론트엔드는 사용자가 쉽게 이용할 수 있도록 기술적으로 구현해야합니다. 편안한 이용을 위해 사용자 경험에 의한(User Experience : UX) 최적화에 초점을 맞춰서 개발 및 서비스를 하게됩니다.

​

백엔드(Back-End)

백엔드는 사용자가 볼 수 없는 영역인 서버나 데이터베이스(Database :DB)를 관리하는 기술입니다.

프론트엔드는 사용자가 편리하게 사용자 인터페이스를 이용하게 하는것 이라면 백엔드는 사용자들이 원하는

정보를 빠르고 효율적으로 관리하고 제공할 수있도록 서버를 운영하는 일을 담당합니다.

​

각각의 담당이 사용하는 언어와 특성에 대해서 아보겠습니다.

​

프론트엔드 개발에 사용되는 언어

#HTML,#CSS,#Javascript

​

1.HTML(Hyper Text Markup Language)

HTML은 웹 문서의 내용 표현에 집중합니다. 내용의 의미보다는 내용을 외양적으로 표현하는 태그에 치중합니다. 그렇기 때문에 다른 프로그래밍 언어에 비해 단순한 구조를 가지고 논리적이고 연산적인 요소가 없습니다.

정보의 구조화 및 데이터간의 연관성 표현이 어려우며 사용의 편의성은 있지만 융통성 및 확장성이 부족합니다. 번역(컴파일)되지 않은 텍스트 문서이기 때문에 편집이 쉽니다.

​

2.CSS(Cascading Style Sheets)

CSS는 HTML이라는 기본바탕위에 꾸미기를 하는 역활을 합니다. 즉 HTML에 좀 더 동적이고 확장된 형식을 제공해주기 위한 언어입니다.

HTML에서 지원할 수 없는 다양한 문자크기나 글자체 , 줄간의 지정이 가능합니다.

CSS의 다양한 기능성은 편리하고 확장된 웹문서를 만들수 있게 하지만 브라우저의 종류와 버전에 따라 적용되지 않는 기능들도 있으므로 적절하게 활용되어야 합니다.

​

웹 문서의 내용을 구성하는 html과 웹 문서의 스타일 선언하는 CSS 문법을 분리함으로써 코드를 간결해지기 때문에 오류와 버그의 확률이 줄고 수정이 편리, 유지보수가 용이해진다.

​

3.Javascript

자바스크립트는 개체지향적인 스크립트언어 입니다.

스크립트 언어(scripting language)란 응용 소프트웨어를 제어하는 컴퓨터 프로그래밍 언어를 말합니다.

스크립트 프로그래밍 언어라고도합니다.

스크립트언어의 종류에는 JQury(제이쿼리),JSP,ASP,PHP,Python(파이썬),Ruby(루비),VB(비쥬얼베이직)등이있습니다.

​

객체지향언어란 객체(Object)를 기반으로 조립하듯이 하는 프로그래밍 기법을 말합니다.

그냥 자동차를 생각하시면됩니다.

​

이렇게 프론트엔드 개발자는 HTML로 기본바탕(뼈대)를 만들고 CSS로 꾸미기를 하고 Javascript로 기능을 즉 동작을 구현하는 것을 말합니다. 사용자가 웹 애플리케이션을 사용할 때 보게되는 화면은 HTML,CSS,Javascipt가 담당하게 되는것입니다.

​

아래는 프론트엔드 개발자가 사용하는 기술들 입니다. 외부에서 가져다가 쓰는것들이니 이런것들이 있다정도?만 아셔도 좋을것같네요

AngularJS : AngulaJS는 오픈소스 레임워크로써 싱글 페이지 웹 애플리케이션(SPA)을 만드는 데 사용됩니다.

​

ReactJS : ReactJS는 declarative Javascrip 라이브러리입니다. 페이스북이 개발해서 유지관리를 해오고 있습니다.

​

​Bootstrap : Bootstrap은 반응형 웹 애플리케이션 및 웹 사이트를 구축하기 위한 오픈소스 무료 도구입니다.

​

​

백엔드 개발에 사용되는 언어

#파이썬(DJango),#자바,#자바스크립트(Node.js)#PHP등

​

1.파이썬

파이썬은 시스템을 효율적이고 빠르게 작업할 수 있게 해주는 아주 좋은 언어로써 최근에 각광받고있는 프로그래밍 언어입니다. 활용할 수있는 라이브러리도 많으며 제공되는 라이브러리중 과학분야도 잘 되어있어서 인공지능 분야에서도 이용이 활발한 언어입니다. 최근에 글로벌 기업들에서 파이썬으로 많이 개발하기 때문에 추천하는 언어입니다.

​

2.자바

자바는 인기있는 객체지향 프로그래밍 언어중 하나입니다. 자바는 백엔드에서도 사용되지만 서버,모바일,임베디드,알고리즘등 다양한 분야에서 사용되기도 합니다 최근에는 파이썬에 밀리는 경향이 있지만 아직도 사용빈도가 높은 언어입니다.

자바도 다양한 라이브러리를 제공하기 때문에 참조할 데이터양 또한 방대합니다. 검증된 오픈소스를 이용하면 빠르게 구축도 가능합니다.

​

3.PHP

PHP는 웹 개발중 서버측에서 주로 사용하는 프로그래밍 언어입니다. 요즘에는 파이썬으로 대체가 많이 되는 추세입니다.

​

4.Node.js

Node.js는 V8이라는 자바스크립트 엔진과 비동기 작업을 처리하는 libuv라는 라이브러리로 이루어져 있습니다. 자바스크립트 엔진은 비동기 처리를 할 수 없습니다. 때문에 비동기로 처리되는 코드를 만날 경우 libuv 라이브러리를 이용해 비동기를 처리하게 됩니다. 백엔드에서 많이 사용되는 엔진입니다. 

​

이렇게 프론트엔드와 백엔드에 대해서 알아봤습니다.

​이외에도 많은 언어와 기술이 사용되지만 대표적인 것만 언급했으니 참조하세요

 

요즘은 이두가지를 모두할수 있는 풀스택개발자가 대세입니다.

여러분들도 풀스택 개발자가~되시길 기원하겠습니다.