자바스크립트 뜯어보기 - [2:자바스크립트의 기본]
모든 언어를 배울 때에는 처음에 Hello World를 띄우는 방법을 배우고, 그 다음에는 간단한 연산과 타입에 대해서 배웁니다. 저번 시간에 Hello World를 통해 간단한 맛보기를 했다고 하면, 이번 시간부터는 본격적으로 자바스크립트라는 언어에 대해서 알아보도록 하겠습니다.
기본적인 자바스크립트의 자료형에는 숫자와 문자가 있습니다.
1,2,3..과 같은 정수 형태의 숫자나 1.2, 7.8과 같은 실수 형태의 숫자를 다룰 수 있고,
'(작은따옴표)나 "(큰따옴표)로 둘러싸인 "Hello world!!"와 같은 문자열을 다룰 수도 있습니다.
숫자를 연산할 때는 우리에게 익숙한 사칙연산 (+,-,*,/) 등을 사용할 수 있고, Math.pow(3,2) (거듭제곱 연산: 3의 2제곱), Math.sqrt(3) (3의 제곱근), Math.random() (0부터 1까지의 실수 중 랜덤으로 생성) 과 같은 연산 또한 할 수 있습니다.
말로 하면 직관적인 이해를 하기 어렵죠. 직접 실습을 해 봅시다.
코드 에디터를 열고 NumberOperation.html이란 이름으로 저장한 후 다음과 같은 코드를 써서 실행을 해 보고, 결과를 관찰해 보세요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>숫자 연산 테스트</title>
<script>
alert(3 + 2);
alert(3 - 2);
alert(3 * 2);
alert(3 / 2);
alert(3 % 2); //나머지 연산자. 3/2의 나머지를 출력한다.
alert(Math.pow(2, 3));
alert(Math.sqrt(25));
alert(Math.random());
</script>
</head>
<body>
</body>
</html>
| cs |
숫자 연산에 대해서 어느 정도 감이 잡히셨나요? 그럼 이제 문자와 관련된 연산으로 넘어가 봅시다.
C나 JAVA와 같은 언어는 문자와 문자열에 따라 큰따옴표와 작은따옴표를 구분해서 사용했습니다. 문자에는 작은따옴표 ('A'), 문자열에는 큰따옴표 ("Hello World")를 쓰는 식으로 말이죠, 그러나 자바스크립트는 두 따옴표 사이의 구분이 없습니다. 그냥 문자열을 표현하고 싶으면 작은따옴표나 큰 따옴표 안에 넣기만 하면 되죠.
그럼 '나 "같은 기호를 직접 문자열 안에 넣고 싶다면 어떻게 해야 할까요?
방법은 간단합니다. \(역슬래쉬) 기호를 사용하는 것이죠
역슬래쉬 기호를 이용하면 엔터나 탭을 넣을 수도 있습니다.
그럼 이쯤에서 드는 의문이 한 가지 있습니다.
"숫자에서 한 + 연산을 문자열에서도 할 수 있을까?" 라고 말이죠.
결론부터 말씀드리자면, 가능합니다.
문자열끼리의 + 연산은 두 문자열을 이어붙인다는 의미입니다.
이렇게 이번 시간에는 자바스크립트의 기본 중 기본을 알아봤는데요, 다음 시간에는 변수의 선언과 조건문에 대해서 알아보도록 하겠습니다.
그럼 '나 "같은 기호를 직접 문자열 안에 넣고 싶다면 어떻게 해야 할까요?
방법은 간단합니다. \(역슬래쉬) 기호를 사용하는 것이죠
1
|
alert('I\'m fine! Thank you');
| cs |
1
2
|
alert('Hello\nWorld'); // \n은 엔터를 의미한다.
alert('Hello\tWorld'); // \t는 탭을 의미한다. alert 창의 경우 간혹 깨져 보일 수 있다.
| cs |
그럼 이쯤에서 드는 의문이 한 가지 있습니다.
"숫자에서 한 + 연산을 문자열에서도 할 수 있을까?" 라고 말이죠.
결론부터 말씀드리자면, 가능합니다.
문자열끼리의 + 연산은 두 문자열을 이어붙인다는 의미입니다.
1
|
alert("Hello" + " World");
| cs |
이렇게 이번 시간에는 자바스크립트의 기본 중 기본을 알아봤는데요, 다음 시간에는 변수의 선언과 조건문에 대해서 알아보도록 하겠습니다.
댓글
댓글 쓰기