변수
임의의 값을 저장해두고 읽을 수 있는 공간을 의미한다.
변수에 값을 저장하면 변수의 이름을 통해 값 사용이 가능하다.
그냥 쉽게 다른 언어의 변수랑 같다고 보면 된다.
var a;
변수는 다음과 같이 선언해 준다.
메세지와 함께 사용자의 입력을 받는 창을 띄우는 명령어가 있다.
Prompt() 명령어
괄호 안에 있는 메세지를 사용자에게 보여주고 문자열을 입력받는 명령어로
var a = prompt("입력해 주세요");
다음과 같이 명령어를 통해 받은 값을 그대로 변수에 저장이 가능하다.
다음은 자료형에 대해 알아보았다.
자료형
기본적인 자료형 number, string, boolean은 모두 var를 통해 변수를 선언하고
저장되는 값의 형태에 따라 자료형이 구분 되어진다.
해당 변수가 어떤 자료형의 값을 저장하고 있는지 확인하는 명령어가 있다.
typeof() 명령어
typeof(a);
다음과 같이 사용이 가능하지만 자료형을 가져오기만 하고 출력은 따로 해주어야 한다.
다음은 실습이다.
index.html
<html>
<head>
<meta charset="utf-8">
<script src="lecture03.js"></script>
</head>
<body>
This is a basic HTML page
</body>
</html>
lecture03.js
var msg;
msg = "Hello World";
console.log(msg);
var name=prompt("이름을 입력해 주세요.");
console.log(name, "님 환영합니다.");
위와 같이 소스코드를 작성하고 웹페이지에서 실행하면 다음과 같이 나온다.

입력을 받고나면 console 창에 출력값이 나온다.

변수에 문자열을 저장하고 console 창에 출력한 값은 다음과 같다.

다음은 자료형에 대한 실습이다.
index.html
<html>
<head>
<meta charset="utf-8">
<script src="lecture04.js"></script>
</head>
<body>
This is a basic HTML page
</body>
</html>
lecture04.js
var a = 100, b = 3.14;
var c = "안녕하세요", d = "Hello World";
var e = true, f = false;
console.log(a, typeof(a));
console.log(c, typeof(c));
console.log(e, typeof(e));
위와 같이 소스코드를 작성하고 웹페이지에서 실행하면 다음과 같이 나온다.

다음과 같이 나오는데 저장된 값에 따라 다른 자료형을 갖는 것을 확인할 수 있다.
끝.
'Computer Science > Javascript' 카테고리의 다른 글
Javascript -6- String (0) | 2020.01.23 |
---|---|
Javascript -5- 연산자, 함수 (0) | 2020.01.23 |
Javascript -4- Object (0) | 2020.01.18 |
Javascript -3- number, string, boolean (0) | 2020.01.18 |
Javascript -1- 시작 (0) | 2020.01.18 |