자바스크립트 무작위 정수 뽑기, 배열에서 무작위 원소 뽑기 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/random Math.random() 메소드를 이용해서 무작위 정수와 배열에서 무작위 원소를 뽑을 수 있다. 기본적으로 Math.random()메소드는 0 이상 1 미만 난수를 뽑아낸다. 내가 원하는 범위의 무작위 정수 뽑기 Math.random() 값에 내가 지정하고 싶은 숫자를 곱한 뒤 Math.floor()를 이용해 내림해주면 된다. // 10 미만의 정수를 뽑고 싶다면 const num = 10; console.log(Math.floor(Math.random() * num)); 배열에서 무작위..
npm, npm, yarn 구분하기 참고 문제 상황 Vue나 React 프로젝트를 하다보면 항상 헷갈렸다. 어떨 때는 npm을 쓰고, 언제는 yarn을 쓰고, 또 언제는 npx를 이용하는지. 도대체 3개의 차이가 뭔지 궁금해서 간략하게라도 정리를 해둬야겠다고 생각했다. npm node package manager의 줄임말로 말 그대로 node.js의 package 관리 도구다. npx execute npm package binaries의 줄임말로, npm에 속해 있는 npm 파일 실행 도구다. npx는 해당 패키지를 실행만 되게 해 주기 때문에 가볍게 쓸 수 있다. 예를 들어 다른 사람의 깃허브 레포지토리에서 패키지를 다운받아 package.json의 scripts중 하나를 실행하고 싶을 때 npx와 스..
02 - optional chaining operator https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining API에서 어떤 object를 가져올 때 매우 유용하다. const me = { name: 'simmy', profile: { email: '@gmail.com' } } console.log(me.profile.email); // @gmail.com const someone = { name: 'who', } console.log(someone.profile.email); // Uncaught TypeError: Cannot read propert..
01 Nullish coalescing operator (??) 연산자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator null 병합 연산자는 ||와 &&처럼 논리연산자다. ?? 연산자는 ||와 마찬가지로 기본값을 줄 때 유용하다. 다만, ||은 0, 과 빈 문자열 등을 포함한 falsy한 값을 방지하고, ??은 오직 nullish한 값을 방지한다. let name; console.log('hello', name); // undefined console.log('hello', name || '시명'); // '시명' ..