JavaScript
JavaScript는 웹의 스크립트 언어입니다. 웹 애플리케이션에 풍부한 상호작용과 동적 콘텐츠를 제공합니다. 이를 통해 사용자가 복잡한 작업을 수행하고 사용자 데이터를 저장하는 등의 작업을 하는 데 도움이 되는 사용자 환경을 빌드할 수 있습니다. 여기에서 Google의 JavaScript 콘텐츠 컬렉션을 꼼꼼히 살펴보고 JavaScript 기술을 향상시키는 데 도움이 되는 다양한 개념과 기법을 배울 수 있습니다.
다음 페이지로 이동:
JavaScript 알아보기
JavaScript를 처음 사용하는 경우 도움이 됩니다. JavaScript 학습 과정에서는 JavaScript의 모든 것을 다루므로 빠르게 적응할 수 있습니다.
새로 사용 가능한 JavaScript 기능의 기준
모든 주요 브라우저 엔진에서 새로 사용할 수 있는 최신 JavaScript 기능을 알아보세요.
일반적이고 유용한 JavaScript 기능 익히기
JavaScript는 사용자의 요구에 부응하는 애플리케이션을 빌드하는 데 도움이 되는 다양한 기능을 제공합니다.
JavaScript로 인한 INP 저하 최적화
다음 페인트에 대한 상호작용 (INP)은 페이지 응답성을 측정하는 중요한 응답성 측정항목입니다. 이 가이드에는 페이지가 사용자의 입력에 반응하도록 하는 데 도움이 되는 JavaScript 도움말이 포함되어 있습니다.
서드 파티 JavaScript 리소스 최적화
서드 파티 JavaScript가 웹 애플리케이션의 성능 문제를 일으킬 수 있습니다. 서드 파티 스크립트를 관리하여 웹 애플리케이션의 속도를 높이는 방법을 알아봅니다.
JavaScript 패턴 자세히 알아보기
웹 애플리케이션에서 일반적인 작업을 빠르게 수행하는 데 사용할 수 있는 JavaScript 패턴을 확인하세요.
과정
JavaScript가 처음이신가요?
JavaScript를 처음 접하는 경우에도 문제 없습니다. JavaScript 알아보기 과정에서는 변수, 함수, 조건문과 같은 기본사항을 비롯하여 JavaScript의 작동 방식을 안내합니다. 그런 다음 프로토타입 상속, 클래스, 기타 주제와 같은 더 복잡한 주제를 다루면서 풍부한 웹 애플리케이션을 빌드할 수 있도록 JavaScript 기술을 연마합니다.
새로 사용 가능한 JavaScript 기능의 기준
기준은 웹 플랫폼 기능을 모든 주요 브라우저 엔진에서 안전하게 사용할 수 있을 때 웹 개발자에게 신호를 보냅니다. 다음은 이제 기준으로 새롭게 제공되는 JavaScript 기능입니다.
일반적이고 유용한 JavaScript 기능 익히기
JavaScript는 사용자의 요구사항에 응답하는 애플리케이션을 빌드하는 데 도움이 되는 많은 도구를 제공합니다. 다음은 웹 애플리케이션에서 사용하고 알아두면 좋은 몇 가지 일반적인 기능입니다.
자바스크립트로 인한 불량 INP 최적화
JavaScript 사용 방법은 웹 애플리케이션의 Interaction to Next Paint (INP)에 영향을 미칠 수 있습니다. 이 가이드는 자바스크립트로 인해 발생하는 페이지 책임감 문제를 해결하는 데 도움이 됩니다.
장기 작업 최적화
기본 스레드에서 긴 작업을 실행하면 웹 애플리케이션이 응답하지 않을 수 있습니다. 긴 작업을 최적화하여 웹 애플리케이션의 INP를 개선하는 방법을 알아보세요.
입력 지연 최적화
입력 지연이 길어지는 경우는 사용자가 페이지와 상호작용할 때 브라우저가 응답하는 데 시간이 너무 오래 걸리는 경우이며, 자바스크립트가 일반적인 원인일 수 있습니다. 이 가이드를 읽고 입력 지연을 짧게 유지하고 웹 애플리케이션을 더 빠르게 만드는 방법을 알아보세요.
스크립트 평가 및 장기 작업
페이지 로드 중에 스크립트가 다운로드되면 웹 애플리케이션의 INP에 영향을 줄 수 있는 긴 작업이 발생할 수 있습니다. 긴 스크립트 평가 작업을 최적화하여 INP를 낮게 유지하는 방법을 알아보세요.
웹 작업자를 사용하여 브라우저의 기본 스레드에서 자바스크립트 실행
모든 항목을 기본 스레드에서 실행할 필요는 없습니다. 실행하는 데 시간이 오래 걸리는 대규모 작업이 있는 경우 웹 워커 스레드로 오프로드하여 웹 애플리케이션의 응답성을 최대한 유지할 수 있습니다.
서드 파티 JavaScript 리소스 최적화
웹에서 발생하는 일반적인 성능 문제는 서드 파티 JavaScript 사용과 관련이 있으며, 이로 인해 페이지 로드 속도가 느려지고 페이지 응답성 문제가 발생할 수도 있습니다. 다음 가이드를 참고하여 일반적인 서드 파티 자바스크립트 성능 문제를 해결하세요.
서드 파티 자바스크립트 성능
서드 파티 자바스크립트가 성능에 어떤 영향을 미칠 수 있고 이로 인해 사이트 속도가 느려지지 않도록 할 수 있는 방법을 알아보세요.
속도가 느린 서드 파티 자바스크립트 식별
Lighthouse 및 Chrome DevTools로 성능 감지 기술을 한층 강화하세요.
서드 파티 자바스크립트를 효율적으로 로드
웹 애플리케이션의 성능을 개선할 수 있도록 서드 파티 JavaScript를 효율적으로 로드하는 방법을 알아보세요.
태그 및 태그 관리자를 위한 권장사항
유용한 도구가 웹 애플리케이션의 성능에 미치는 영향을 최소화하도록 Core Web Vitals에 맞게 태그 및 태그 관리자를 최적화하는 방법을 알아보세요.
JavaScript 패턴 자세히 알아보기
JavaScript를 사용하여 웹 애플리케이션에서 일반적인 작업을 빠르게 완료하는 데 사용할 수 있는 패턴을 확인하세요.