Phot_o_matic Programming

문제의 개요 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

*WeakSet은 * 참조를 가지고 있는 객체형태만 저장 가능하다. 저장된 객체가 더이상의 참조를 가지지 않을때는 가비지컬렉션의 대상이 된다. 객체 관련 된 것을 넣을때 weakSet을 사용 하면 좋다. 참조를 하지 않는 객체가 들어있다면 자동으로 없애준다. 객체의 형태만 따로 관리 해준다. 객체만 관리할 경우 weekSet을 사용하는 것이 좋다. //객체형태를 중복없이 저장하려 할 때 유용한 WeakSet let arr = [1, 2, 3, 4]; let arr2 = [5, 6, 7, 8]; let obj = {arr, arr2}; let ws = new WeakSet(); wa.add(arr); ws.add(arr2); ws.add(obj); arr = null; console.log(ws.has(a..

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

Set을 이용하면 중복된 값을 제외한 배열 생성을 쉽게 할 수 있다. let mySet = new Set(); //class처럼 new Set()으로 지정해준다. mySet는 "Set"이라는 새로운 타입으로 정의된다. //.add를 통해서 mySet에 값을 넣을 수 있다. mySet.add("canon"); mySet.add("nikon"); mySet.add("canon"); mySet.forEach(function(value){ console.log(value); }) //"canon" "nikon" 두 개의 값만 나올 것이다. 중복된 값은 제외되었기 때문이다. //Set 타입에서 어떤 값을 가지고 있는지 확인하는 쉬운 방법은 .has console.log(mySet.has("canon"); // t..

Programming/Concept 2019. 4. 19. 12:09