궁금한게 많은 개발자 노트

require : 각 file간 import를 하기 위한 node에서의 함수 -> node의 module system에서는 각 파일 하나 하나가 module이므로 다른 module을 가지고 오는 함수가 require ex) CommonJS : require, ECMAScript : import, export 사용 하나의 파일에서 여러번 require로 가져와지더라도 가져오는 파일의 load는 한번만 일어나게 됨(매번 loading되지 X) 프로젝트 내에 있는 파일을 가져오기 위해서는 상대 경로로 써주어야 함 예외) http, etc : node standard library에 있는 모듈은 절대 경로를 지정해 가져오고, node_modules안에 있는 모듈을 가져올때에는 절대 경로를 사용할 수 있음 즉, ..

정규표현식(Regular Expression) 정규표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. 예를 들어 회원가입 화면에서 사용자로 부터 입력 받는 전화번호가 유효한지 체크할 필요가 있다. 이때 정규표현식을 사용하면 간단히 처리할 수 있다. const tel = '0101234567팔'; // 정규 표현식 리터럴 const myRegExp = /^[0-9]+$/; console.log(myRegExp.test(tel)); // false 반복문과 조건문을 사용한 복잡한 코드도 정규표현식을 이용하면 매우 간단하게 표현할 수 있다. 하지만 정규표현식은 주석이나 공백을 허용하지 않고 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 좋지 않다는 문..

Polyfill이란? JS standard library에 표준으로 등록되어 있으나, 아직 브라우저나 node.js에서 구현되지 않은 기능을 미리 써 볼 수 있도록 만들어진 구현체를 뜻함 (모던 자바스크립트의 기능을 사용하기 위해 낮은 버전에서 주로 사용) [ modern java script의 기능] promise all이 가지고 있는 결함 : reject가 하나라도 있다면 then이 실행되지 않음 allsettled에서는 reject가 있더라도 then이 실행됨(모두 sellted가 되면 넘어감) Transplie이란? 코드를 A언어에서 B언어로 변환하는 작업을 뜻함 -> 자바스크립트의 경우 보통 구현 런타임(브라우저, 혹은 구버전 node등)에서 신규 문법적 요소(optional chaining등)..

Promise Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. Promise는 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로, 비동기 연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있습니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '약속'(프로미스)을 반환합니다. Promise는 다음 중 하나의 상태를 가집니다. 대기(pending): 이행하지도, 거부하지도 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 대기 ..

1. 배열 디스트럭처링 (Array destructuring) ES6의 배열 디스트럭처링은 배열에서 필요한 요소만 추출하여 변수에 할당하고 싶은 경우에 유용하다. 아래의 코드는 Date 객체에서 년도, 월, 일을 추출하는 예제이다. // ES6 Destructuring const arr = [1, 2, 3]; // 배열의 인덱스를 기준으로 배열로부터 요소를 추출하여 변수에 할당 // 변수 one, two, three가 선언되고 arr(initializer(초기화자))가 Destructuring(비구조화, 파괴)되어 할당된다. const [one, two, three] = arr; // 디스트럭처링을 사용할 때는 반드시 initializer(초기화자)를 할당해야 한다. // const [one, two, ..