코드 몽키의 허둥지둥 개발공부

Deno - A modern runtime for JavaScript and TypeScript Deno is a simple, modern runtime for JavaScript and TypeScript that uses V8 and is built in Rust. deno.land MDN web docs를 보다가 못보던 아이콘이 보여서 찾아보게 되었고, macOS에서 간단하게 설치해 볼 수 있었다. Deno란? Deno는 JS / TS 런타임이며, Node.js의 Ryan Dahl이 주도하는 프로젝트이다. 아무래도 라이언 형이 Node.js에서 있었던 아쉬운 점, 또는 미련을 Deno를 통해 상당 부분 해소(?)하려는 것 같다. 설치하기(macOS) brew를 통해 간단하게 설치할 수 있다. ma..

동기 vs 비동기, 블로킹 vs 논블로킹 쉽게 이해하기 동기(sync) vs 비동기(async), 블로킹 vs 논블로킹 사전적 의미는 일단 치워두고 , 대조되는 개념들을 어떤 관점으로 봐야하는지 짧게 설명해보겠습니다. 동기 vs 비동기 : 처리해야 할 작업들을 어떠 siyoon210.tistory.com [node.js] node.js의 이벤트루프와 libuv의 이해 안녕하세요. 멍개입니다 이번 글에서는 node.js가 어떻게 비동기로 처리될 수 있는지 알아보도록 하겠습니... blog.naver.com 동기 / 비동기는 함수의 수행 결과를 클라이언트가 처리할지, 호출된 함수 자체가 콜백 등을 통해 스스로 처리할지에 따라 구분된다. 즉, 호출자의 관점에서 결과를 전달받기까지 대기할지, 다른 작업을 수행할..

함수에 대해 호출된 bind()는 인자로 this를 전달한다. function temp () { return this.x; } console.log(temp()); console.log( temp.bind({ x: 42 })() ); /* 실행 결과 undefined 42 */ bind() 의 두 번째 인자부터는 binding 대상 함수의 인수로 전달된다. function temp (prop) { return this[prop]; } console.log(temp('x')); console.log( temp.bind({ x: 42 }, 'x')() ); /* 실행 결과 undefined 42 */

. ├── app.js └── input.txt 요런 구조일 때, const fs = require('fs'); const { exec } = require('child_process'); // 요 부분은 본인이 원하는대로 후처리한다. // 후처리가 필요없으면 fs.readFileSync만 해도 무방하다. const text = fs.readFileSync('./input.txt', 'utf-8') .trim() .split('\n') .map(line => line.replace('\t', '=')) .join(';'); exec(`echo "${text}" | pbcopy`, ((error, stdout, stderr) => { console.log(stdout); })); 요런 식으로 pbcopy를..

const date = new Date(); const day = date.getDate(); const date2 = new Date(); date2.setDate(day + 5); const date3 = new Date(); date3.setDate(day + 3) const date4 = new Date(); const arr = [date2, date4, date, date3]; console.log( arr.sort( (a, b) => b - a // 오름차순 정렬은 (a, b) => a - b ) ); /* 실행 결과 [ 2022-05-22T05:28:29.877Z, 2022-05-20T05:28:29.877Z, 2022-05-17T05:28:29.877Z, 2022-05-17T05:28:2..

const arr1 = [1, 2, 3]; const arr2 = [1, 2, 3]; const sliced = arr1.slice(0, undefined); const spliced = arr2.splice(0, undefined); console.log(`original: ${arr1} / sliced: ${sliced}`); console.log(`original: ${arr2} / spliced: ${spliced}`); /* 실행 결과 original: 1,2,3 / sliced: 1,2,3 original: 1,2,3 / spliced: */ slice: 원본 배열에서 인수에 전달된 범위를 잘라오지만, 원본 배열은 수정하지 않는다. splice: 원본 배열에서 인수에 전달된 범위만큼 자르며, ..

보기 싫은 밑줄이 자꾸 뜨거나, Node 자체 라이브러리를 WebStorm이 인식하지 못하는 경우가 있다. 이는 Preferences에서 다음과 같이 설정하는 것으로 해결이 가능하다. macOS의 경우 command + , 를 눌러 진입한다. 잠깐 기다리면 잘 인식된다.

참고 Private class fields - JavaScript | MDN class 의 속성(property)들은 기본적으로 public 하며 class 외부에서 읽히고 수정될 수 있다. 하지만, ES2019 에서는 해쉬 # prefix 를 추가해 private class 필드를 선언할 수 있게 되었다. developer.mozilla.org 아래와 같은 클래스가 있다고 하자. class Runner { constructor(name, age) { this.name = name; this.age = age; } sayHello() { /* 엄 청 나 게 길 고 가 독 성 이 떨 어 지 는 로 직 */ console.log('comments end'); console.log(`Hello, my name..