JavaScript란
JavaScript는 개발자가 대화식 웹 페이지를 만들기 위해 사용하는 프로그래밍 언어입니다.
클라이언트 측 스크립팅 언어로서 JavaScript는 월드 와이드 웹의 핵심 기술 중 하나입니다.
ex) 인터넷 탐색 시 웹페이지에서 이미지 슬라이드쇼, 클릭하면 표시되는 드롭 다운 메뉴 또는 객체 색상의 동적 변화를 보게 된다면 이는 JavaScript의 효과를 보는것입니다.
JavaScript는 무엇에 사용될까
JavaScript는 웹 애플리케이션을 보다 동적으로 만드는 브라우저 측 기술로 등장했습니다. JavaScript를 사용하면 브라우저는 사용자 상호 작용에 응답해서 웹 페이지의 콘텐츠 레이아웃을 변경할 수 있습니다.
언어가 성숙해짐에 따라 JavaScript 개발자는 라이브러리, 프레임워크 및 프로그래밍 사례를 구축해서 웹 브라우저 외부에서 사용하기 시작했습니다. 오늘날에는 클라이언트 측 및 서버 측 개발 모두에 JavaScript를 사용할 수 있습니다.
JavaScript는 어떻게 작동할까
모든 프로그래밍 언어는 영어와 유사한 구문을 기계어로 변환하여 운영 체제가 이 기계어를 실행하는 방식으로 작동합니다.
JavaScript는 스크립팅 언어 또는 인터프리터 언어로 크게 분류됩니다.
클라이언트 측 JavaScript와 서버 측 JavaScript의 차이점은 새 콘텐츠를 생성하는 방식에 있습니다.
서버 측 코드는 애플리케이션 로직 사용 및 데이터베이스 데이터 수정을 통해 새 콘텐츠를 동적으로 생성합니다.
반면 클라이언트 측 JavaScript는 사용자 인터페이스 로직 사용 및 클라이언트 상의 기존 웹 페이지 콘텐츠 수정을 통해 브라우저 내부에서 새 콘텐츠를 동적으로 생성합니다.
-
자습
자바스크립트 엔진의 대표적인 예는 Google V8 엔진이다. C++로 작성되었으며, 구글이 개발한 오픈소스이다.
V8 은 Chrome과 Node.js에서 사용한다. -
인터프리터 언어/컴파일 언어
컴파일을 하는 시점과 방법을 기준으로 컴파일 언어(C언어, Java, 등)와 인터프리터 언어(Python, Javascript)로 나뉘게 됩니다.
컴파일 언어
반드시 기계어로 컴파일되어야만 실행시킬 수 있는 프로그래밍 언어
코드를 기계어로 번역해 (컴파일) 목적 파일을 만드는 시간이 필요하다.
컴파일할 때 오류가 있다면, 기계어 번역을 통해 빌드되지 않아 실행도 되지 않는다. -
자습은 스크립트언어/인터프리터 언어로 구분됨
인터프리터 언어
컴파일러를 거쳐서 기계어로 변환되지 않고 바로 실행되는 프로그래밍 언어
목적 파일이 없기 때문에 빌드시간이 없고, 코드가 작성될 때마다 인터프리터가 한 줄씩 해석해서 바로 명령어를 실행
문법적인 오류가 있어도 실행은 시작된다.
스크립트 언어
응용 소프트웨어를 제어하기 위해 사용하는 프로그래밍 언어
인터프리터 방식에 사용하기 위해 나온 것으로 최종 사용자가 응용 프로그램을 수정할 수 있도록 한다.
예를 들어, JavaScript를 통해 웹 브라우저(응용 프로그램)를 어떻게 실행할지 정한다. -
라이브러리(데이터시각화 돔/http/css/제이쿼리)
JavaScript 라이브러리는 웹 개발자가 표준 JavaScript 함수를 실행하기 위해 재사용할 수 있는 미리 작성된 코드 조각의 모음입니다. JavaScript 라이브러리 코드는 필요에 따라 나머지 프로젝트 코드에 연결됩니다. JavaScript 애플리케이션 코드를 집이라고 가정한다면, JavaScript 라이브러리는 개발자가 집의 기능을 개선하는 데 사용할 수 있는 미리 제작된 가구와 같습니다.
다음은 JavaScript 라이브러리의 몇 가지 일반적인 용도입니다.
데이터 시각화
데이터 시각화는 예를 들어 사용자가 관리자 패널, 대시보드 및 성능 지표에서 통계를 확인하는 데 중요합니다.
Chart.js, ApexCharts 및 Algolia Places와 같은 라이브러리에는 차트 및 지도에 데이터를 표시하는 웹 애플리케이션을 만드는 데 사용할 수 있는 내장 함수가 있습니다.
DOM 조작
jQuery 및 Umbrella JS와 같은 라이브러리를 사용하면 메뉴 애니메이션, 이미지 갤러리, 버튼, 라이트박스 등과 같은 표준 웹 사이트 기능을 위한 코드를 제공하므로 쉽게 웹 개발을 할 수 있습니다.
양식
모든 웹 개발은 웹 사이트 방문자가 누군가에게 연락하고, 제품을 주문하고, 이벤트에 등록하기 위한 양식을 사용합니다. wForms, LiveValidation, Validanguage, qForms와 같은 일부 JavaScript 라이브러리는 양식 검증, 레이아웃, 조건, 변환 등의 양식 기능을 단순화합니다.
수학 및 텍스트 함수
많은 웹 애플리케이션은 수학 방정식을 풀고 날짜, 시간 및 텍스트를 처리해야 합니다. 이러한 모든 요청을 서버로 보내는 대신 클라이언트 측에서 일부 요청을 처리하는 것이 더 효율적입니다. 웹 개발자는 Date.js, Sylvester 및 JavaScript URL 라이브러리와 같은 JavaScript 라이브러리를 사용하여 이를 수행합니다.
- 프레임워크
JavaScript 라이브러리와 마찬가지로 JavaScript 프레임워크는 다양한 함수가 실행되고 재사용할 수 있는 미리 작성된 코드 조각의 모음입니다. 그러나 JavaScript 라이브러리가 온디맨드 용도의 전문 도구인 반면, JavaScript 프레임워크는 모든 웹 애플리케이션의 형성 및 구성에 도움이 되는 전체적인 도구 집합입니다. JavaScript 애플리케이션 코드를 집으로 가정한다면 JavaScript 프레임워크는 집을 짓는 데 사용되는 청사진입니다.
다음은 JavaScript 프레임워크에 대한 몇 가지 사용 사례 예시입니다.
웹 및 모바일 애플리케이션 개발
AngularJS는 전자 상거래 애플리케이션, 실시간 애플리케이션 및 비디오 애플리케이션과 같은 웹 애플리케이션의 개발 및 테스트를 단순화하는 프레임워크입니다. React Native는 iOS 및 Android용으로 기본 렌더링된 모바일 애플리케이션 개발을 지원하는 또 다른 프레임워크입니다.
반응형 웹 개발
반응형 웹 사이트는 모든 디바이스에서 일관된 사용자 경험을 제공합니다. 예를 들어, 모바일 및 태블릿 화면은 데스크톱 및 노트북 화면보다 작습니다. 더 작은 화면에서도 웹 사이트 화면이 잘리지 않고 데이터가 정확하게 표시되기를 원할 것입니다. 개발자는 Bootstrap 및 Ember.js와 같은 프레임워크를 사용하여 반응형 디자인의 이점을 누리고 다양한 플랫폼에서 웹 사이트의 모양과 느낌을 쉽게 사용자 지정할 수 있습니다.
서버 측 애플리케이션 개발
Node.js는 브라우저 외부에서 JavaScript 코드를 실행하는 서버 측 오픈 소스 JavaScript 프레임워크입니다. 개발자는 이 프레임워크를 사용하여 확장 가능하고 빠르며 안정적인 네트워크 기반의 서버 측 애플리케이션을 구축합니다. HTTP 요청 및 데이터 스트림을 처리하고, 파일 시스템을 지원하며, 여러 백엔드 프로세스를 동시에 관리할 수 있습니다.
