01. 기초 자료형 및 변수 선언, 그리고 출력

1. 기초 자료형

자바 스크립트에는

1. Number(숫자형)

2. String(문자형)

3. Boolean(논리형)

4. Null(값이 유효하지 않은 상태)

5. Undefined(자료형이 지정되지 않은 상태)

6. Array(배열)

7. Object(객체)

등의 자료형(Data tpye (= Primitive Type))이 있다.

 

2. 변수 선언

보통 자바나 c의 경우에는

Datatype Name = value; 

이런 식으로 변수를 선언한다.

 

그러나 자바스크립트에서는 따로 변수형을 지정하지 않아도 된다.

자바스크립트의 경우 데이터형식 대신 var, let, const 란 예약어를 써준다.  

다음으로 var와 let, const로 선언했을 경우의 차이점을 보도록 하겠다. 

 

1. var

var로 선언한 경우 변수 재선언이 가능하다. 

실행시켜보면 각각 0과 5의 결과값을 내놓는 것을 볼 수 있다. 

2. let

let의 경우 변수의 재할당은 가능하나 재선언은 불가능하다.

이 경우에는 

과 같은 결과가 출력되는 모습을 볼 수 있다. 

 

3. const

const의 경우는 말 그대로 상수형태인 변수를 선언하게 된다. 

const로 선언한 경우

상수형태로 선언되었기에 변수의 재할당 및 재선언이 모두 불가능 한 모습을 볼 수 있다.

 

간혹 가다 내가 쓴 변수가 어떤 자료형으로 선언되었는지 헷갈릴 때가 있다.

그럴때는 typeof(  )를 사용해 주자.

그러면 이런 결과값이 나오는 것을 볼 수 있다. 

3. 출력

화면에 출력하는 방법은 2가지가 있다. 

1. 웹 브라우저 화면에 출력시키기

document.write(  ) 라는 명령문을 통해 실행시킨다. 

다음과 같이 웹 브라우저 화면에서 실행되는 모습을 볼 수 있다. 

 

2. 콘솔 창에 출력시키는 

console.log(  ) 명령문을 통해 실행시킨다. 

 

비쥬얼 스튜디오 코드 내에서 실행시켰을 때 (ctrl + alt + n) 의 결과

그러면 다음과 같은 결과가 출력되는 것을 볼 수 있다.

구글창의 콘솔에서도 확인이 가능하나 (F12키) 편의상 프로그램 내에서 확인했다. 

 

 

 

추가적으로 자바스크립트 분석을 위해서 

Node.js

가 필요하니 공식 홈페이지에서 다운받아 설치하자.

 

 

 

+++++

 

 

 

자바스크립트는 기본적으로 HTML과 연동해서 동작하기에 

자바스크립트 파일을 다운받고 실행시키는 과정에서

병목현상

이 발생하게 된다. 

이를 적절히 처리하기 위해서 async, defer라는 키워드가 제공된다.

 

1. async :

문서를 피싱하는 동안 스크립트를 만나면 문서 피싱과 함께 스크립트를 다운받는다.

스크립트 다운이 완료되면 즉시 스크립트를 실행하게 되고,

해당 스크립트를 실행하는 동안은 문서 피싱을 멈추고

스크립트 실행이 끝난 후 남은 문서를 읽는다. 

 

2. defer :

스크립트를 다운하는 동안 문서 피싱을 멈추지 않고 끝까지 수행한다.

스크립트는 </html> 태그를 만났을 때 실행된다.

(사용하지 않는 것이 기본값이다.)