javascript 모르는&헷갈리는 개념 정리(++추가중)

공부방향

zerocho -> tcpschool -> 실습예제(~일)

node.js(추가예정)

 

<자바스크립트 기본 문법>

https://opentutorials.org/course/743

JavaScript - 생활코딩

https://www.zerocho.com/category/JavaScript/post/572c6f759a5f1c4db2481ee3

불러오는 중입니다...

자바스크립트는 비동기식 처리로 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행한다.

따옴표 쓰고 싶을때 var string = '\'string\'' → 이스케이핑

undefined와 null

-undefined: 변수를 만들어 놓았는데 아무 값도 집어넣지 않았을 때(정해지지 않음)

-null: 변수에 의도적으로 넣는 것

 

 

반복문

break - 반복문 안에서 실행되며 반복문을 즉시 종료시킴

continue - contitnue이후의 구문은 실행되지 않지만 반복문은 중단되지 않았기 때문에 나머지 결과가 출력된다.

 

배열

자바스크립트에서는 배열의 길이를 미리 정할 필요가 없다. 즉, 안의 내용이 자동으로 늘어나거나 줄게된다.

객체와의 차이점은 키가 없다는 것이며, 키 없이 값만 나열하고 싶을 때 배열을 사용한다.

함수

함수 만드는 두가지 방법

1) function addOne(x){

...

}

 

2)var addOne = function(x){

...

};

 

함수를 선언할 때의 괄호안의 값: 매개변수, 함수를 호출할 때 괄호안의 값: 인자

 

함수는 return값을 하나만 가질 수 있으므로 만약 여러개의 값을 반환하고 싶다면 배열 사용하면됨

return이 없는 함수는 자동으로 undefined를 반환함

return이후에는 함수가 종료됨

 

toUpperCase() : 대문자로 변환

 

클로저(함수 유효범위) - 생활코딩

객체안에 배열 만드는거 - 생활코딩

 

객체

var ex = { firstName:' J', lastName: 'D' };

키:값의 관계이며 키=속성명, 값=속성값이라 생각하면 된다.

속성명은 따로 따옴표가 필요없지만 띄어쓰기가 들어간 경우 따옴표로 반드시 감싸줘야 한다.

키(속성명)은 문자열만 가능하다.

 

ex['firstName']또는 ex.firstName으로 접근

 

delete로 속성 삭제 ex) delete ex.firstName

 

 

문자열객체 메소드

https://www.zerocho.com/category/JavaScript/post/57374a46d85eeb9409de56ea

(JavaScript) 문자열

 

Math객체 메소드

https://www.zerocho.com/category/JavaScript/post/573877c7715202c8679b3aef

(JavaScript) 숫자와 Math 객체

 

배열객체 메소드

https://www.zerocho.com/category/JavaScript/post/57387a9f715202c8679b3af0

(JavaScript) 배열(Array)

 

window객체: 브라우저 전체를 담당

window는 모든 객체의 조상으로 모든 객체를 다 포함하기 때문에 전역객체라고 하며 생략 가능하다.

 

Document객체: 웹사이트만 담당, 브라우저나 운영체제에 대한 정보가 있음

html에 관한것들을 담당하는 객체로 대부분의 것들이 태그를 선택하고 조작하는데 사용됨

 

DOM(Document Object Model)

document객체를 구현했다고 생각하면 되며, 계층적 구조로 되어 있다.

 

RegExp: 정규표현식으로 특정한 규칙을 가진 문자열의 집합을 표현함

 

 

연산자

삼항연산자 (조건 ? 참 : 거짓)

거짓인 값 ' ', 0, false, NaN, undefined, null, document.all 이외에는 모두 참

비교연산자 == : 값만 비교함, === : 값과 자료형까지 비교함

 

생성자

키워드new를 붙이고 객체를 생성하는 함수를 생성자 함수라고 한다.

주의할점은 시작할 때 대문자로 시작함.

 

프로토타입

사전 그대로 원형을 뜻하며 prototype은 모든 객체가 공유하고 있어서 한번만 만들어지지만, this에 넣은 것은 객체 하날르 만들 때마다 메소드도 하나씩 만들어지기 때문에 불필요한 메모리 낭비가 발생함.

 

 

상속

부모 생성자의 기능을 물려받으면서 새로운 기능도 추가하는 것, extend

 

 

클로저

 

 

---

문서객체모델 - 생활코딩(웹브라우저와 javascript)

이벤트등록

https://opentutorials.org/course/1375/6619