쫑가 과정

주어진 함수를 배열 요소 각 각에 대해 실행한다. Array.prototype.forEach() - JavaScript | MDN forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다. developer.mozilla.org 구문 arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) callback - 각 요소에 대해 실행할 함수. 다음 세 가지 매개변수를 받는다. currentValue - 처리할 현재 요소. index (Optional) - 처리할 현재 요소의 인덱스. array (Optional) - foreach()를 호출한 배열. thisArg (Optional) - callback을 실행할 때 this로 사용할..

함수를 화살표로 표시한다. 화살표 함수 - JavaScript | MDN 화살표 함수 표현(arrow function expression)은 function 표현에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. 화살표 함수는 항상 익명입니다. 이 함수 표현은 메 developer.mozilla.org function 표현에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합하다. 구문) (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) =>..

배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. Array.prototype.map() - JavaScript | MDN map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. developer.mozilla.org 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) callback - 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가진다. 1. currentValue - 처리할 현재 요소. 2. index (optional) - 처리할 현재 요소의 인덱스. 3. array (optional) - map()을 호출한 배열. ..

intervals 정해놓은 시간마다 함수를 실행한다. WindowOrWorkerGlobalScope.setInterval() - Web APIs | MDN The setInterval() method, offered on the Window and Worker interfaces, repeatedly calls a function or executes a code snippet, with a fixed time delay between each call. developer.mozilla.org var intervalID = setInterval(func, [delay, arg1, arg2, ...]); var intervalID = setInterval(function[, delay]); fun(func..

브라우저 환경과 다양한 명세서 ko.javascript.info window 두 가지 의미 1. 전역개체 window.document 와 window를 생략한 document는 같은 결과를 가져온다. 이유는 window를 생략하면 자동으로 윈도우 객체의 프로퍼티를 의미하기 때문. 2. window 또는 frame 것을 제어하기 위한 객체 여러 프로퍼티 중에서 아주 중요한 프로퍼티가 document JavaScript Core JavaScript 언어 자체에 정의되어 있는 객체들. BOM Browser Object Model. 웹페이지의 내용을 제외한 브라우저의 각종 요소들을 객체화시킨 것이다. 전역객체 Window의 프로퍼티에 속한 객체들이 이에 속한다. DOM Document Object Model. ..

주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환한다. Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. developer.mozilla.org 구성 arr.filter(callback(element[, index[, array]])[, thisArg]) callback - 각 요소를 시험할 함수. true를 반환하면 요소를 유지, false를 반환하면 버린다. 다음 세 가지 매개변수를 받는다. element - 처리할 현재 요소. index(Optional) - 처리할 현재 요소의 인덱스. array(Optional) - filter를 호출한 배열. th..

명언만들기 명언을 넣은 array를 만들어준다. const saying = [ {a : "유행은 유행에 뒤떨어질 수 밖에 없게 만들어진다.", b : "가브리엘(코코)샤넬"}, {a: "미래는 탁한 거울이다. 누구든 들여다 보려 하면 늙고 근심 어린 얼굴의 희미한 윤곽만 볼 뿐이다.", b: "짐 비숍" }, {a: "현재뿐 아니라 미래까지 걱정한다면 인생은 살 가치가 없을 것이다.", b: "윌리엄 서머셋 모옴"}, {a: "일 분 전만큼 먼 시간은 없다.", b: "짐 비숍"}, {a: "당신은 지체할 수도 있지만 시간은 그러하지 않을 것이다.", b: "벤자민 프랭클린"}, {a: "미래에 사로잡혀있으면 현재를 있는 그대로 볼 수 없을 뿐 아니라 과거까지 재구성하려 들게 된다.", b: "에릭 호퍼..

사용자 이름 저장하기 (local storage) Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. developer.mozilla.org 브라우저에서 공짜로 뭔가를 기억할 수 있게 해주는 api이다. 예를 들어 유튜브 볼륨을 조절하고 기억하는 기능 등이다. 자주 사용한다. localStorage console에 localStorage라고 입력하면 볼 수 있는데 이미 정의되어 있다. 또 개발자 도구(f12)에서 볼 수 있다. application > local storage 이곳에 저장했다 꺼내 쓸 수 있다. localStora..