[질문 정리]#10 js-dom + json + J-Query

0. 속성은 일반속성과 사용자속성이 있다.

일반속성 :

<input type="text" value="아무 내용이나..."/>

 

사용자속성 : (my-attr 인듯?)

 

<a href="#" my-attr="header">링크 클릭</a>

1. event 객체와 this 차이

event 객체는 발생한 이벤트에 대한 모든걸 보여준다. this는 이벤트를 당한 요소에 대한 정보.

 <!-- 이벤트 객체(발생한 이벤트의 모든 정보)를 받을 때 , 클릭에 대한-->

        <button onclick="arg1(event)">button 1</button>

        <!-- 이벤트가 발생된 당사자 정보를 받을 때  클릭 당한 버튼에 대한 정보-->

        <button onclick="arg1(this)">button 2</button>

2.keyup과 keydown의 차이

keydown은 키가 눌렀을 때

keyup은 땠을 때

 

+keydown을 눌렀을때 한박자씩 늦었다. 그 이유는?

1. 이벤트가 먼저 일어나서

2. input에 입력되기 전에 값을 가져오려고 하기 때문

 

3. event 걸린 당사자를 가져오는 방식 2 가지.(this인거 몰랐음 .ㅠ )

 

1) evt.target을 쓰기

2) this를 쓰고 '.'뒤에 어쩌구 붙이기

+ j-query에서 this 쓰는 법

$('input[type="text"]').on({
            focus:function(){
                $(this).css({'background-color':'pink'});
                   }
        });

$('input[type="text"]').on({
    	focus:function(evt){
             	 $(evt.target).css({'background-color':'pink'});// evt.target이 html에서 쓴거였으니까 
          	  //여기서 사용하려면 ()안에 넣어줘야한다.
            }
       })

4. 내가 자식창의 특정한 요소를 가져오고 싶은때는?

 

window.open( ' ' , ' ' , ' ') 으로 열고 

win.document.getElementById(fromParent).value을 써서 자식창에서 id = fromParent 를 가져오면 된다.

 

1. 자식을 오늘 시킬 때 얘를 제어하기 위해서 특정 변수에 넣어줌

2. 변수로 부터 특정 도큐먼트  해야 해당 html로 들어갈 수 있었슴

3. 거기서 부터 겟 엘리먼트로 해서 제어 할 수 있었음. 

5. setInterver 뭐하는 애인지?

 

1) 1초마다 특정한(do It) 함수를 실행할 수 있게 하는것

 

+1000분의 1초마다 움직임

 

6.setInterval을 멈추게 하려면?

 

1) clearInterval을 이용해야 함

1. setInterval을 변수에 넣고

2. cleaInterval() 괄호 안에 변수를 넣어준다.

 

7. setinterval과 settimeout의 차이가 뭔지?

 

setintervaldms 1초 마다 실행함수를 실행하는 거고

settimeout은 1초 후 실행함수를 실행하라 (1번만 실행함)

 

8.json이 뭔지?

 

[약어 - java script object notation : 자바 스크립트 객체 표기법]

1. 데이터 전송에 많이 이용하고 있는것(통신할 때 !!)

2. 배열의 형태로 담아온다.