출처: 구름EDU, STUDIOMEAL
HTML 파일 템플릿
차례

JavaScript 시작하기

스크립트의 위치

HTML파일 속

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>자바스크립트 기초</title>
  <style>
    body { font-size: 3rem; }
  </stye>
  <script>
    document.write(111);
  </script>
</head>
<body>

</body>
</html>

외부 파일

script.js

document.write('외부 js 파일에서 출력');

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>자바스크립트 기초</title>
  <style>
    body { font-size: 3rem; }
  </stye>
  **<script src="js/script.js"></script>**
</head>
<body>

</body>
</html>

경고창 띄우기
```
alert("반가워!");
```
콘솔에 출력하기
```
console.log(111)
```

주석

<html>
	<!--  인사 메시지 영역 -->
</html>

// 한 줄 주석
/*
  여러 줄 주석
*/

스크립트를 넣는 위치
- 처음에는 <head> ... </head> 에 넣었지만
- 요즘에는 <body> ... </body>의 마지막 부분에 넣는다
- → 랜더링 속도를 높여주기 위해서. 빠른 척~
- → 문서의 내용이 구성된 상태에서만 script 에서 문서의 내용을 알 수 있음

변수

ECMAScript의 버전에 따라서 다르기는 하지만 기본은....

var a = 100
a = 'ㅋㅋㅋ'
console.log(a)

이름 짓는 방법
- 영어 뿐만 아니라, 한글, 일본어, 한자 다 쓸 수 있음
```
var 자바스크립트 = 20000;
console.log(자바스크립트);
```
- 일할 때는 영어로...
- 개인 프로젝트에서는 가끔은 한글?

기본 데이터 형식 (자료형)

숫자 수

문자열

'ㅋㅋㅋ'
"ㅋㅋㅋ"

var message = '"엄마가 그런 짓 하면 안 돼!"라고 하셨어요';

var message = "\\"엄마가 그런 짓 하면 안 돼!\\"라고 하셨어요";

자료형 반환: typeof

var a = 100;
var message = "hi"
console.log(typeof a);
console.log(typeof message);

undefined, null, NaN

var b;
console.log(b)    // undefined

boolean = 참, 거짓

var c = true

console.log( 1 > 100 );

값과 참조

기본 자료형은 값 의미를 가진다

var a = 100;
var b = a;  // 값 의미
a = 100;

console.log(a, b);

JavaScript 시작하기

변수

기본 데이터 형식 (자료형)

배열