하수도키의 성장일기

개발일기/자바스크립트 코딩의기술 정리

자바스크립트 코딩의 기술(시리즈 5 - 반복문을 단순하게 만들어라(2/2))

자바스크립트 코딩의 기술(시리즈 5 - 반복문을 단순하게 만들어라(2/2)) 자바스크립트 코딩의 기술 책을 읽고 복습 겸 정리하는 포스팅이다. 시리즈 1이 시작이며 시리즈 몇까지는 갈지는 진행하면서 가늠잡아 보겠다. 개요 데이터를 순회할 때 사용하는 배열메서드를 알아보자. 여태까지 for문만 사용했으면 이제 적합한 도구(배열메서드)를 사용해보자. forEach()로 동일한 동작을 적용하라.(TIP24) forEach() 메서드를 이용해 배열의 각 항목에 동작을 적용하는 방법을 살펴보자. map(), filter(), find()와 달리 forEach()는 배열을 전혀 변경하지 않는다. 대신, 모든 항목에 동일한 동작을 수행 한다. 회원들에게 이메일로 초대장을 보내는 예제 코드를 보면서 살펴보자. cons..

개발일기/자바스크립트 코딩의기술 정리

자바스크립트 코딩의 기술(시리즈 5 - 반복문을 단순하게 만들어라(1/2))

자바스크립트 코딩의 기술(시리즈 5 - 반복문을 단순하게 만들어라(1/2)) 자바스크립트 코딩의 기술 책을 읽고 복습 겸 정리하는 포스팅이다. 시리즈 1이 시작이며 시리즈 몇까지는 갈지는 진행하면서 가늠잡아 보겠다. 개요 데이터를 순회할 때 사용하는 배열메서드를 알아보자. 여태까지 for문만 사용했으면 이제 적합한 도구(배열메서드)를 사용해보자. 화살표 함수로 반복문을 단순하게 만들어라(TIP20) 화살표 함수(=>)를 이용해 관련 없는 정보(기존 함수에서)를 제거하는 방법을 알아보자. 필요없는 정보 function 키워드 인수를 감싸는 괄호 return 키워드 중괄호 this와 관련된 문맥 내용도 있으나 여기서는 지나가고 나중에 TIP36에서 살펴볼 것이다. 영문 이름 값을 받아 첫 번째 글자를 대문자..

개발일기/Vue.js

[Vue.js] highcharts 설치 및 세팅

highcharts 설치 및 세팅 Vue.js 사용하면서 차트를 그려야 될때 highcharts를 이용해보자. 다른 차트로 만들고 싶으면 https://madewithvuejs.com/charts 요기를 참고해보자. highcharts 설치 https://www.highcharts.com/ https://npmjs.com/ 에서 highchart를 검색해보니 vue 와 관련된 라이브러리를 발견! 3개월전 업데이트가 되었고 따끈따끈해보인다. 시작하기 위해서 필요한것들이 뭐가 있는지 보자.(Requirments 클릭) Vue, Highcharts 라이브러리가 필요하다. Vue는 설치되어있고 Highcharts를 다시 검색해보자. 설치 방법은 여러가지 있으니 환경에 맞게 하자. 나는 npm install --..