자바스크립트
- 객체 기반 스크립트 언어
- 컴파일 과정 없이 소스가 실행파일로 사용되는 인터프리터 프로그래밍언어
- 사용자와의 상호작용 등 웹의 동작 구현
- HTML의 내용, 속성, 스타일 변경 가능
HTML문서에 적용하기
내부 자바스크립트 코드
<script type="text/javascript">
실행문
</script>
<script>로도 작성 가능. 표준은 <script type="text/javascript"><head>,<body>부에서 사용 가능
외부 자바스크립트 코드
- HTML문서 외부에 js 파일을 만든 후, 내부로 읽어들이는 방식
<head>,<body>부에서 사용 가능- 코드가 간결해져 유지보수에 용이
1. sample.js(js파일)
console.log("hello, world");
2. HTML문서
<body>
<script src="sample.js"></script>
<title></title>
</body>
타입
var 변수명 = 값;
- 타입 구분 없이 var로 변수를 선언
- 타입은 예약어만 없을 뿐, JS 내부에서는 구분되어 있음
타입의 종류
var number = 10;
var name1 = "홍길동";
var name2 = "김유신";
- boolean
- true 혹은 false값을 가짐
- false, 0, '', undefined, null, NaN은 false로 판정
- 상기 6개를 제외하고는 모두 true
var t = true;
var f = false;
var udf;
- object
- 객체
- null도 object type에 속해있음
var x = {};
객체
var 객체명 = {키1:값1, 키2:값2, 키3:값3, ...}
호출방법
1. 객체명.키이름
2. 객체명["키이름"]
var score = {
name: "홍길동",
kor: 100,
eng: 80,
math: 90
}
score.name // 홍길동
score["eng"] // 80
배열
var 배열명 = [];
// 길이가 0인 배열 생성
- 값을 여러개 담는 자료구조. 0부터 시작하는 index 존재
- 배열의 타입은 object로 취급
- 타입이 달라도 배열에 넣을 수 있음
- 길이가 가변적
배열에 값 담기
var arr1 = [];
arr1[0] = 100;
arr1[3] = 200;
arr1[45] = 450;
// 총 길이가 46개인 배열을 생성
// 0번, 3번, 45번 index에 값이 담겨있으며 나머지는 empty인 상태
다양한 타입의 값 담기
var arr2 = [10, "홍길동", [100,200], 3.14];
함수
function 이름(매개변수1, ...){
실행문
}
- 이름이 있는 코드의 블록
- 접근제한자나 반환타입을 작성하지 않음
function test(x,y){
var z = x+y;
return z;
}
var result1 = test(2,8); // 10
var result2 = test(30,70); // 100
