NPM / NPX
참고이미지의 각 파일명을 이 게시물에선 아래와같이 사용함package.json= 파일1uuid = 파일2uuid-bin.js = 파일3터미널에서 실시한 명령어 = 명령어1NPMNodeJs repositories (https://www.npmjs.com/) 에서 관리하는
require / exports (NodeJS의CommonJS)
1.본 게시물에서 소개할 내용은 NodeJS의 CommonJS의 require과 exports이다. ES6의 import와 export가 아니다자바스크립트 개발을 하다보면 모듈을 불러오는 문법 두가지 ( require / exports ) 와 ( import / ex
Blob / File / createObjectURL
자바스크립트에서 저장형태Blob: 주로 "파일 형태가 아닌" 바이너리 데이터(마이크 소리, canvas그림 등)를 다룬다.Chrome에서 954MB까지 이진데이터 저장가능하다.만약 DB에 파일을 그대로 저장하고싶다면 이 Blob형태로 저장하면된다File: Blob을 상
ES2022
1.멤버변수(클래스필드) 선언방식이 간단하게 바뀜constructor()로 멤버변수(클래스필드)를 선언하던 기존의 방식에서 아래와 같이 바뀜// 새로운 방식 class Human { age = 18; static category = "animal" } let
Object 관련 유용한 함수
1.객체의 키를 배열로 가져오는 함수Object.key(obj);const obj = { "key0": "value0", "key1": "value1", "key2": "value2" } const keys = Object.keys(obj) con
ES2021
1.언더바를 숫자에 사용할수있음숫자를 더 쉽게 식별가능함100_000_000 === 100000000 // true2.replaceAll 메서드일치하는 모든 문자열을 변경함"👺👺😈😈👺👺😈😈".replaceAll("😈", "🔥"); // 👺👺🔥🔥👺👺🔥🔥3.Promise.
arguments에 대해서
1.자바스크립트에서 함수를 호출할때 인수들이 암묵적으로 배열형태로 전달된다// 일반적 사용 function show() { console.log(arguments) console.log(arguments.length) console.log(argu
클래스 함수 생성자와 ES6 classes 에 대해서
자바스크립트에서 클래스를 생성하는 두가지 방법1.함수생성자function을 이용한 ES6이전의 방식function의 첫글자는 대문자로 시작하는게 좋음new라는 키워드로 호출한다메서드를 사용할때 prototype을 사용하는 경우가 많다 (효율성)예를들면 prototype
자바스크립트 실행순서
자바스크립트 웹브라우저에서 구동순서(중요)0.자바스크립트는 싱글스레드1.힙공간:스택에서 실행된 코드의 변수등이 저장되는곳2.스택공간 소스코드가 실행된느곳 , 순서대로 실행됨, 하나의 스레드로 작동함 3.스택에서 settimeout 이나 ajax 나 eventlistne
NodeJS / PM2에 대해서
NodeJS란웹이라는 런타임(실행환경)에서만 동작하던 자바스크립트를 - > nodejs라는 런타임(실행환경)에서 동작하도록 변경한것런타임이란? 언어가 돌아가기 위한 실행환경NodeJs의 논블럭킹이란? 요청순서에 상관없이 가벼운 요청 먼저 처리해서 응답하는것(표예매300
Map함수를 응용한 경우
배열속에 객체의 값 하나만 변경한 후 반환하기 // 게시글의 comment객체의 내용은 기존 유지한 뒤// 찾고자하는 요소(payload.id)의 isUpdate값만 false로 변경한다state.post.comment = state.post.comment.map(
Internationalization API
Internationalization API (ITNL,I18N, 바닐라js의 Api)숫자 포맷터 / 날짜 포맷터1.콤마표시const formatter = new Intl.NumberFormat('ko') formatter.format('1000000') //'1,00