1. javascript 기본

javascript : html 내부에서 실행할 수 있는 언어

1. avascript 사용 방식

가. 내부 파일

나. 외부 파일  

다. inline 방식

2. keyword

가. java와 유사

나. delete, var, function 등이 있음

3. 식별자(identifier)

가. 변수명, 함수명 등에 사용하는 단어

나. 키워드 불가

다. 숫자 시작 불가

라. $, _ 가능

마. 공백 불가

4. 주석

가. //

나. /* */

*html 주석 <-- 내용 --> (jsp 주석이 더 좋음)

5. data 타입(기본적으로 구분을 하지 않음)

가. 기본 타입

1) number

2) string

3) boolean

4. undefined

나. 참조 타입

1)object

가. array

나. function

다. expression

---------------------------------------------------------------------

 
var b;
b=12; // 숫자형으로 변환
b=false; //논리형으로 변환
b= "dd"; //문자열 타입으로 변환

6. 변수의 영역

가. global : 아무 곳에서나 다 사용 가능

나. local : 그 지역에서만 사용 가능,(class, function 내에서만 사용 범위 국한)

 
var a; // local 변수
c; //global 변수

7. variable

가. 자료형에 민감하지 않음

8. literal

가. 값 자체를 말함

나. 정수 다양하게 담을 수 있음

다. 부동 소수점 (3.14 등)

라. 논리값 가능

마. 문자열 값("", '') 모두 가능

바. 특수문자

사. 산술 연산자

아. 논리 연산자

자. 비교 연산자

차. 조건 연산자

카. 문자열 연산자(concatenation)( ex. var a = "hi" +2 +3;

타. 제어문

파. 반복문

하. array

 
	var count = 0;
	for (i = 0; i < 5; i++) {
		console.log(++count);
	}

	if (count > 10)
		console.log("big");
	else
		console.log("small");

  

	function add(a, b){
		alert(a+b);
	}

	add(3,5);
	function multi(a, b){
		return a*b;
	}

9. event

가. event : 브라우저에서 발생하는 모든 동작들을 말함

나. event handler : 이벤트가 발생하면 이를 감지하고 원하는 작업들을 처리를 하는 것

다. 종류

1) onclick : 클릭했을 때

2) onfocus : 특정 필드의 데이터가 선택되었을 때

3) onblur : 포커스가 변경되었을 때

4) onchange : 특정 필드의 내용이 변경되었을 때

5) onselect : select가 되었을 때

10. DOM(Document Object Model)

가. 도큐먼트 객체 모델

나. HTML, XML 문서를 표현하고 조작하는 표준적인 방법

다. 문서를 객체 모델로 구현해서 문서의 구조와 내용에 access 하기 위해 사용

1) random access mechanism

2) 동적으로 문서 수정 삭제 삽입 조회 가능

3) 메소드와 속성, 객체 간의 관계 정의 가능

라. 플랫폼과 언어에 독립적