목차 모든 데이터 가져오기 첫번째 데이터 가져오기 네비게이션 버튼 만들기 리스트 클릭 시, 상세정보 보여주기 ※ AJAX는 xml 파일과 대화적 통신 가능. 모든 데이터 가져오기 [작동 원리] 버튼 클릭하면 hz() 함수 실행…

목차 AJAX 기능 AJAX 정의 AJAX 예제 - txt 파일 불러오기 AJAX 작동원리 (= 작동순서) AJAX 장단점 jQuery AJAX AJAX 기능 1. 페이지 로드…

Timing Event개념 타이밍 이벤트 : window 객체가 지정된 시간 간격에 코드 실행 가능한데, 이 시간 간격의미. 1. 대표적인 JS 타이밍 이벤트 메서드 2개. setTimeout(f…

JS 3가지 팝업상자 1. Alert Box (경고 상자 = 얼럿박스) window.alert("sometext"); alert("sometext"); 2. Confirm box (확인 상자 = 컨펌박스) window.confirm("sometext"); …

window.history 객체 window.history 객체는 브라우저의 이력 포함. 1. window.history객체는 window 접두사 없이 작성 가능. 2. 사용자 개인정보 보호 위해, JS가 이 객체에 접근하는 방…

목차 Events에 반응 HTML Event 속성들 HTML DOM 사용해 Events 할당 onload / onunload 이벤트속성 onchange 이벤트속성 onmouseover / onmouseout 이벤트속성 onmousedown / onmouseu…

목차 주요 에러 종류 에러 발생 시 현상 console.log() 메서드 breakpoint (중단점) 설정 debugger 키워드 브라우저 디버깅 툴 열기 주요 에러 종류 구문 에러 -…

목차 data() 예제 - 지정 요소에 데이터 첨부/반환 data() 정의 data() 구문 (데이터 첨부 경우) data() 구문 (데이터 반환 경우) data() 구문 (객체 이용해 데이터 첨부) data() 예제 - 데이터 반환해 버튼 내용 변경 dat…

목차 siblings() 예제 - 모든 형제요소의 스타일 변경. siblings() 정의 siblings() 구문 siblings() 예제 - 특정 형제요소의 스타일 변경. siblings() 예제 - 특정 형제요소 토글. …

목차 prev() 예제 - li.start의 직전 형제요소 반환 prev() 정의 prev() 구문 prev() 예제 - 각 div의 직전 형제요소 반환 prev() 예제 - 버튼 바로 앞 이미지 (보이기/숨기기) 토글 prev() 예제 - 검색 범위 좁히기 …