I'm sw engineer!

performance.getEntriesByType("navigation")는 페이지의 로딩 방식(예: 새로고침, 히스토리 탐색, 최초 로드 등) 을확인하기 위해 사용되는 Web Performance API의 메서드입니다.이를 통해 브라우저가 페이지를 어떤 방식으로 불러왔는지를 알 수 있습니다. 📌 문법javascriptconst entries = performance.getEntriesByType("navigation");반환값: PerformanceNavigationTiming 객체 배열 (보통 하나의 항목만 존재)이 객체에는 type, startTime, duration 등 다양한 로딩 관련 정보가 포함되어 있습니다.📘 주요 속성 (PerformanceNavigationTiming)javasc..

requestAnimationFrame()은 브라우저가 다음 화면을 그리기 직전에 실행할 콜백을 예약하는 함수입니다.주로 애니메이션 처리나 렌더링 타이밍을 정확하게 맞추고 싶을 때 사용합니다. ✅ 기본 사용법js requestAnimationFrame(() => { // 브라우저가 다음 repaint 전에 실행할 코드 // DOM이 렌더링된 이후에 안전하게 실행됨});🧠 개념 요약항목설명실행 시점브라우저가 다음 프레임을 그리기 직전호출 빈도일반적으로 초당 60회 (60fps)주 목적부드러운 애니메이션 / 렌더링 이후 DOM 조작이점setTimeout보다 부드럽고 효율적이며, 렌더링 타이밍 보장 🎯 언제 사용하나?DOM 변경 직후 후속 처리예: innerHTML 또는 .append() 후 특정 요소..