[KH국비지원 웹개발자 과정] Day_47 키워드, JS 객체, JSON, jQuery

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다.
--------------------------------------------------------------------------------------------------

Javascript 객체 생성
var obj = new Object();
key와 value를 저장할 수 있고,
함수(메소드)도 만들 수 있다.

JS객체의 키와 값을 설정하는 두 가지 방법
1.  obj.키이름 = 값
2.  obj["키 이름"] = 값
2번 방법은 키 이름에 띄어쓰기나 기호를 넣을 수 있다.

객체에 배열을 넣을 수 있다. 객체 안의 배열도 인덱스로 접근.

객체의 함수(메소드)를 익명함수를 이용하여 정의할 수 있다.
var obj = new Object();
obj.method = function(){ //실행할 내용 }

객체의 키를 이용하여 값에 접근할 때
.연산자나 []를 이용하여 하나씩 접근할 수도 있고
for in 문을 이용하여 한번에 처리할 수도 있다.
for( var keword in obj){
 obj[keword] // value 값, keword에는 obj의 모든 객체가 반복해서 차례대로 담긴다.
}

객체의 in 키워드
  : 객체 내부에 해당 속성이 있는지 확인하는 키워드
("keword" in obj); keword가 obj객체의 키 중에 있는지? boolean 반환

객체의 with 키워드
  : 호출 시 코드를 줄여주는 키워드 (객체명 생략 가능)
with(obj) {    }
중괄호 안에서는 객체명.키이름 아닌 그냥 키이름으로 이용 가능하다.

JS 문자열을 숫자로 바꾸는 두 가지 방법
1) parseInt( str );
2) Number( str );
parseInt는 "123가나다"처럼 문자열 앞에 숫자가 있는 경우에도 숫자를 뽑아낼 수 있다.

객체의 키 삭제
delete(객체.키)

JSON
Javascript Object Notation
자바스크립트 객체 표기법.
JSON을 사용하면 모든 데이터형을 서버와 주고받을 수 있다.
서버와 데이터를 주고받기 위한 표기법.
자바스크립트에 있는 모든 객체를 표기하는 방법이 JSON.
클라이언트와 서버가 데이터를 주고받기 위해 사용하는 표기법이다.
var obj = new Object();
obj.name = "홍길동";
obj.age = 30;
// 이것은 자바스크립트 객체 생성하고 키와 값을 넣는 것.
// 이를 JSON으로 표현하면
var obj = {
    "name"  :  "홍길동",
    "age"    :  30
}

JSON을 사용하게 된 배경
컴마로 구분하는 CSV는 간결하지만 데이터가 깨지는 문제 발생
태그에 의미를 부여하는 XML은 정확하지만 느리고 무거운 단점
-> XML의 구조와 CSV의 간결함을 합침.

jQuery
  : 자바스크립트로 만들어진 document를 간결하고 편리하게 사용할 수 있게 해주는 라이브러리.
이제는 잘 안 쓰는 추세라고 한다.
자바스크립트에서 요소에 접근하는 getElementById, getElementByName 등의
메소드는 메소드를 달리사용하여야한다는 불편함이 있었음. 이를 해결하기 위하여 나온 것이
jQuery이다. 선택자를 이용하여 요소에 접근할 수 있다는 편리함이 있다.
하지만 jQuery는 jQuery를 사용하기위한 파일을 연결하거나 인터넷 연결을 하여야 사용할 수 있음.
자바스크립트의 정식기능으로 querySelector("선택자") 가 나오게 되면서 잘 사용하지 않는 것으로 보임.

body태그에 접근하는 방법 document.body

BOM 복습
window.confirm
window.prompt
window.screen
window.navigator
window.location

<script>태그는 나누어서 쓰지 않고 한 개만 쓴다.