궁금한게 많은 개발자 노트

정규표현식(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, ..

functional chaining 등 함수 자체를 인자로 넣거나, 객체화하여 활용 (다양한 사용이 가능) js의 여러 유틸리티들을 사용해서 코드를 작성하는것이 깔끔한 코드 작성에 유리함 추가로, if-else statement를 줄이고, 자료구조의 method를 활용하고, mutation을 최대한 줄이는 것이 좋음 array가 가진 filter 함수의 정의와 사용법 더불어 활용법에 대해 이야기해보려고 합니다. array의 함수 중 가장 많이 쓰이는 함수 중 3 대장이라고 할 수 있는 것이 map, filter, reduce인데요. 그중 filter는 활용도가 높은 편이라 어디라고 정해진 곳 없이 사용되는 편입니다. 자 본격적으로 array의 filter 함수를 알아보러 가시죠. filter 정의 Arr..