Tech notes

.forEach( ) 배열.forEach(콜백함수); 같은 코드를 배열의 각 요소에 적용시켜먼서 실행함 인자로 콜백함수를 전달받음 콜백 함수의 형태는 함수 선언 혹은 화살표 함수 미리 콜백 함수를 선언했다면 함수의 이름만 전달해도 됨 forEach()의 리턴값은 늘 undefined임 const fruits = ['mango', 'papaya', 'pineapple', 'apple']; fruits.forEach(fruits => console.log(`I want to eat a ${fruits}`)); 콜백함수로 화살표 함수를 사용한 모습 .map( ) 배열.map(콜백함수); 각 배열의 요소를 적용하며 같은 코드를 반복함 콜백함수를 인자로 받고 새로운 배열을 리턴함 (원래 배열은 변화X) const..

IT/Javascript 2020. 9. 25. 12:47

Functions as Data - 자바스크립트에서는 함수를 다른 변수에 저장하는 것이 가능하다 - 자바스크립트에서 함수는 first class object이다 💡 first class object의 개념 : 다른 객체들 처럼 함수도 속성(properties)과 메서드를 가짐 e.g. arguments, length, name 등 const checkThatTwoPlusTwoEqualsFourAMillionTimes = () => { for(let i = 1; i { let t1 = Date.now(); funcParameter(); let t2 = Date.now(); return t2 - t1; } timeFuncRuntime(() => { for (let i = 10; i>0; i--){ conso..

IT/Javascript 2020. 9. 24. 16:07

Array - 배열은 [] 을 이용해서 선언한다 - 어떤 종류의 데이터 타입도 담을 수 있음 - 데이터 타입이 다른 종류를 섞어서 배열에 넣는 것도 가능함 (하지만 추천은 하지 않음..) - 배열에 접근할 때는 인덱스를 이용함. 배열의 인덱스는 0부터 시작하고 범위를 벗어난 값에 접근하려고 하면 undefined 이 표시됨 const hobbies = ['Playing Guitar', 'Blog', 'Watching Netflix']; console.log(hobbies); console.log(hobbies[0]); //Playing Guitar console.log(hobbies[3]); //undefined const vs let - let으로 선언한 배열은 배열의 값을 수정하는 것도 새로운 배열을..

IT/Javascript 2020. 9. 23. 11:17

Block Scope 코드 블록 안에서 선언된 변수는 밖에서 참조하는 것이 불가능하다. function logVisibleLightWaves(){ const lightWaves = 'Moonlight'; console.log(lightWaves); } logVisibleLightWaves(); console.log(`light waves = ${lightWaves}`); 위 경우에 lightWaves라는 변수는 logVisibleLightWaves라는 함수 안에서만 정의되어 있으므로 ReferenceError가 뜬다. Scope Pollution 늘 어디서나 접근가능한 전역 변수를 사용하면 좋지 않을까 생각할 수도 있다. 하지만 그렇게 되면 저장공간을 낭비하게 된다. const satellite = 'T..

IT/Javascript 2020. 9. 22. 14:24