Phot_o_matic Programming

Photography/Olympus 2019. 4. 22. 17:37

codestates pre course 과제 중, lodash method를 하나씩 구현하는 과제가 있었다. 그 중에 IAT 문제로 나왔던 _.reduce 구현이 까다로웠던 것으로 기억해 정리해보았다. each each는 object 또는 array 전체를 순회하는 method이다. return 값은 따로 없다. //Call iterator(value, key, collection) for each element of collection. //collection은 주어진 object, iterator는 collection 길이만큼 순회하는 함수. _.each = function(collection, iterator) { if(Array.isArray(collection) { for(var i = 0; i..

Programming/Concept 2019. 4. 22. 16:34

문제의 개요 express 설정 필요한 npm 모듈의 설치 input UI 만들기 (검색창) 검색결과를 서버에서 받아 dummy json 형태를 내려주기 화면에 결과를 노출하기 https://github.com/swoo1226/myproject/commit/b2d24a840cdfba333c37440e7b713213b20aaebd

Programming/Concept 2019. 4. 21. 23:18

기존의 방법으로 사용된 this context const myObj = { runTimeout(){ setTimeout(function(){ this.printData(); }.bind(this), 2000); }, //여기서 bind를 통해서 window 내의 printData를 찾는 것이 아닌, myObj 내에서 찾도록 만들어준다. printData(){ console.log("Hello ES6!"); } } Arrow funciton의 적용 const myObj = { runTimeout(){ setTimeout(() => { console.log(this === window); this.printData(); }, 2000); }, //bind가 없어지고, Arrow가 포함되는 이 때에는 this..

Programming/Concept 2019. 4. 19. 17:46

const data = [ { name : 'starbucks', order : true, items : ['americano', 'ice coffee', 'caffelatte'] }, { name : 'ediya', order : false } ] //Tagged template literals function fn(tags, name, items){ if(typeof items === "undefined"){ items = "주문가능한 상품이 없습니다" } return (tags[0] + name + tags[1] + items + tags[2]); } 이 때, fn의 tags 파라미터는 변수가 아닌 문자열 값들로 구성된 배열이 된다 변수가 사용된 순서대로 파라미터가 할당된다 => name === $..

Programming/Concept 2019. 4. 19. 16:17

set은 중복되지 않은 값을 가진 배열을 만들 때 좋다! let condition = { name : "LUCKY LOTTO!", count : 6, maxNumber : 45 } let {name, count, maxNumber} = condition; function getRandomNumber(maxNumber){ let set = new Set(); for(let i=0; i < count; i++){ set.add(Math.floor(Math.random() * maxNumber + 1)); } return set; }

Programming/Concept 2019. 4. 19. 15:36

기존의 방법으로, 어떠한 height와 width가 주어졌을 때 area를 구하는 instance 생성 방법은 아래와 같다. //Area class 생성 function Area(height, width){ this.height = height; this.width = width; } //getArea instance 생성 Area.prototype.getArea = function(){ return this.height * this.width; } //적용 let myArea = new Area(30, 10); console.log(myArea.getArea()); // 300 console.log(myArea.height); // 30 WeakMap으로 외부 접근이 불가능하게 관리하는 instance..

Programming/Concept 2019. 4. 19. 15:13

Map과 WeakMap은 Set과는 차이점이 있다. key와 value 구조 특정 객체의 부연 설명을 할 때 사용 가능 key에 적용한 객체에 null 할당 시 가비지 컬렉션으로 간주 WeakMap WeakMap의 key는 오직 Object type만! Primitive type은 허용되지 않는다.(Symbol도 WeakMap key가 될 수 없다) 객체 정보만 넣을수 있다. private 변수 만들기. 객체가 필요없어질 때에는 가비지컬렉션 대상이 됨. Set 사용으로 모자라면 map을 사용 함수의 호출 횟수를 세는 WeakMap 활용을 해 보자. let weakMap = new WeakMap(); let myFun = function(){}; //myFun 함수가 몇 번 실행 되었는지를 세 볼 것이다...

Programming/Concept 2019. 4. 19. 14:14