well-balanced

- getter : 객체의 property를 가져오는 함수 - getter의 값 계산은 실제 값이 필요할 때만 이루어진다. 즉 쓸데없는 CPU 낭비가 없음. - getter가 호출될 때 처음 값이 계산되고, 이후의 호출은 다시 계산하지 않고 캐시 값을 반환함. - setter : 객체의 property를 설정하는 함수 - setter는 오직 하나의 parameter 만을 가질 수 있다. class Name { constructor(first,last) { this._first = first; this._last = last; this._name = first + ' ' + last } } const Woody = new Name('Woosik','kim') console.log(Woody._name) /..

Today I Learned Class 구문에서 쓰는 getter와 setter 에 대해서 공부하고 이곳에 정리했다.

Today I Learned 클로저 함수에 대해 좀 더 알아보았다.

Today I Learned Hackerrank에 있는 JavaScript 문제를 몇가지 풀어봤다. 이곳에 정리했다. 클로저에 대해서 이해하려고 노력중이다. 일단 그 중에 꽤나 자주 쓰이는(?) Classic한 예제를 이해하는데 성공했다. var arr = [] for(var i=0; i { return i } } for(var index in arr) { console.log(arr[index]()) } 이 코드의 결과는 0, 1, 2, 3, 4 가 출력될 거라는 내 예상과는 다르게 아래와 같았다. 그 이유는 i가 return된 scope에는 변수 i에 대한 선언이 없기 때문에 그 상위 scope의 전역변수 i 값인 5를 참조했기 때문이다. i 변수를 var가 아닌 let으로 선언한다면 어떻게 될까? ..

Problem [ Day 2: Loops | HackerRank Learn For, While and Do-While loops in Javascript. www.hackerrank.com ](https://www.hackerrank.com/challenges/js10-loops/problem) function vowelsAndConsonants(s) { const vowels = ['a','e','i','o','u'] for (var i of s) { if(vowels.includes(i)){ console.log(i) } } for (i of s) { if(!vowels.includes(i)){ console.log(i) } } ..

Today I Learned 이전에 배우고 얕게 이해하고 있었던 Promise 의 개념을 보다 명확히 잡았다. // 기존의 Callback 방식 function delay(sec,callback){ setTimeout(()=>{ callback(new Date().toISOString()) },sec*1000) } 이를 반복하기 위해서는 아래와 같이 써야한다. delay(1,(time)=>{ console.log(time) delay(1,(time)=>{ console.log(time) delay(1,(time)=>{ console.log(time) }) }) }) // Promise 방식 function delay(sec) => { return new Promise((resolve,reject)=>{ ..

Today I Learned React의 useMemo, useCallback 을 활용한 최적화, useReducer를 통해 상태관리하기 등을 공부했다. 기존에 공부하고 있던 React의 Hooks는 지금 나의 수준에 맞지 않다고 판단을 내려 잠시 유보하기로 결정했다. Action Plan React 공식문서의 튜토리얼을 따라해보기로 했다. 위 선행조건에 따라 JavaScript의 Class와 ES6 문법 Review 해보기

Today I Learned React를 공부했다. 상위 컴포넌트에서 Property의 Value를 설정하지 않았을 때 기본적인 값을 설정할 때는 DefaultProps를 이용하면 된다. function Hello(props) { return Hello, {props.name} } Hello.defaultProps = { name: 'Stranger' } // 상위 컴포넌트에 렌더링되는 값 : Hello, Stranger React의 Basic hooks 중 하나인 useState에 익숙해지기 위해 아래와 같은 작업들을 반복해봤다. useState를 이용해 여러개의 input 태그의 상태를 제어해보았다. 배열을 렌더링하고, 배열에 항목을 추가하고, 제거하는 작업을 해보며 배워봤다.