01.변수(Variables)

오늘은 변수에 대해서 알아보려 한다.

1. 변수란?

Variables : 변하는 데이터(값)을 저장할 수 있는 메모리 공간.
1변수 1데이터를 원칙으로 하며 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 삭제가 된다.
변수에 저장할 수 있는 데이터의 종류(자료형 / Data Type)에는 문자형(String / str), 숫자형 (Number / num), 논리형(Boolean),빈(Null) 데이터가 있다.

2. 변수선언

var 키워드를 변수명 앞에 붙여 시작한다. 영문, 숫자, 특수문자(_,$)만 포함할 수 있다.
의미에 맞게 만들어야 나중에 첨삭하기에도 좋다.
단어와 단어로 이루어짐에 따라 두번째 단어의 첫 글자는 대문자로 표기해 구분을 해준다. 이를 "낙타 표기법"이라 한다.

 var myAge;
 myAge =27;
 document.write(myAge);


위의 코드처럼 입력을 하게 된다면 html에는 27을 출력해 주는걸 알 수 있다.

3.자료형

01.문자형

문자나 숫자를 큰따옴표("") 또는 작은따옴표('')로 감싸 사용한다.

        var java = "JavaScript";
        document.write(java);
        
        var num = "100";
        document.write(num)

        var tag = "<h1>문자열_String</h1>"
        document.write(tag);

02.숫자형

단어 의미 그대로 숫자를 의미한다. 따옴표를 사용하게 되면 숫자가 아닌 문자로 인식하게 되는데,
이땐 Number("숫자")를 이용하면 숫자형 데이터로 바꿀 수 있다.

var n = 100;
document.write(n);

var year = Number("2022");
document.write(year);

03.논리형

논리형은 true(참) 또는 false(거짓)가 있다. 주로 2개의 데이터를 비교할 때 사용.
var 변수 = true or false; 또는 Boolean(데이터);

var b = true;
document.write(b);

var f = 10 > 100;
document.write(f);

var t = Boolean("hello");
document.write(t);

이때 Boolean() 매서드에 데이터를 입력하면 논리형 데이터인 true / false를 반환한다.
0, null,undefined, 빈문자("")를 제외한 모든 데이터에는 true를 반환한다.


  • 다음 포스팅에서 계속 -

좋은 웹페이지 즐겨찾기