I'm sw engineer!

jQuery (제이쿼리)란 ? 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리. jQuery (제이쿼리) 제작 목적 - DOM과 관련된 처리 쉽게 구현 - 일관된 이벤트 연결 쉽게 구현 - 시각적 효과 쉽게 구현 - Ajax 애플리케이션 쉽게 개발 jQuery 함수 - jQuery() 또는 $()을 말한다. - jQuery 래퍼 (wrapper) 라고도 불림. - 형식 (붉은색 부분) jQuery( 엘리먼트 오브젝트 | 'CSS스타일 선택자' ) - DOM 엘리먼트를 찾아서 결과 값으로 객체를 얻어준다. $(document).ready() 메서드 : 브라우저에 HTML 문서가 로드되어 준비된 상태(ready)가 되었을 때 매개 변수로 전달된 함..

history.pushState 는 페이지 리로드 없이 주소만 변경할 때 사용한다. (브라우저의 뒤로가기 버튼이 활성화 됨 ) 브라우저 페이지를 이동하게 되면 window.onpopstate 이벤트가 발생하게 된다. pushState를 했을 때는 popstate 이벤트가 발생하지 않고, 뒤로 / 앞으로 가기를 클릭 했을 때 popstate이벤트가 발생하게 된다. pushState와 popstate를 이용하여 SPA의 페이지 전환을 구현할 수 있다. history.pushState( state, titile, url ); state : 브라우저 이동 시 넘겨줄 데이터 title : 변경할 브라우저 제목 ( 변경하지 않으려면 null ) url : 변경할 주소

addEventListener()는 document의 특정요소(Id,class,tag 등등..)에 event를 등록할 때 사용한다. 대상객체.addEventListener('이벤트명', fuction 함수명); click – 마우스버튼을 클릭하고 버튼에서 손가락을 떼면 발생한다. mouseover – 마우스를 HTML요소 위에 올리면 발생한다. mouseout – 마우스가 HTML요소 밖으로 벗어날 때 발생한다. mousedown – 클릭을 하기 위해 마우스버튼을 누르고 아직 떼기 전인 그 순간, HTML요소를 드래그할 때 사용할 수 있다. mouseup – 마우스버튼을 떼는 그 순간, 드래그한 HTML요소를 어딘가에 놓을 때 사용할 수 있다. mousemove – 마우스가 움직일때마다 발생한다. 마우스..