Sean :: Dev

const fetchTemplate = function (requestUrl, method, header, body, ifSucceed) { return fetch( requestUrl, { method: method, headers: {}, body: body }).then(response => { console.log(response) if (response.status === 200) { return ifSucceed(response); } if (response.status === 400) { errorHandler(response); } }); };이런식으로 자바스크립트에서 자주 사용되는 fetch API를 템플릿으로 빼서 개발하던 중에 일어난 이슈이다. 프론트에서 이미지나 동영상같은 파일을 첨..

html css JavaScript JavaScript Core DOM BOM traverse 함수를 사용하며 2번째 인자로 익명함수를 전달하여, traverse 내부에서 Callback 함수가 실행되게 한다.

​ ​ var times = document.querySelectorAll('.style-scope .style-scope .yt-simple-endpoint .style-scope .yt-simple-endpoint .style-scope .style-scope span'); var duration = 0; for(var i=0; i

prototype 상속의 구체적 수단 객체의 원형 (의미가 와닫진않음) 함수는 객체이고, 생성자는 함수다. 따라서 생성자도 객체다. 객체는 property를 가질수있는데, prototype은 미리 약속된 특수한 property이다. prptotype에 저장된 속성(ex. 아래의 ultraProp)들은, 생성자를 통해 객체가 만들어질때 그 객체에 연결된다. ㄴ 역시 와닫지않음, 아래 예제를 보자 function Ultra(){} Ultra.prototype.ultraProp = true; function Super(){} Super.prototype = new Ultra(); function Sub(){} Sub.prototype = new Super(); var o = new Sub(); console...

arguments 함수를 호출할때 전달한 인자가 담긴 배열 (사실은 배열이 아니라, arguments 객체의 인스턴스이며, arguments 변수에 담긴 숨겨진 유사배열로 보자) 사용할 수 있도록 이름과 특성이 미리 약속된 특수한 배열로, arguments[0]을 통해 함수로 전달된 첫번째 인자를 알아낼수있다. 또한 arguments.length를 통해 함수로 전달된 인자의 개수도 알아낼수있다. 예제 1 function sum(){ var i, _sum = 0; for(i = 0; i < arguments.length; i++){ document.write(i+' : '+arguments[i]+' '); _sum += arguments[i]; } return _sum; } document.write('r..

클로저 클로저 - 생활코딩 Closure Mozilla reference로는 '함수와 함수가 선언된 어휘적(Lexical) 환경의 조합'을 의미. 쉽게 설명하면, 1) 어떤 함수내에서 함수를 정의하고 사용하는 것과 2) 이때 내부함수에서 외부함수에 접근할 수 있는 원리를 의미하는 정도로 요약해본다. function outter(){ var title = 'coding everybody'; function inner(){ alert(title); } inner(); } outter(); //coding everybody 함수안에서 함수를 정의하고 사용한다. var inner = function() { ~ }와 같으니 문제는 없다. inner라는 내부함수에서 title변수를 사용하는데, 찾아보니 inner함..

다른 언어와 다른부분이 있어 주의. 링크의 자료를 보고 정확히 이해하기. 유효범위 - 생활코딩 Javascript Scope (유효범위) JavaScript Scope의 주요 특징 함수단위의 유효범위 (function-level scope) 암묵적 전역 (implied global) Static(Lexical) Scoping 1. 함수단위의 유효범위 (function-level scope) function-level scope : var block-level scope : let, const (ES6=ECMAScript2015에서 추가됨) 아래의 '2) 암묵적 전역'과 헷깔리지말자. 한마디로 정리하면, '암묵적 전역'개념은 x=1처럼 var키워드를 붙이지않고 생성/선언시 global(전역)으로 선언된다는..