Node.js chrome v8 javascript 엔진으로 빌드된 javascript 런타임 자바스크립트 문법해석 및 동작하는 자바스크립트 프로그래밍 언어 동작하는 컴퓨터 환경이다. 동작 환경은 node.js 컴퓨터 환경과 브라우저이다. 모듈들을 가져와서 웹페이지를 작업할 때 node.js 를 사용해 모듈을 동작시킨다. 1. Node.js 설치방법 1-1. Node.js 홈페이지 설치 하나의 버전만 설치 할수 있다. 안전성있는 짝수 버전 설치를 권장한다. 하지만 설치한 버전 말고 다른 버전의 node.js 환경에서 개발을 진행해야할 수도 있다. 때문에 해당 페이지에서 하나의 버전을 다운 받는 것보다 노드 버전 메니저를 설치하는 것을 권장한다. Node.js Node.js® is a JavaScript ..

Stroage 활용 key, value 형태로 저장된다. stroage에는 Local Stroage와 Session Stroage가 존재한다. Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. localStorage는 sessionStorage와 비슷하지만, localStorage의 데이 developer.mozilla.org 1. Session Stroage 페이지 세션이 끝날때 사라진다. (브라우저 닫을때) 2. Local Stroage 스토리지 객체에 접근 할수 있고 브라우저 세션 간에 공유된다. 데이터가 만료되지 않는다...

Lodash 기능 사용하기 기본 통로를 사용해서 가져온다. import _ from 'lodash' 1. 중복 제거 1-1 .중복내용 제거 .uniq() _.uniq([2,1,2]); 1-2 .중복 배열 내용 고유하게 만들기. _.uniqBy(중복 배열 데이터 ,고유 속성) const usersA = [ {userId : '1', name : 'HEROPY'}, {userId : '2', name : 'Neo'} ] const usersB = [ {userId : '1', name : 'HEROPY'}, {userId : '3', name : 'Amy'} ] //배열 합치기 const usersC = userA.concat(usersB); console.log(usersC); //결과 : {userId ..

모듈 가져오기 / 내보내기 가져오는 코드 없이 내보내는 코드로만 이루어진 파일을 모듈 이라고 한다. 1. 내보내기 파일 내에서 특정한 명령어를 내보낼 수 있다. default export = 이름을 지정하지 않고 내보내기 Named export = 이름을 지정하여 내보내기 1-1 . default export 기본적으로 하나의 함수만 내보낼 수 있다. 📑 getType.js export default function (data){ return Object.prototype.toString.call(data).slice(8,2); } 1-2 . Named export 개수의 지정 없이 여러 개를 내보낼 수 잇다. 이름을 지정해야하는 함수와 기본 내보내기 함수를 함께 사용 가능하다. 📑 getRandom.j..

전개 연산자 ' ... ' 각각의 아이템으로 변경해준다. const fruits = ['Apple','Banana', 'Cherry']; console.log(fruits); //결과 값 : ['Apple','Banana', 'Cherry'] console.log(...fruits); //결과 값 : Apple,Banana, Cherry 1. 전개 연산자 활용방법 const fruits = ['Apple','Banana', 'Cherry']; function toObject(a,b,c){ return :{ a: a, b: b b: c } } console.log(toObject(...fruits)) //결과값 {a:'Apple',b:'Banana', c:'Cherry'} //동일 한 결과 console...