배열에 데이터가 보통 다수가 들어있다. 데이터에 반복문을 써서 하나하나 적용해주려면 귀찮은 상황이 발생한다. 이와 같은 상황에 적용하기 위해 map이 있는 것 같다. 배열 뒤에 map이라는 메소드를 붙인 뒤에 인자를 하나 전달 해줍니다 위 상황에서는 number가 됩니다. number는 배열의 데이터 한개한개입니다. number는 반복문 없이 자동으로 순서에 맞게 1, 2, 3, 4, 5가 됩니다. 이를 props를 통해 컴포넌트에 전달해죽고 return해주면 아래와 같이 됩니다.

promise 요즘 nosql과 nodejs등에서 자바스크립트가 중요하게 사용되고 있다. 그러면서 비동기식의 기능을 제공하는 Promise에 대해 정확히 알고 쓰면 좋지 않을 까 하고 글을 적어본다. 여러분은 이코드들이 어떻게 다른지 알고 있다면 이걸 볼 필요가 없다. 1.function f() { return "sanghoon"; } function f1(name) { return "hi "+name; } Promise.resolve(f()).then(f1).then(result => { console.log(result); });resolve에서 확실히 값이 호출된 후 f1으로 전달된다. then에는 함수형태만을 전해줄 수 있기때문에 적절한 코드이다. 2.function f() { return "sa..

[ES6]자바스크립트 ES6 Iterators + for....of for of문은 일반적으로 String, map, Uint8, Array, Set등에서 반복가능한 오브젝트들을 반복 시킬 때 사용했다. 하지만 예시와 같은 것들이 아니 더라도 우리가 직접 [Symbol.Iterators]를 만들어줘서 사용할 수 있다. let fibonacci = { [Symbol.iterator](){ let val = 0, nextVal=1; return{ next(){ [val, nextVal] = [nextVal, val+nextVal]; return {done:false, value:nextVal}; } } } }; for (i of fibonacci){ if (i>1000) break; console.log(i..

ES6 자바스크립트 자바스크립트도 시대가 변하면서 새로운 버전을 소개하고 있는데 이번에는 2009년에 5.0이 발표되고 2015년까지 EcmaScript6라고 공식 표준이된 Es6에 대해 공부해보려고 한다. let, const 자바 스크립트에서는 원래 var라는 변수 선언 문이 있었다. 하지만 es6에서 부터는 let을 사용하고 있고 대부분의 기능은 같지만 조금 다른점이 있는데 이것을 소개시켜 보겠다. 그리고 원래는 컴파일 타임 상수를 선언하는 문이 없었는데 es6부터는 지원하기 시작했다. var x = 21; function f(){ console.log(x)//21 x = 31; if(true){ x= 71; console.log(x);//71 } console.log(x); //71 } functi..