자바를 잘 아는 분들에게 차이점 설명.

1. Javascript
basic

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

3. 봄? BOM (Browser Object Model)

4. 돔? DOM (Document Object Model)

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

6. Step 2
basic-2

7. 변수 제어 연산

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

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

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

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

12. 대뜸 퀴즈
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

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

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

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

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

17. Step 3
basic 3

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

19. Array - push
끝에 값을 추가할때

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

21. 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});

22. 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.