1 Callback 다른 함수에 인수로 전달된 함수 외부 함수 내부에서 호출되어 일종의 루틴이나 작업을 완료 비동기 작업이 완료된 후 코드 실행을 계속하기 위해 자주 사용됨(비동기 콜백) 1) Callback 흐름 제어 유형 동기식 호출부에서 실행 결과가 리턴될 때 까지 기다려야 하는 함수 비동기식 호출부에서 실행 결과를 가다리지 않아도 되는 함수 싱글 쓰레드 환경에서 실행되는 언어에서 광범위하게 사용 순차적 처리가 보장되지 않기 때문에 아래에 위치한 코드가 위에 위치한 코드보다 먼저 실행될 수 있음 동기 함수에 비해서 좀 덜 직관적으로 느껴짐 2) setTimeout() 코드를 바로 실행하지 않고 일정 시간 기다린 후 실행해야하는 경우에 사용하는 함수 setTimeout(() => console.log..
1 사용법 연습 // setItem: localstorage 정보를 저장할때 사용하는 메소드 localStorage.setItem("name", "yujeong"); localStorage.setItem("age", 100); // getItem: localStorage에서 정보를 가져올때 사용 const result = localStorage.getItem("age"); console.log(result); console.log(typeof result); //local storage에 제대로 저장되지 않음 //const travel = { //destinations: ["paris", "sydney", "taipei"], //days: 100, //mate: undefined, //isAvailabl..
1 Local Storage 웹 스토리지의 한 종류로 웹페이지의 세션이 끝나더라도 데이터가 지워지지 않음 여러 탭이나 창 간에 데이터가 서로 공유되며 탭이나 창을 닫아도 데이터는 브라우저에 그대로 남아 있음 다른 브라우저 간에는 스토리지가 호환되지 않음 JavaScript를 이용하거나 브라우저 캐시또는 로컬 저장 데이터를 지워야만 사라짐 // 키에 데이터 쓰기 localStorage.setItem("key", value); // 키로 부터 데이터 읽기 localStorage.getItem("key"); // 키의 데이터 삭제 localStorage.removeItem("key"); // 모든 키의 데이터 삭제 localStorage.clear(); // 저장된 키/값 쌍의 개수 localStorage.l..
1 addEventListener EventTarget 인터페이스의 메서드로 지정한 유형의 이벤트를 대상이 수신할 때 마다 호출할 함수를 설정함 등록: DOM객체. addEventListener(이벤트명, 실행할 함수명, 옵션); 삭제: DOM객체. removeEventListener(이벤트명, 실행했던 함수명); 대상 이벤트를 지원하는 모든 객체 Element, Document, Widow + XMLHttpRequest type: 수신할 이벤트 유형을 나타내는 문자열 listerner: 지정한 이벤트를 수신할 객체 options: 이벤트 수신기의 특징을 지정할 수 있는 객체 useCapture: 이벤트 타겟으로 이벤트가 전달되기 전 이 수신기가 먼저 발동되어야 함을 나타내는 불리언 값 _ 기본값을 fa..
