Developer_hong

map 반복문을 돌면서 배열 안의 요소를 1대1로 매핑한다고 이해하면 됩니다 어떻게 매핑할것인지를 함수 내부에 정의하면 된다 참고사항으로 map은 배열을 매핑해줄 뿐 기존 객체를 수정하지 않는다 배열.map( (요소, 인덱스, 배열) => { return 요소 }) ; // 기본 사용 방법 const numbs = [1, 2, 3]; let result = numbs.map( (n) => { console.log(n); return n; }); -> 결과 : 1, 2, 3 (result 에는 [ 1, 2, 3 ] 저장됨) // 각 요소의 짝수, 홀수 여부 const numbs = [1, 2, 3]; result = numbs.map(n) => { if ( n % 2) { return "홀수"; } ret..

자바 스크립트에서 배열안의 특정한 조건에 맞는 값을 찾으려면 대부분 for문을 사용하는데 반복문을 통해 순회하여 해결할 수 있지만 권장하지 않는다 ex) for문을 사용하여 배열에서 5보다 큰 수 찾기 const condition = []; const numbs = [1,2,3,4,5,6,7,8]; for ( x = 0; x 5 ) { condition.push( target ); } } console.log(condition); // [ 6, 7, 8 ] 출력 ex) filter를 사용한 5보다 큰 수 찾기 const numbs = [1,2,3,4,5,6,7,8]; const condition..

ES는 ECMASCRIPT를 말하며 JS 규격, 표준을 의미합니다 ES5 (2009년 출시) ES6 (2015년 출시) ES출시에 따른 차이로 인해 많은 문법들이 달라졌으며, 현업에서는 ES6+ 이상을 원하고 있는 추세이다 -> ES6를 알아야 ES5 레거시 코드를 리팩토링 할 수 있는 자질이 있다고 판단 ES5와 ES6 변화 - ES5에서 ES6로의 가장 큰 변화로는 let, const 변수가 추가됐으며 동작에서 차이가 있다 - Arrow function 추가됨 //ES5 function add (x,y){ return x + y; } //ES6 fucntion add = (x,y) => x + y; - Default prarmeter 추가됨 var test = function(x, y){ var x ..

대다수의 커뮤니티, 포털 사이트에 접속하여 크롬에서 F12를 눌러 개발자 창을 띄우게 되면 이러한 문구들을 볼 수 있다 티스토리에서 Chrome에서 F12 개발자 모드 실행하면 다음과 같이 TISTORY가 나온다 본인만의 홈페이지에도 추가하고 싶다면 HTML에 해당 스크립트를 추가하면 된다 콘솔창에 테스트 결과 다음과 같이 내 티스토리 이름이 출력된다.