In der Ruhe

백엔드 속이는 프론트엔드 성능 최적화, ‘Optimistic UI’ | 요즘IT구글의 'INP(Interaction to Next Paint)' 지표는 사용자 인터랙션 후 화면 업데이트 속도를 측정합니다. 2024년 3월부터 구글은 INP를 Core Web Vitals의 공식 지표로 채택했습니다. 'Optimistic UI' 패턴은 이 INP 지yozm.wishket.com 위의 요즘레터 보다가 그냥 정리해봄.글 내용과는 상관없음. 소스만 참조..map() 함수.map()은 배열에서 각 요소를 순회하면서 변형한 새 배열을 만드는 함수. 예시const numbers = [1, 2, 3];const doubled = numbers.map(num => num * 2);console.log(doubled); /..

자바스크립트 함수 선언식과 표현식, 제대로 알고 쓰기 | 요즘IT자바스크립트에서 함수를 선언하는 방식은 크게 두 가지로 나눌 수 있습니다. 바로 ‘함수 선언식’과 ‘함수 표현식’이죠. 겉보기에는 큰 차이가 없어 보이지만, 실제로는 호이스팅 시점, 실yozm.wishket.com요즘 레터 읽다가 문득 this 에 대해서 한번 정리할까 싶어서 작성. 예시 코드에선 객체 안에 3가지 방식의 메서드(sayHi, sayHello, sayBye)가 정의되어 있고, 각각 다른 방식으로 this를 바인딩. 1. 축약형 메서드 문법sayHi() { console.log(this.name); // "아무개"} 여기서 this는 항상 해당 메서드를 호출한 객체 (user) 를 가리킨다.따라서 this.name === "아..