�ݺ�ߣ

브라우저 위에서
HTML 알몸으로 태어나서
CSS
옷을 입고
Javascript
댄스를..

봄? BOM (Browser Object Model)

돔? DOM (Document Object Model)

BOM, DOM : OBJECT 모델링
HTML DOM-OBJECT 의 구성은 HTML, 스타일링은 CSS,
BOM, DOM 조작은 JAVASCRIPT
조금 성급한 요약
미확인

변수 와 제어 와 연산
변수 - var
제어 - for, while, do while, if, switch 등
연산 - +-*/%&&||&|.. 등.

변수 선언
선언된 변수의 타입을 확인하고 싶으신경우
typeof 라는 명령을 사용하실 수 있습니다.
다음 출력의 결과를 생각해 보세요
var x=12; var y=“12” var z;
console.log(“x : ”+typeof x);
console.log(“y : ”+typeof y);
console.log(“z : ”+typeof z);

undefined 와 null
undefined 와 null은 같은 값일까요?
결론 부터 말하면 다르다 입니다.
undefined 은 정의 되지 않은 없는 값 인 반면
null 의 경우 값이 없다를 표현하는 object 입니다.
db-spring-res(serialize)

중복 선언
JS 에서 변수를 선언 하는 방식을
“선언형”("declaring" a variable.) 이라고 하는 데요.
선언 시점에는 메모리 공간만 확보하고, 실제 사용시
타입이 정해지는 방식입니다.
그러면 다음의 결과는 무엇 일까요?
(에러가 나지 않을까요 +.+)
var carName = "Volvo";
var carName;
console.log(“carName ”+carName);

대뜸 퀴즈
1. Javascript(ES5) 에서 변수 선언은 var로하는데요.
다음 연산의 a 와 b 의 값은 무엇 일까요?
var x = "Volvo" + 16 + 4;
var a = "Volvo" + 16 + 4;
var b = 16 + 4 + "Volvo";
Volvo164
20Volv
o
a b

JS(ES5) 에서는 이처럼
연산과 문자열을 혼용 할 경
우 내부에서 전환이 발생합
니다.
var a = "Volvo" + 16 + 4;
연산의 방향

=, ==, ===
마지막으로 = 에 대해서 생각해 볼까 하는 데요.
= 는 할당 연산자 입니다.
var a = “1”; 식으로 변수에 무언가를 담을때 사용합니다.
== 는 비교 연산입니다.
두 값을 비교할때 사용합니다.
=== 는 업격한 비교 연산입니다.
마찬가지로 두 값을 엄격하게 비교할때 사용합니다.
무엇이 다를까요?

=, ==, ===
다음 연산의 결과를 예측해 보세요.
console.log(“1==1 : ”+(“1”==1));
console.log(“1===1 : ”+(“1”===1));
console.log(“null==undefined : ”+(null==undefined));
console.log(“null===undefined : ”+(null===undefined));

C,JAVA 프로그래밍 언어에 대한 지식이 있다면
대부분이 유사 합니다.
다만 몇가지 부분에 대해서는
오늘 이야기 드린바와 같이 정확히 구분이 필요합니다.
마무리
microgomi

Array Object
a=[] b={}
object
(배열을 인자로 가질 수 있음)
object
(배열을 인자로 가질 수 있음)
value key-value

Array - push
끝에 값을 추가할때

Array - delete
delete > 삭제 한다 > undefined
pop > 하나를 뺀다
splice > 잘라 내거나 붙인다
var fruits = ["Banana", "Orange", "Apple", “Mango"];
fruits.splice(2, 0, "Lemon", “Kiwi”);
2 - 시작점
0 - 자를 개수
“Lemon”,”Kiwi” 추가할 것
splice -동사-
(밧줄의 두 끝을 함께 꼬아서) 잇다
(필름・테이프 등의 두 끝을) 붙이다[잇다]

Array - 정렬
var fruits = ["Banana", "Orange", "Apple", “Mango"];
fruits.sort();
fruits.reverse();
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b});

function() - closure
var add = (function () {
var counter = 0;
return function () {return counter += 1;}
})();
A closure is a function having access to the parent
scope, even after the parent function has closed.

�ݺ�ߣ

자바스크립트.

More Related Content

자바스크립트.