웹 개발을 위해 배워야 할 개발 언어(프로그래밍 언어) 종류

 앞선 포스팅에서 컴퓨터와 대화를 하기 위해서는 개발언어(프로그래밍언어)를 배워야한다고 설명했습니다.

프론트엔드와 백엔드 역할, 개발언어 : 다양한 개발자의 세계

 그렇다면 웹 개발에 필요한 프로그래밍 언어가 어떤 것이 있는지, 프로그래밍 언어 이외에 배워야할 기술에는 어떤 것이 있는지, 각 개발자별로 알아야할 언어와 기술에 대해 설명드리겠습니다.

 

개발 언어(프로그래밍 언어)

 웹개발은 크게 기본, 프론트엔드, 백엔드 영역 3가지로 나눌 수 있습니다.

 기본 영역은 프론트엔드와 백엔드 개발을 위해서는 반드시 알아두어야하는 기술입니다. (앞선 포스팅에서는 HTML, CSS, JavaScript를 프론트엔드 개발언어로 소개했지만 백엔드 개발자도 알아야 하는 언어입니다.) 기본을 익힌 후 자신의 개발 분야에 따라 프론트엔드나 백엔드의 언어와 기술을 선택해 공부해야 합니다.

 

웹 개발의 기본 : HTML, CSS, JavaScript

 웹 개발을 하기 위해서는 웹 브라우저에 정보를 표현하는 방법을 알아야합니다. 그래서 프론트엔드 개발이든 백엔드 개발이든 HTML, CSS, JavaScript 이 3가지는 기본적으로 공부를 해야합니다.

 

HTML		웹 브라우저 창에 웹 문서의 내용을 보여주기 위해 필요한 약속으로 제목과 본문, 이미지, 표와 같은 웹 요소들을 알려주는 역할을 함
CSS		- HTML로 만든 내용을 사용자가 알아보기 쉽게 꾸미거나 사용하기 쉽게 배치할 때 사용함 - 반응형 웹 디자인을 위해서 필수
JavaScript		- 동적인 효과를 위해서 필수 - 웹 개발에 사용되는 React나 Vue같은 프레임워크를 사용하기 위한 기초

• 프레임워크 : 프로그램을 만들 때 필요한 여러 기능을 쉽게 구현하도록 도와주는 도구

 

프론트엔드 개발을 위한 기술

 프론트엔드는 웹 브라우저 화면에 보이는 것을 다룹니다. 이때 HTML, CSS, JavaScript를 사용하게 됩니다. 하지만 순수 JavaScript로만 프로그램을 개발하는 것은 어려운 일이기 때문에 미리 만들어진 라이브러리와 프레임워크를 배워두면 좋습니다.

구분	종류	특징
라이브러리	제이쿼리 (jQuery)	DOM(Document Objects Model; 문서객체모델)을 활용해 웹 요소를 조작하기 쉽고 사용하기 편리함
	D3.js	웹에서 실시간으로 변하는 정보를 시각적으로 표현하기에 적합함
	부트스트랩 (Bootstrap)	- 웹 사이트 디자인을 쉽게 만들어 줌 - 반응형 디자인을 만들 수 있게 함
프레임워크	리액트 (React)	- 페이스북처럼 한 화면에서 모든 내용을 볼 수 있는 사이트나 복잡한 사이트를 개발할때 사용 - 페이스북에서 개발
	앵귤러 (Angular)	- 웹 애플리케이션을 제작할때 사용 - 구글에서 개발
	뷰 (Vue)	웹 애플리케이션에서 사용자 인터페이스를 만들때 사용

 

• 라이브러리와 프레임워크의 차이점
  - 가장 큰 차이점은 개발 흐름의 주도권을 누가 가지고 있는가에 달림
  - 라이브러리 : 개발자가 코딩할 때 자신에게 필요한 기능만 사용 가능
  - 프레임워크 : 개발자가 코딩할 때 방법부터 기능 구현까지 모두 프레임워크의 정해진 틀대로 진행

 

백엔드 개발을 위한 기술

 백엔드 개발자는 사용자가 볼 수 없는 서버의 동작을 개발합니다. 즉, 웹 브라우저 화면에 보이는 영역 외에는 모두 백엔드 개발자가 담당을 합니다. 백엔드 개발은 서버 운영체제에 따라 사용하는 언어와 프레임워크가 달라집니다. 그러므로 개발자는 개발 언어와 관련 프레임워크를 선택해서 배워야 합니다.

개발언어	프레임워크	특징
자바스크립트(JavaScript)	노드제이에스(Node.js) 익스프레스(Express)	- 노드제이에스는 자바스크립트를 실행할 수 있는 플랫폼 - 익스프레스는 노드제이에스에서 주로 사용하는 프레임워크
자바(Java)	스프링(Spring)	- 자바는 오랫동안 백엔드 개발용으로 사랑받는 언어로 안드로이드 앱, 셋톱 박스, 하드웨어용 앱을 만들 수 있음 - 스프링은 자바의 주된 프레임워크
파이썬(Python)	장고(Django)	- 파이썬은 학습과 활용이 쉬워 개발 입문자가 주로 선택하는 언어로 데이터를 많이 다르는 분야에서 유리 - 장고는 파이썬의 주된 프레임워크
PHP	코드이그나이터 (CodeIgniter)	- PHP는 백엔드 개발에서 오랫동안 사용된 개발 언어 - 코드이그나이터는 PHP의 대표적인 프레임워크

 

다음 포스팅

 다양한 개발 분야와 개발 언어, 배워야할 기술에 대한 기본 개념을 배웠습니다. 이제부터는 기본영역을 정복하기 위한 HTML, CSS, JavaScript를 순서대로 차근차근 공부하도록 하겠습니다. 이 3가지를 구현하기 위한 웹 편집기 다운로드부터 다음 포스팅에서 찾아뵙도록 하겠습니다. 감사합니다:)