본문 바로가기

Programming/JavaScript

(6)
[JavaScript] 원시 타입 VS 객체 타입 ( Primitive VS Object ) 개요자바스크립트 코드를 짜던 중 신기한 일이 발생했습니다.다음 코드를 보고 console.log의 값을 맞춰보세요. const A = 1; const B = 1; const C = { num: 1 } const D = { num: 1 } console.log(A === B); console.log(C === D); 저는 두 번 모두 true가 나올 것이라고 생각했습니다.하지만 결과는? console.log(A === B); // true console.log(C === D); // false 분명 C와 D에 같은 key value를 넣었음에도 false가 나왔습니다.그 이유는 원시(Primitive) 타입과 객체(Object)..
[Node] NVM 설치와 사용 (Windows) 개요NVM이란?Node Version ManagerNode.js의 버전을 관리하는 도구이다.협업을 하거나 다양한 프로젝트를 진행할 때 Node 버전으로 인한 호환 문제를 해결하기 위해그때그때 해당 프로젝트에 맞는 Node 버전을 사용할 수 있도록 합니다. NVM 설치1. 링크 이동nvm-windows 깃허브로 이동합니다https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com 2. exe 설치스크롤을 내리다 보면 ..
[JavaScript] 브라우저 밖 알림 기능 개요브라우저 안에서의 알림은 alert로 가능합니다. 하지만 사용자가 브라우저를 보고 있지 않다면 의미가 없기 때문에 브라우저 밖에서도 확인 가능한 알림 기능에 대해 알아봤습니다. 방법Notification방법은 바로 내장 객체인 Notification을 사용하는것 이었습니다.window.Notification은 브라우저에서 사용자에게 알림을 표시하기 위한 JS의 내장 객체입니다.이 객체를 사용하면 브라우저 밖에서도 사용자에게 알림을 보낼 수 있습니다.구현 방법은 다음과 같습니다. 구현1. 권한 요청Notification처럼 브라우저 밖에서도 js 코드가 영향을 주기 위해선 사용자의 허가가 있어야 합니다.requestPermission으로 권한 허용 여부를 물어볼 수 있습니다.코드는 다음과 같이 사용할 ..
[JavaScript] forEach와 map의 차이점 요약 'forEach'는 배열 각 요소에 대한 연산이 결과를 반환할 필요 없이, 단순히 실행만 필요할 때 적합합니다. 'map' 은 배열의 각 요소를 새로운 값으로 변환하여 그 결과를 새로운 배열로 필요로 할 때 사용됩니다. 공통점 1. 배열 순회 두 함수 모두 배열의 모든 요소를 순회하면서 주어진 함수를 각 요소에 적용합니다. 2. 함수 실행 'forEach'와 'map' 모두 콜백 함수를 매개변수로 받습니다. 이 콜백 함수는 배열의 각 요소에 대해 실행됩니다. 3. 고차 함수 두 함수 모두 고차 함수입니다. 즉, 함수를 인자로 받고, 'forEach'는 기능 수행을, 'map'은 새로운 배열을 결과로 제공합니다. 차이점 1. 반환 값 forEach 아무런 값을 반환하지 않습니다. (undefined ..

728x90