html이 웹의 내용을 담당하고 css가 웹의 디자인을 담당한다면 javascript는 웹의 동작을 담당합니다. 지금부터 웹의 동작을 담당하는 자바 스크립트에 대해서 알아보겠습니다.
- 자바스크립트 적용 방법
자바스크립트는 <script></script> 태그를 사용해 html 문서안에 삽입 가능합니다.
<script>
</script>
혹은
<head>
<script src="file.js"></script>
</head>
헤드 태그 안 스크립트 태그에 외부 파일을 삽입해 불러올 수 있습니다.
- 변수(Variable)
자바스크립트에서 a라는 변수에 1이라는 값을 넣고싶다면 이렇게 하면 됩니다.
var a;
a = 1;var a = 1;
여기서 var은 지금부터 변수를 선언하겠다는 키워드(수행할 동작을 규정하는 것)이며 var 뒤에오는 문자는 변수입니다. 변수를 선언해준 후 그 변수안에 값을 할당해줍니다.
- 값의 데이터 타입
변수의 값에는 종류가 있습니다. 그 종류를 데이터 타입이라고 부릅니다. 변수에는 고정된 데이터 타입이 없으므로 같은 변수에 여러 타입의 값을 할당할 수 있습니다.
1. number (숫자)
var num;
num = 1;
var num2;
num2 = 2;
숫자가 값으로 할당되는 데이터 타입입니다.
2. string (문자)
var str1;
str1 = "문자";
var str2;
str2 = '문자';
문자가 값으로 할당되는 데이터 타입입니다. 작은 따옴표 큰 따옴표 둘 다 사용 가능하기 때문에 둘 중 하나로 감싸줍니다. 숫자도 작은 따옴표나 큰 따옴표로 감싸주면 string 데이터 타입이 됩니다.
3. Boolean
var bool;
bool = true;
var bool2;
bool = false;
true(참)과 false(거짓)이 값으로 할당되는 데이터 타입입니다.
- 자바스크립트 출력 방법
자바스크립트를 HTML에 출력할 수 있는 다양한 방법이 있습니다.
(1) document.write()
괄호안에 자바스크립트 요소를 입력하면 html화면에 출력됩니다.
(2) console.log()
콘솔을 통해 자바스크립트를 출력할 수 있습니다.
- 주석
//이것은 주석입니다.
/* 이것은 <br/>
주석입니다.
*/
주석은 작성된 코드를 설명하기 위해 사용됩니다. 주석을 사용하면 웹 페이지에 나타나지 않습니다. 존재하지만 나타나지 않는 코드가 되는 것이죠. 주석을 한 줄로 쓸때는 // 를 사용하며 여러 줄에 걸쳐 쓸때는 /* */를 사용합니다.
'JavaScript' 카테고리의 다른 글
| [JavaScript] 조건문 (0) | 2021.01.23 |
|---|---|
| [Javascript] 전역 변수, 지역 변수 (0) | 2021.01.23 |
| [Javascript] 연산자(operator) (0) | 2021.01.17 |
