JavaScript 기본 개념

== 대신에 ===를 쓴다.

 

== 데이터만 비교 (5 == '5' = True)

=== 데이터와 타입까지 비교 (5 === '5' = false)

 

변수 지정 형식

• let : 값을 바꿀 수 있는 변수 타입
• const : 값을 바꿀 수 없는 상수를 명시할 때 사용.

객체를 생성하는 방법 

• { }
• new

 

객체의 값을 불러오는 방법

• .
• [ ]

script 파일을 html 내부에 작성할때는 아주 간단할 때

 

일반적인 경우 외부의 파일에 작성하며 별도의 파일로 작성하면 브라우저가 스크립트를 다운 받으면서 캐시에 저장해 성능상 이점이 있음.

 

script에 src 속성을 이용해 외부파일 연결을 해놓고 내부 태그에 코드를 입력하면 코드는 무시된다.

 

script 파일에 가장 위 부분에

 

"use strict";

 

라고 작성하면 엄격한 모드를 실행 시킬 수 있는데

 

한번 적용시키면 되돌릴수는 없다.

 

꼭 사용해야 하나? -> x : 클래스나 모듈을 쓴다면 사용할 필요가 없다.

 

변수 이름을 지정하는 방식

알아보기 쉽게 짧은 단어들을 조합해 카멜케이스로 작성한다.

대문자 상수는 ‘하드 코딩한’ 값의 별칭을 만들 때 주로 사용.

 

대부분의 언어에서는 1/0 을 계산하면 오류가 나오지만 자바스크립트에선 Infinity 라는 특수한 값을 출력한다.

Infinity를 값으로 사용할 수도 있음.

 

자료형

BigInt

 

// 끝에 'n'이 붙으면 BigInt형 자료입니다.
const bigInt = 1234567890123456789012345678901234567890n;

 

맨 끝에 n을 붙이면 BigInt 형식으로 변환된다.

 

null 과 undefined 차이

let x;

출력 값 : undefined 변수는 지정되었지만 아직 값이 할당되지 않았음을 의미한다.

let y = null;

출력 값 : null 개발자가 의도적으로 빈 값을 집어넣었다는 의미.

 

== 비교시 True가 나오지만 === 비교시 False 가 나옴.

 

typeof : 자료형을 반환

 

prompt 함수 사용 법

 

prompt는 브라우저에서 모달창을 띄워주며 title 값과 textarea에 넣을 초기값을 지정해 줘야 함.

 

예시)

result = prompt(title, [default]); 

 

전달받은 값형 변환 후

undefined	NaN
null	0
true / false	1 / 0
string	전달받은 문자열을 “그대로” 읽되, 처음과 끝의 공백을 무시합니다. 문자열이 비어있다면 0이 되고, 오류 발생 시 NaN이 됩니다.