Web/Javascript

괄호 안에 {} 중괄호가 아닌 '[] ' 대괄호인것만 기억, 배열 객체 함수 push(값) pop() 을 지원. 위 코드를 보고 결과창을 예상할 수 있다면 기본 구조는 이해한 것이다 push-pop 이라는 함수 명만보고 'Stack'을 떠올렸다면 맞다. Stack의 LIFO 를 생각해보면 마지막에 들어간 last value 11이 pop할 경우 나오는것이 맞다. JavaScript에서 배열객체에 대해서 sort() 메소드를 제공한다. sort() 메소드의 정렬 기준은 기본적으로 내부적으로 Merge or Quick Sort를 'ASCII 코드 값'을 기준으로 정렬되기 때문에 배열의 원소가 숫자로 이뤄졌을 경우에는 정렬 기준을 Control 해줄 필요가 있다. 이는 수행시 오름차순, 내림차순인지는 [정렬 ..

1. 정의 JavaScript Object Notation 자바스크립트 객체의 형태를 가지는 문자열. 2. 특징 객체, 배열, 문자열, null, Boolean 만 담을 수 있음 Key-Value 쌍으로 이루어짐 Key는 따옴표로 묶이지 않고 Value는 '나 " 따옴표로 묶임. 3. JSON 내장 함수 3_1 JSON.stringify() Interface JSON.stringify(javascript object) Input JavaScript Object Output JSON String Function JavaScript Object를 JSON String으로 변환 ※JSON String은 모두 "" 쌍따옴표로 묶임 3_2 JSON.parse() Interface JSON.parse(JSON St..

0. 1급객체 JavaScript에서 1급객체의 조건은 다음 3가지다. 함수의 인자로 넘길 수 있는 함수 나중에 실행되는 함수 리턴값이 함수 또는 함수를 담은 변수 위 3가지를 만족하는 1급객체 종류중 하나가 Call Back 함수이다. Call Back 함수의 존재이유는 Asynchronous Programming이다. 1. setTimeout 함수 Interface setTimeout(FunctionName, millisecond) Input FunctionName: 함수명, millisecond: 밀리세컨드 시간 Output 밀리세컨드 시간후 함수를 대기 큐에 넣음. 앞서 Asynchronous vs Synchronous 함수 동작 비교를 위한 함수소개 setTimeout() 2. Synchrono..

1. Object 구성 2. 반복문을 통한 Ojbect내의 모든 key들 끌어오기 [구문] for(var keyName in ObjectName){ ~~~ } 1 2 3 4 5 for(var k in lol){ document.write(k + ' '); document.write(lol[k] + ' '); } 여기서 k (key)는 배열 문법으로 치면 index 역할을 한다. 따라서 객체명[k] 하게 되면 해당 키의 '값' key-value (pair) 각 key마다 매칭되는 값들을 받아올 수 있다. 3. key-value pair에서 '띄어쓰기'가 존재하는 경우 ObjectName["keyName"] = " "; // 선언 및 초기화 "" 쌍따옴표로 묶어주면 된다.

Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다. 여기서 Element = tag 라고 봐도 무방하다. 1 2 3 document.querySelector('body') -> 'body' tag를 선택 return value : body라는 Element body.style -> body tag에 대한 style 접근 HTMLElement.style 속성은 요소의 인라인 스타일에 접근하거나 설정할 때 사용할 수 있습니다. 접근자로서는 요소의 인라인 style 속성이 포함한 CSS 선언을 담은 CSSStyleDeclaration 객체를 반환합니다 body.style.backg..