js-ES5 썸네일형 리스트형 문자를 ASCII로 , ASCII를 다시 문자로 바꾸는 방법 document.addEventListener("keydown", function(event) { var asciiCode = event.key.charCodeAt(0); // 문자를 아스키 코드로 변환 var character = String.fromCharCode(asciiCode); // 아스키 코드를 다시 문자로 변환}fromCharCode() == 아스키를 문자로 변환하는 함수charCodeAt(0) == 문자를 아스키로 변환하는 함수 더보기 비동기 통신 1. AJAX 비동기 통신 -- 순서가 지켜지지 않는 통신입니다. -- 통신중에도 사용자는 다른작업을 진행 할 수 있습니다. 2. Mock 객체 --REST API 와 통신하기 전에 테스트용으로 확인하는 용도로 사용 https://designer.mocky.io/design Mocky: The world's easiest & fastest tool to mock your APIs designer.mocky.io 가짜데이터를 싣고 테스트를 하는 용도로 사용한다. 더보기 BOM-2 1. Navigator 객체 A. callback 함수 -- 브라우저상에서 유저가 호출(허용)을 해주어야 실행되는 함수입니다. 2. Cookie 객체 3. Storage객체 --클라이언트에서만 사용이 가능함 -- 브라우저 내에 키=값으로 저장되는 저장소를 뜻한다. 더보기 BOM-1 1.window 객체- 시간함수 A. 인터벌 함수 B. 타임아웃 함수 2. Location 객체 3. History 객체 4. Navigator 객체 -- 해당 접속 환경을 토대로 Cross Browsing 이 가능하다 더보기 마우스 이벤트 1. 마우스 이벤트 A. mousemove 마우스가 움직일 때 --좌표값을 출력 후 해당 좌표값을 타깃에 입력하여 이동하는 방식 B. 클릭 시 이동 C. 깜빡이는 현상 해결하기 마우스 내에서 이벤트 받지 못하게 제약을 걸어놓은 상황에서 버블링 허용을 시켜주어야 한다. 2. Scrollify 3. form 객체 -- form 객체는 document의 자식객체입니다. -- 따라서 form객체에 name속성이 있다면 name속성을 사용하여 선택해 올 수 있습니다. 4. DATE 객체 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date Date - JavaScript | MDN JavaScript Date ob.. 더보기 이벤트/ 버블링/ 캡쳐링 1. 이벤트 위임방식 메커니즘 -- 이벤트 위임방식은 많이 사용되는 강력한 핸들링 패턴입니다. -- event.target 현재 이벤트를 발생시킨 대상 -- event.currentTarget 실제 이벤트를 발생시키는 부모태그 혹은 다른 태그 A. 버블링 -- DOM의 이벤트 동작 방식은 버블링입니다. -- 클릭을 누름과 동시에 모든 영역에서 탐색이 들어가서 누른 곳을 찾습니다. -- 이것을 캡쳐링이라고 합니다. -- 이벤트 발생한 곳을 찾은 뒤에 다시 최상위 객체인 window에 전달을 합니다 -- 이것을 버블링이라고 합니다. -- 캡처링이 끝난 후 다시 window로 올라가는 과정에서 존재하는 모든 이벤트객체를 실행시킵니다. -- 캡처링 페이즈에서는 실행이 되지는 않습니다. B. 캡쳐링 --이벤트 발.. 더보기 노드 삽입, 복제 1. InsertBefore(삽입태그, 기준태그)-- 기준태그 앞에 삽입태그를 넣어줌 2. 노드 복제하기 3. 클래스 속성 제어 4. 이벤트 객체 위임 더보기 Node 1. 노드 생성, 추가 -- createElement() 태그요소를 생성 -- createTextNode() 태그형태의 문자열을 생성 -- appendChild() 요소를 부모자식관계로 넣음 -- InnerHTML : 요소를 지우고 다시 생성 -- 테이블 한줄로 만드는 css 2. 노드 삭제 -- remove() -- removeChild(삭제할 자식노드) 3. 노드의 자식, 부모를 선택하기 --부모노드, 자식노드, 형제노드(부모가 같은 또다른 노드) 개념을 알아야함 더보기 이전 1 2 다음
