dev_H dev_H

이미지 출처 : yes24 이미지 출처 : yes24 프론트엔드 성능 최적화 | 유동균 | 인사이트 | 2022 '프론트엔드 성능 최적화 가이드'는 기술면접을 준비하다가 알게 된 책 이다. 기술 면접을 준비하면서 뭔가 인터넷에 있는 정보들을 보면 이해는 하겠는데 그걸 어떻게 적용할 수 있을까에 대한 궁금증을 해소하기 위해서 보게 되었다. 예시와 어떻게 최적화를 해나가는지 아주 친절하고 자세하게 알려준다. 아직 챕터 2까지만 보았을 뿐인데 빨리 내 포폴 사이트나 내가 했던 프로젝트들을 최적화하고 리팩토링하게 만들고 싶어진다; 그리고 보다보니 라이트하우스를 사용해 성능을 확인하고 어떤 것들을 고쳐야하는지도 알려주어서 좋았다 내가 최종 프로젝트를 했을 때 이 책을 보았다면 좀 더 좋게 최적화를 할 수 있지 않..

useRef, useEffect useRef useRef returns a mutable ref object whose .current property is initialized to the passed argument (initialValue). The returned object will persist for the full lifetime of the component. 공식 홈페이지의 설명에 따르면 .current 속성이 전달된 인수로(initialValue) 초기화되는 변경 가능한 ref 객체를 반환하고, 반환된 객체는 컴포넌트의 전체 수명동안 유지된다고 함 이를 풀어서 설명하면 아래와 같음 useRef는 변경 가능한 객체를 반환함 반환 객체는 useRef 인자를 current라는 속성 안에 저..

JavaScript - variables, hoisting Variables(var, let, const ) var 중복선언 O , 재할당 O var a = 1; var a = 10 a = 2 console.log(a) // 2 전역 변수로 선언한 경우 window 객체의 속성이 됨 var a = 'hi'; console.log(window.a) // 'hi'; 호이스팅될 때 초기화됨 console.log(x) // undefined var x = 1 console.log(x) // 1 함수 스코프를 가짐 (함수 내부에서 어디든 var로 선언한 변수에 접근할 수 있음) function example() { if (true) { var a = 1; } for (var i = 0; i < 5; i++) { ..