서적명 : 자바스크립트+jQuery 마스터
39p
1. String 데이터
문자 안에 문자가 들어갈 경우는 다음과 같이 표현한다.
var str1='문자는 "문자"';
var str2="문자는 '문자'";-
Boolean 데이터
변수 값이 0이면 false, 0이외의 숫자 값은 true를 의미하게 된다. -
Object(객체) 데이터
var exam = {subject: "css", score:20};
exam 변수의 subject값 : "css", score 값 : 20
API로 사용했던 객체 데이터를 기억할 것.
43P
ALERT()함수에서는 "<-br>"태그로 행이 바뀌지 않는다. 그래서 '이스케이프 시퀀스' 라는 것을 사용하는데,
/n(줄 바꿈), /t (탭 문자), \(역 슬래시), \' (작은 따옴표) 등이다.
48p
++num1 = 전치연산
num1++ = 후치연산
전치연산자는 다른 연산자보다 우선순위가 높음으로 먼저 적용된다. 만약 연산에 대한 우선 순위를 높이고 싶다면 '()'를 사용하자.
72p
while문은 반복문이다! if, switch문이랑 사용법을 구분할 것.
88p
선언적 함수는 함수 생성 앞에서도 호출이 가능하다.
show();
function show() {
document.write("show() 함수 호출")
}이런게 가능하다는 것.
단, 익명함수는 반드시 변수가 만들어진 후에 호출해야 한다.
view(); // view 변수가 만들어지기 전 임으로 호출되지 않는다.
var view = function() {
document.wirte("view()함수를 호출")
}115p
역시나 가장 중요한 개념은 객체(Object). 원은 객체, 원의 속성(구성 요소)는 색상과 지름, 기능에 함수(메서드)도 포함된다.
예를 들어,
<script>
var circle = new Object();
circle.color = "red";
circle.diameter = 100;
circle.radius = function() {
var n = this.diameter/2;
return n;
}
</script>만약 객체 리터럴 방식으로 바꾼다면,
<script>
var str = ""
var circle = {
color:"red",
diameter:100,
radius:function(){
var n = this.diameter/2;
return n;
}
}
</script>이렇다. 코로나 프로젝트에서 사용했던 c3 chart 같은 것을 기억하자. 사용할때는 그냥 주먹구구식으로 했었지만 지금 보니 객체 리터럴 형식으로 차트를 생성하는 원리였구나.
162p
eventListener 같은 것을 만들 때, 인라인 방식과 고전 방식 같은 구식 방식을 DOM Level 0이라고 한다. 이 방식은 동일한 객체에 동일한 이벤트를 여러 번 적용할 수 없는 단점이 있다. 이를 보완하기 위한 것이 표준 이벤트 방식, 인터넷 익스플로러 방식인 DOM Level 2이다.
그냥 eventListener 쓰자... 브라우저마다 달라지는 이벤트리스너는 조건문으로 통합리스너 만들어 쓸 것.
