자바 스크립트 기본 - 1 (실습 환경 조성, 데이터 타입, 형 변환)

자바 스크립트 실습 환경 조성

chapter03.js 파일

console.log("chapter03")

- 웹브라우저에서 실행할 수 있도록 매개체인 html파일을 생성한다

- scr로 파일을 불러온다 (./의 .은 현재경로를 뜻함)

 

 

자바스크립트의 변수

예약어 사용도 불가함

- 변수 타입 let 사용

---

데이터 타입의 종

- 원시 타입: 기본적인 데이터 타입

 

num

- 기본적인 사칙연산 가능

- 연산이 실패했을 때 Nan으로 값이 반환됨

ex. 1 * "hello"의 연산을 하면 오류가 발생하지 않고 nan을 반환함

 

string

- 템플릿 리터럴 문법: `(backtick)을 사용하여 다른 변수를 동적으로 포함시킬 수 있다

 

boolean 

 

null, undefined

비슷하지만 다른 데이터 타입

- null은 아무것도 값이 없다는 것을 명시적으로 할당한 것

- undefined는 아무런 값을 할당하지 않았을 때 자동으로 할당됨

---

 

 

묵바 스크립트 실습 환경 조성

chapter03.js 파일

 

console.log("chapter03")



- 웹브라우저에서 실행할 수 있도록 매개체인 html파일을 생성한다

 

- scr로 파일을 불러온다 (./의 .은 현재경로를 뜻함)

 

 

 

 

 

자바스크립트의 변수



예약어 사용도 불가함

- 변수 타입 let 사용

 



데이터 타입의 종

- 원시 타입: 기본적인 데이터 타입

 

 

 

num

 



- 기본적인 사칙연산 가능

 

- 연산이 실패했을 때 Nan으로 값이 반환됨

 

ex. 1 * "hello"의 연산을 하면 오류가 발생하지 않고 nan을 반환함

 

 

 

string

 



- 템플릿 리터럴 문법: `(backtick)을 사용하여 다른 변수를 동적으로 포함시킬 수 있다

 

 

 

boolean 

 



 

 

null, undefined

 



비슷하지만 다른 데이터 타입

- null은 아무것도 값이 없다는 것을 명시적으로 할당한 것

 

- undefined는 아무런 값을 할당하지 않았을 때 자동으로 할당됨

 

 

 



 

 

묵시적 형 변환

- 자바스크립트 엔진이 num 10을 string 타입으로 알아서 변환하여 콘솔에 1020으로 출력이 됨

 

명시적 형 변환

- Number 함수로 string 변수를 num 변수로 변환함 (str)

- 변수에 문자가 포함되어 있다면 parseInt 변수를 사용해야 Nan이 나오지 않음 (str2)

하지만, 문자가 맨 앞에 있다면 num 타입으로 변환되지 않는다