Phot_o_matic Programming

Callback? 다른 코드의 parameter로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행(synchorously)할 수도 있고, 아니면 나중에(asynchronously) 실행할 수도 있다. Callback in action -Iterator [1,2,3].map(x => x*x); -event handler document.querySelector('#btn').addEventListener('click', function(e){ console.log('button clicked!'); });

Programming/Concept 2019. 4. 16. 16:00

Prototype? 인스턴스가 생성될 때의 원형. 즉 프로토타입의 모양대로 인스턴스가 생성 인스턴스의 메소드는 Object.prototype.something으로 표현 UNDERSTATNDING OF PROTOTYPE function Car(model, brand){ this.model = model; this.brand = brand; } var spark = new Car('spark', 'chevrolet'); var i40 = new Car('i40', 'Hyundai'); Car.prototype.ride = function(){ console.log('vroom!' + this.model) }; Class? Javascript는 prototype 기반 언어 prototype을 기반으로 객체지향..

Programming/Concept 2019. 4. 16. 15:49

특정 함수에 특정 arguments를 도입하고 싶을 때 사용한다 1. call : Function.prototype.call(thisArg, arg1, arg2, ...) function makeParamsToArray() { return Array.prototype.slice.call(arguments); } console.log(makeParamsToArray('first', 'second')) //["first", "second"] 2. apply : Function.prototype.apply(thisArg, [argsArray]) var min = Math.min(7, 35, 2, 8, 21); console.log(min); //2 var arr = [7, 35, 2, 8, 21]; var m..

Programming/Concept 2019. 4. 16. 15:33

Programming/Concept 2019. 4. 15. 12:50

변수를 scope 안쪽에 감추어 함수 밖에서 노출시키지 않을 수 있음 function makeCounter() { var privateCounter = 0; function changeBy(val) { privateCounter += val; } return { increment: function() { changeBy(1); }, decrement: function() { changeBy(-1); }, getValue: function() { return privateCounter; } } } var counter1 = makeCounter(); counter1.increment(); counter1.increment(); var counter2 = makeCounter(); counter2.incre..

Programming/Concept 2019. 4. 15. 12:04

1) Array.isArray(obj) arguments : 검사할 객체 return value : boolean 검사할 객체가 배열이면 true, 아니면 false를 반환 2) arr.forEach(callback) arguments : element의 길이만큼 반복하는 함수 parameters - 순서대로 (현재 element, 현재 index, 배열 그 자체) return value : 없음 element마다 함수를 반복 실행한다 3) arr.map(callback) arguments : element의 길이만큼 반복하는 함수 parameters - 순서대로 (현재 element, 현재 index, 배열 그 자체) callback에서 return 필요 기존 배열과 동일한 길이를 갖고, 형태가 다른 ..

Programming/Concept 2019. 4. 15. 11:18

엄격한 비교 연산자를 사용하라! "==" 혹은 "!="를 사용할 경우, 의도치 않게 비교 대상의 type이 변하여 비교 연산이 실행될 수 있다. 그러므로 반드시 "===" 와 "!=="를 사용하자. 나쁜 예) // This comparison evaluates to true, because after type coercion, zero and the empty string are equal. if (0 == '') { alert('looks like they\'re equal'); } 3항 연산자 (x ? y : z) : x가 참이면 y를, 거짓이면 z를 실행한다. 읽기는 어렵지만, 코드를 간략하게 해준다. 예) return (actual === expected) ? 'passed' : 'FAILED [..

Programming/Concept 2019. 4. 13. 23:44

1) Quoting - 인용 : Javascript의 string문자열을 쓸 때에는 처음과 끝에 작은 따옴표를 쓰자. 혹은 작은 것이나 큰 것 중 하나의 종류만 꾸준하게 사용하자. 대신, 작은 따옴표를 쓰면 HTML을 쉽게 삽입할 수 있다. HTML은 기본적으로 태그 속성의 주위에 큰 따옴표를 붙이기 때문이다! 예외) 줄바꿈이 필요한 문자열의 정의 var multilineText = `this is line one this is line two this is line three`; 2) Semicolons - 세미콜론 : 코드 문장의 끝에는 항상 ";"을 쓰자. if, for, while 구문의 끝에는 세미콜론을 사용하지 않아야 한다. 예) if (condition) { response(); } 함수 표..

Programming/Concept 2019. 4. 13. 23:29