JavaScript 01

var, let, const

자바스크립트의 변수 선언 방식

종류	특징
	변수 선언 방식	스코프(Scope)
var	중복 선언 가능, 재할당 가능	함수레벨 스코프(Funcion level scope)
let	중복 선언 불가, 재할당 가능	블록레벨 스코프(Block level scope)
const	중복 선언 불가, 재할당 불가

---

html에서 javascript 사용하기

<script></script>

<예시 문제>
구구단 출력
조건 1) table을 사용 (border = 1)
조건 2) 각 단은 행으로 구분
조건 3) 짝수단은 노란 배경 (inline 방식, style 적용)

<script>
document.write("<table border='1'> <tbody>");
	for (a = 2; a < 10; a++) {
		document.write("<tr><td>")
		for (b = 1; b < 10; b++) {
			if (a % 2 === 0) {
				document.write(`<span style = "background-color: yellow;">${a} * ${b} = ${(a*b)}&nbsp;&nbsp;</span>`);
			}
			if (a % 2 !== 0) {
				document.write(`<span>${a} * ${b} = ${(a*b)}&nbsp;&nbsp;</span>`);
			}
		}
			document.write("</td></tr>");
	}
	document.write("</tbody></table>");
</script>

결과

---

상호작용

<script>
	prompt("입력", "0");
	confirm("yes/no");
	alert("종료");
</script>

종류	설명
prompt	사용자에게 보여 줄 문자열 : 입력 초기값 : 0 값을 입력받는 메시지 창 출력
confirm	사용자에게 보여 줄 문자열 : yes/no 확인 및 취소 버튼이 있는 메시지 창 출
alert	사용자가 확인 버튼을 누를 때까지 메시지 창 출력

---

배열 (Array)

<script>
	let arr = [];
	let arr = [1, 2, 3];
	let arr = new Array();
</script>

JavaScript의 배열이 JAVA 와 다른 점
1. 한 배열 안에 여러 타입의 값이 들어올 수 있다
2. 초기에 값을 지정하지 않고 추가하는 대로 배열의 크기가 변한