javascript

ECMAScript 2023 살펴보기 👀 스터디원 분의 블로그를 보던 중 알게 되어 새로 추가된 자바스크립트 문법들을 공부하며 내 블로그에도 정리하고 싶어 양해를 구하고 🙌 나도 분석해보게 되었다. toSorted, toReversed, with, findLast, findLastIndex, toSpliced ... 1. to ~ ✔ toSorted 자바스크립트는 메서드마다 mutation 에 대한 일관성이 없다. 예를 들면 sort() 과 reverse() 는 원본을 바꿔버리고, filter 는 원본에 변화가 없다. 새로 생긴 toSorted 메서드는 원본에 변화가 없다 이렇게 sort 를 사용하면 원본 배열이 변화가 된다 새로생긴 toSorted를 이용하면, 원본 배열은 그대로 유지가 되는 것을 볼 ..

Javascript Closure 설명과 예시 클로저는 "함수와 함수가 선언된 어휘적(lexical) 환경"의 조합을 말합니다. 쉽게 말해, 어떤 함수(outer) 내부에 선언된 함수(inner)가 바깥 함수(outer)의 지역변수(outerVariable)를 참조하는 것이 함수(outer)가 종료된 이후에도 계속 유지되는 현상을 말합니다. 통상적으로 "외부함수의 변수에 접근할 수 있는 내부함수"를 클로져 함수라 부릅니다. 외부함수의 실행이 종료된 후에도, 클로져는 외부함수의 스코프를 참조할 수 있습니다. 클로저 사용 예시 커링: 함수 하나가 n개의 인자를 받는 대신 n개의 함수를 만들어 각각 인자를 받게 하는 방법입니다. 클로저 모듈: 변수를 외부 함수 스코프 안쪽에 감추어, 변수가 함수 밖에서 노출되..

setTimeout() X초 후에 코드를 실행해줍니다. setTimeout(function(){ 실행할코드~ }, 기다릴시간); // 시간은 ms 단위 페이지 방문 5초 후에 를 숨기기 5초 이내 구매시 사은품 증정 타이머 삭제 타이머를 삭제하고 싶으면 var 타이머 = setInterval(어쩌구); 이렇게 변수에 저장해둔 다음 타이머 삭제하고 싶을 때 clearTimeout(타이머) 이 코드 실행 정규표현식으로 includes '문자'.includes('찾을단어') /정규식/.test(정규식으로 검사해볼문자) 예제 abcdef라는 문자에 abc라는 단어가 있는지 /abc/.test('abcdef') 들어있으면 true, 없으면 false 추가 정규표현식 /[a-d]/.test('aefg') //tru..