자바스크립트(JavaScript)로 클라이언트&서버사이드 개발하기
2019-06-04
자바스크립트 JavaScript
자바스크립트는 객체지향 스크립트 프로그래밍 언어로 웹 브라우저 내에서 주로 사용한다. 자바스크립트는 처음에 모카(Mocha)라는 이름으로 시작해서 다음에는 라이브스크립트(LiveScript)라는 이름으로 개발되었고 최종적으로 자바스크립트가 되었다. 라이브스크립트가 자바스크립트로 된 것은 넷스케이프가 넷스케이프의 네비게이터 웹 브라우저에 자바 기술 관련 지원을 시작할 즈음으로 1995년 12월 릴리즈된 넷스케이프 2.0B3부터 채택되었다. 참고로 ECMA 스크립트는 자바스크립트의 표준화된 버전으로 이 표준화를 위해 자바스크립트 기술규격을 ECMA 인터내셔널에 제출하여 ECMA-262에 의해 표준화 되었다. 자바스크립트와 J스크립트는 모두 ECMA 스크립트와의 호환을 목표로 하면서 ECMA 규격에 포함되지 않은 확장 기능을 제공한다.
웹 개발을 위한 자바스크립트
프론트엔드(Front End)개발을 위해서 필요한 기술들은 기본적으로 HTML, CSS, 자바스크립트(JavaScript) 정도가 있다. 물론 그 밖에도 백엔드 개발자가 갖추기 힘든 디자인적 감각이나 UI/UX에 대한 이해도 중요하다. 그러나 흔히 프론트엔드 개발을 말한다면 가장 핵심이 되는 기술이 바로 자바스크립트를 꼽는다. 자바스크립트 없이 웹 프로그래밍을 한다는 것은 거의 불가능한 일이 되었고 언어가 가진 수많은 한계에도 불구하고 다양한 프레임워크와 라이브러리에 힘입어 자바스크립트는 클라이언트와 서버사이드를 아우르는 프로그래밍의 표준으로 자리잡았다고 해도 과언이 아니다.
기존에 브라우저의 언어로만 여겨졌던 자바스크립트는 V8 자바스크립트 엔진의 오픈소스화 이후 Node.js를 활용해 서버 사이드 개발까지 가능하게 했고, 이제는 자바스크립트 개발자 한명이 프론트엔드부터 백엔드까지 모든 영역을 소화할 만큼 그 영역이 포괄적이고 방대해 졌다. 예전에는 기술수준이 백엔드 개발자보다 낮다고 평가되었지만 최근에는 고급 프론트엔드 수요가 늘며 백엔드 개발자와 거의 동등한 대우를 받고 있는 수준이다.
프론트엔드(Front End)개발을 위해서 필요한 기술들은 기본적으로 HTML, CSS, 자바스크립트(JavaScript) 정도가 있다. 물론 그 밖에도 백엔드 개발자가 갖추기 힘든 디자인적 감각이나 UI/UX에 대한 이해도 중요하다. 그러나 흔히 프론트엔드 개발을 말한다면 가장 핵심이 되는 기술이 바로 자바스크립트를 꼽는다. 자바스크립트 없이 웹 프로그래밍을 한다는 것은 거의 불가능한 일이 되었고 언어가 가진 수많은 한계에도 불구하고 다양한 프레임워크와 라이브러리에 힘입어 자바스크립트는 클라이언트와 서버사이드를 아우르는 프로그래밍의 표준으로 자리잡았다고 해도 과언이 아니다.
기존에 브라우저의 언어로만 여겨졌던 자바스크립트는 V8 자바스크립트 엔진의 오픈소스화 이후 Node.js를 활용해 서버 사이드 개발까지 가능하게 했고, 이제는 자바스크립트 개발자 한명이 프론트엔드부터 백엔드까지 모든 영역을 소화할 만큼 그 영역이 포괄적이고 방대해 졌다. 예전에는 기술수준이 백엔드 개발자보다 낮다고 평가되었지만 최근에는 고급 프론트엔드 수요가 늘며 백엔드 개발자와 거의 동등한 대우를 받고 있는 수준이다.
주요 자바스크립트
프레임워크 & 라이브러리
|
1. 제이쿼리(jQuery)
|
현재까지 가장 인기있는 자바스크립트 라이브러리. 순수 자바스크립트로 코딩하는 것보다 10배 이상의 생산성을 보여주며 표준에 가까운 점유율을 보임. 'write less, do more'을 모토로 하여 비 프로그래머들도 어렵지 않게 이해할 만큼 쉽고 간단하다는 점이 가장 강력한 장점.
|
|
|
2. 백본(Backbone.js)
|
웹 서비스의 서버페이지 개발 패러다임을 벗어나 자바스크립트를 활용해 프론트엔드에서 웹페이지 전체를 구현해 내는 프레임워크. 여타 프레임워크와 비교해 백본은 용량이 매우 작고, 프레임워크 자체로 가벼워 속도가 빠른 것이 특징. 다만 서비스 구조를 직접 설계해야 하므로 서비스 확장에 따른 고급 설계 기술이 필요함. 템플릿 엔진을 포함하지 않아 Handlebars와 같은 템플릿 라이브러리를 같이 조합해서 사용해야 하는 번거로움이 있음.
|
|
|
3. 앵귤러(Angular.js)
|
구글의 오픈소스 프로젝트인 앵귤러는 현재 가장 대중화된 싱글 페이지 프레임워크. 투웨이 바인딩 기술이 구현되 강력한 템플릿 엔진이 장착되어 있음. 손쉽게 싱글 페이지 애플리션 개발이 가능해 초급 개발자부터 고급 개발자까지 폭 넓게 활용하며 템플릿 엔진 자체가 너무 강력해 초급자의 경우는 성능 저하 문제를 파악하는데 어려움이 있음.
|
|
|
4. 엠버(Ember.js)
|
국내에서는 대중화 되지 않은 프레임워크. 초기에 CLI(Command line interface)를 제공하여 콘솔명령어로 쉽게 초기 파일을 자동구성하며 addon 시스템 도입으로 설치 명령어를 통한 서비스 추가가 쉬움.
|
|
|
5. 리액트(React.js)
|
최근 가장 큰 관심을 받고 있는 페이스북 오픈소스 프로젝트 라이브러리. 빠른 성능과 가벼운 용량이 특징임. 프레임워크라기 보다는 뷰(view)라이브러리에 가까우며 리덕스(Redux)라고 하는 React + Flux 데이터 처리 라이브러리를 활용하여 데이터 전송 및 관리를 함.
|
|