[JS] 자바스크립트 기본기

출력문

document.write("Hello World");

 

내부에서 사칙연산이 가능하며, "<div>"와 같이 html 삽입이 가능

\"를 사용하여 따옴표 출력이 가능, 이외 기본은 동일함

print()와 동일

 

 

얼러트

alert('hi');

 

웹에서 일반적으로 볼 수 있는 간단한 alert dialog를 출력

 

 

상수

const INDEX_VALUE = 1;

일반적으로 대문자와 언더바 사용

절대로 변하지 않는 값

final, const, #define와 동일

 

변수

자바스크립트는 변수 타입을 지정 할 필요 없이 자동으로 형변환을 한다.

또한, 변수 타입을 지정할 수 없는 것이기도 하다.

 

타입을 정의할 수 있는 형태가 몇 가지 있다.

var tempValue;

let tempValue; 등

타입을 지정하든 하지 않든 dynamic이다.

타입 지정과 미 지정의 차이점은 함수 부분에서 다룬다.

 

개행문자

"<br />"

흔히 사용하는 \n은 사용하지 않는다.

변수 타입 알아내기

tyoeof(tempValue);

문자열의 형태로 변수 타입이 반환된다.

 

type to int

parseInt(tempValue);

문자열에 숫자가 없다면 NaN이 반환되며 숫자가 존재한다면 숫자가 number로 반환된다.

 

type to number

number(tempValue);

문자열에 숫자를 제외한 문자가 존재한다면 NaN을, 순수하게 숫자만 있다면 숫자를 반환한다.

 

type to String

String(tempValue);

변수 타입을 문자열로 변환한다.

 

type to boolean

Boolean(tempValue);

변수가 0, null, undefined, 공백이면 false를, 아니라면 true를 반환

"false"라도 나열한 false 조건이 아니므로 true가 반환

 

날짜

date = new Date();

현재에 관한 모든 정보를 가짐

 

date.getFullYear();

연도만 반환

 

data.getMonth()

월을 반환, 0부터 반환하므로 0~11 사이의 값이 반환

 

data.getDate();

일을 반환

 

data.getDay();

요일을 반환, 일~토의 값을 0~6 사이의 값으로 반환

 

data.getHours();

시간을 반환, 24시간 기준

 

data.getMinutes();

분을 반환

 

data.getSeconds();

초를 반환

 

data.getMilliseconds();

밀리초를 반환

 

배열

array = new Array();

array = [1,2,3,4];

document.write(array[1]);

배열 정의 형태는 Dart와 유사하다.

 

add an element to end

array.push(5);맨 끝에 데이터를 추가한다.

 

add an element to start

array.unshift(0);맨 앞에 데이터를 추가한다.

 

 

함수

function fx() { }

 

자바스크립트의 함수에도 global과 local 변수가 존재한다.특이한점은 local에서 변수 타입을 var로 선언시 지역변수가 되고, 변수 타입을 지정하지 않으면한번 호출된 이후 global하게 유지되며 함수의 바깥에서 사용할 수 있다.