JavaScript (4) 썸네일형 리스트형 [JavaScript] 얕은 복사(shallow copy), 깊은 복사(Deep copy) 변수에 객체를 할당하고 아래와 같이 변수를 복사하고 첫번째 할당한 변수의 값을 변경하면, 복사한 변수의 값도 함께 변경 된다. const user = { name: "lee", age: 20, email: ["test@naver.com"] }; const test01 = user; console.log(user); console.log(test01); user.name = "kim"; console.log(user); console.log(test01); 결과 {name: 'lee', age: 20, email: Array(1)} age:20 email:['test@naver.com'] name:"kim" [[Prototype]]:Object {name: 'lee', age: 20, email: Arra.. [JavaScript] Lodash 란? Lodash (https://lodash.com) → 모듈성, 성능 및 추가 기능을 제공하는 최신 JavaScript 유틸리티 라이브러리이다 → 라이센스는 MIT 라이센스로 Object, Array 등의 데이터 구조를 쉽게 변환하는 기능을 제공해준다. 설치 npm i -g lodash import import _ from "lodash" ※ 기본적으로 _ 로 명시해주나, _가 아닌 다른 이름으로 하여도 됨. 1. defaultTo 기본값 설정 값이 있으면 해당 값을 저장, 값이 비어있으면(null or undefined) 일 경우 기본값을 저장 사용법 let a = 100; a = _.defaultTo(a, 1); console.log("100 default :", a); a = undefined; a .. [JavaScript] 타이머 함수 일정시간 이후 함수를 실행하거나, 동일한 주기로 같은 로직을 반복해서 사용할때 타이머함수를 사용한다. - 일정 시간 후 함수 실행 : setTimeout(함수, 시간-ms) const timmer = setTimeout(() => { console.log("hello"); }, 3000); - 설정된 Timeout 함수를 종료 : clearTimeout() clearTimeout(timmer); - 시간 간격마다 함수 실행 : setInterval(함수, 시간-ms) const interval = setInterval(() => { console.log("hello"); }, 3000); - 설정된 Interval 함수를 종료 : clearInterval() clearInterval(interval); [JavaScript] 객체의 타입얻기 JavaScript객체 타입을 얻는 방법으로 typeof를 사용하면 된다. console.log(typeof "hello world"); console.log(typeof 123); console.log(typeof true); console.log(typeof undefined); console.log(typeof null); console.log(typeof {}); console.log(typeof []); ※ null 과 undefined의 의미는 비어있다는 의미는 같지만 의도하여 값이 없는 경우는 undefined 의도하지 않은 경우에 값이 없는 경우는 null이 된다. 결과 string number boolean undefined object object object 결과를 보면, 객체 타입의.. 이전 1 다음