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
CORS에러 해결
Access to XMLHttpRequest at '요청url' from origin '요청 도메인(origin)' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present o
숫자와 문자열을 포함한 배열의 정렬
숫자와 문자열을 포함한 배열의 정렬할 경우localeCompare()이라는 함수를 사용한다// 오름차순 const getSingleValueAsc = (arr) => { return arr.sort(function (a, b) { return a.locale
BOM / DOM / 자바스크립트 로드순서
자바스크립트의 모델 (window객체의 자식)BOM // 자바스크립트로 브라우저 제어 (location,history..)DOM // 자바스크립트로 현재페이지의 문서 제어 (document) // 자바스크립트로 제어하기 위한 노드객체를 생성CSSOM // 자바스크립트
Module / Import / Export (ES6)
본 게시물에서 소개할 내용은 ES6의 import와 export 이다. nodeJS의 require과 exports가 아니다자바스크립트 개발을 하다보면 모듈을 불러오는 문법 두가지 ( require / exports ) 와 ( import / export ) 키워드를