Phot_o_matic Programming

기존의 ES5와는 달리, ES6에서 subclassing을 하는 방법을 알아본다. class Human { //function으로 생성자 함수를 만들지 않고, class 라는 명령어로 만든다. constructor(x,y) { //class 명령어로 생성될 것의 property를 지정해준다. this.x = x; this.y = y; } move(){ //prototype이 지닐 method를 생성해준다. this.x++; this.y++; } } class rumee extends Human { // extends를 통하여 Human이 가진 prototype 객체를 복사 붙여넣기 해준다. constructor는 rumee로 유지된다. constructor(x,y) { super(x,y) //super를..

Programming/Concept 2019. 6. 9. 18:22

module의 import와 export 방법을 알아보자. 구성은 모듈을 작동시키는 app.js와 모듈 파일로 나뉜다. 각 모듈은 현재 시간을 호출하는 것(getCurrentTime)과 콘솔에 로그를 찍어주는 역할(logging)을 하는 모듈로 구분한다. app.js import timing from './getCurrentTime'; // default로 export된 것은 이름으로 import 한다. import {_} from './logging'; // default로 export 된 것이 아니면 {} 안에 입력해서 import 한다. const test = new timing(); _.log(`It is ${test.getCurrentHour()}`) _.log(`Now is ${test.get..

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

Object assign method const healthObj = { showHealth : function() { console.log("오늘 운동시간 : " + this.healthTime) } } const myHealth = Object.create(healthObj); myHealth.healthTime = "10:30"; myHealth.name = "sangwoo"; console.log(myHealth); //myHealth가 일반 객체가 아니라 prototype 객체 안에 포함됨. Object.Prototype.----이런식으로 작성하지 않아도 됨. //문제는 .healthTIme .name 처럼 일일히 다 지정해줘야 함 Object assign 방법 const healthObj = ..

Programming/Concept 2019. 4. 23. 20:36

Javascript에는 class가 없지만, ES6에서는 class라는 keyword가 생겨서 사용할 수 있게 되었다. 기존의 this context 방법 function Health(name) { this.name = name; } Health.prototype.showHealth = function() { console.log(this.name + "님 안녕하세요"); } const h = new Health("sangwoo"); h.showHealth(); // "sangwoo님 안녕하세요" class 방법 -> 실제로는 위의 방법과 같은 원리도 작동하는 것 class Health { constructor (name, lastTime) { this.name = name; this.lastTime =..

Programming/Concept 2019. 4. 23. 19:41

기존 방법으로는 어떤 arguments들에 대한 판별이 필요할 때 아래와 같은 방법을 사용하였다. //arguments가 전부 숫자로만 이루어져있는지 판별하는 함수 checkNum function checkNum() { const argArray = Array.prototype.slice.call(arguments); console.log(toString.call(argArray)); // Array const result = argArray.every(v => typeof v === "number") // every method는 array의 element들이 해당 조건을 모두 만족하면 true, 아니면 false를 return한다 console.log(result); } const result = c..

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

function sum(value, size) { return value * size; } console.log(sum(3, 10)) // 30 console.log(sum(3)) // NaN 위처럼 두번째 parameter 값을 입력하지 않은 경우에는 NaN과 같은 값이 나올 수 있다. 이런 경우, 두번째 parameter 값이 입력되지 않을 경우에 기본값(default parameter)을 지정해 줄 수 있다. //아래의 방법과 같이 쓸 수도 있다. function sum(value, size) { size = size || 1 ; return value * size; } //더 간단히 하면, function sum(value, size=1) { return value * size; } default..

Programming/Concept 2019. 4. 23. 19:04

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

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