자바스크립트JavaScript 개요/ 개발환경 설정

0.자바스크립트 개요

자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로,  웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다. 웹페이지에서 아이콘의 반응이 일어나거나( 포커싱), 페이지가 전환되는 등의 동적인 기능을 추가하기 위한 언어이다.

명령형, 함수형 프로토타입 기반의 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다

 

자바스크립트는 일반적으로 인터프리터 언어로 구분한다. 전통적인 컴파일러 언어와 비교하면

컴파일러 언어	인터프리터언어
코드가 실행되기 전 단계인 컴파일 타임에 소스 코드 전체를 한번에 머신 코드로 변환 후 실행한다	코드가 실행되는 단계인 런타임에 문 단위로 한 줄씩 중간코드인 바이트 코드로 변환 후 실행한다
실행파일을 생성한다	실행파일을 생성하지 않는다.
실행에 앞서 컴파일은 단 한번 수행된다	코드가 실행될 때마다 인터프리트 과정이 반복 수행된다
실행에 앞서 컴파일은 단 한번 수행된다	코드가 실행될때마다 인터프리트 과정이 반복 수행된다
컴파일과 실행 단계가 분리되어 있으므로 코드 실행속도가 빠르다	인터프리트 단계와 실행단계가 분리되어 있지 않고 반복수행되므로 코드 실행속도가 비교적 느리다

 

 

1.자바스크립트 개발 환경

 

1)Node.js 설치

Node.js란?

NodeJS 는 구글 크롬의 자바스크립트 엔진 (V8 Engine) 에 기반해 만들어진 비동기 I/O 처리 / 이벤트 위주, 빠른속도, 단일쓰레드, 뛰어난 확장성 노 버퍼링, 라이센스 등의 특징을 가진 서버 사이드 플랫폼

 

 

1_0) 설치확인

 

윈도우 검색창에서 cmd를 입력하여 명령 프로프트 창을 실행한다.명령어node - v를 입력하여 현재 컴퓨터에 설치된 node.js의 버전을 확인한다

1_1)Node.js 설치 https://nodejs.org/ko/

Node.js

LTS (안정화 버전) : 장기 지원 버전, 곧 LTS(Long Term Support)는 일반적인 경우보다 장기간에 걸쳐 지원하도록 특별히 고안된 소프트웨어의 버전 또는 에디션이다. 이것은 특히 리눅스를 비롯한 오픈소스 프로젝트에서 적용되고 있다.: 사용권장

옵션이 특별하게 필요한게 없는경우 노드제이에스에 굳이 남길필요가 없다?? 특별히 설정을 바꿀것 없이 설정을 할 필요가 없다

 

1_2)설치 확인

Node.js가 설치된 cmd 창

 

 

2) Visual Studio Code
마이크로소프트에서 개발한 텍스트 에디터 MS의 개발 툴 중 최초로 크로스 플랫폼을 지원하는 에디터이며 윈도우, macOS, 리눅스를 모두 지원한다.

자체 터미널 기능이나 언어에 따른 신택스 컬러링을 지원한다는 것을 빼면 여타 다른 프로그래머용 에디터와 큰 차이가 없지만 확장 기능이라는 가장 큰 강점을 가지고 있다. 단순 에디터를 넘어 IDE 수준까지 확장할 수 있는 것이 특징으로 Microsoft의 공식 문서에서도 이러한 확장 기능을 사용한 사용 예제를 제공하고 있다. HTML, CSS, JavaScript 개발환경으로 주로 사용된다.

 

2_0)다운로드

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

Visual Studio Code 개발 지원 언어를 소개한다