JavaScript는 웹의 스크립트 언어입니다. 웹 애플리케이션에 풍부한 상호작용과 동적 콘텐츠를 제공합니다. 이를 통해 사용자가 복잡한 작업을 수행하고 사용자 데이터를 저장하는 등의 작업을 하는 데 도움이 되는 사용자 환경을 빌드할 수 있습니다. 여기에서 Google의 JavaScript 콘텐츠 컬렉션을 꼼꼼히 살펴보고 JavaScript 기술을 향상시키는 데 도움이 되는 다양한 개념과 기법을 배울 수 있습니다.
JavaScript를 처음 사용하는 경우 도움이 됩니다. JavaScript 학습 과정에서는 JavaScript의 모든 것을 다루므로 빠르게 적응할 수 있습니다.
모든 주요 브라우저 엔진에서 새로 사용할 수 있는 최신 JavaScript 기능을 알아보세요.
JavaScript는 사용자의 요구에 부응하는 애플리케이션을 빌드하는 데 도움이 되는 다양한 기능을 제공합니다.
다음 페인트에 대한 상호작용 (INP)은 페이지 응답성을 측정하는 중요한 응답성 측정항목입니다. 이 가이드에는 페이지가 사용자의 입력에 반응하도록 하는 데 도움이 되는 JavaScript 도움말이 포함되어 있습니다.
서드 파티 JavaScript가 웹 애플리케이션의 성능 문제를 일으킬 수 있습니다. 서드 파티 스크립트를 관리하여 웹 애플리케이션의 속도를 높이는 방법을 알아봅니다.
웹 애플리케이션에서 일반적인 작업을 빠르게 수행하는 데 사용할 수 있는 JavaScript 패턴을 확인하세요.
과정

JavaScript를 처음 접하는 경우에도 문제 없습니다. JavaScript 알아보기 과정에서는 변수, 함수, 조건문과 같은 기본사항을 비롯하여 JavaScript의 작동 방식을 안내합니다. 그런 다음 프로토타입 상속, 클래스, 기타 주제와 같은 더 복잡한 주제를 다루면서 풍부한 웹 애플리케이션을 빌드할 수 있도록 JavaScript 기술을 연마합니다.

기준은 웹 플랫폼 기능을 모든 주요 브라우저 엔진에서 안전하게 사용할 수 있을 때 웹 개발자에게 신호를 보냅니다. 다음은 이제 기준으로 새롭게 제공되는 JavaScript 기능입니다.

Resizable ArrayBuffer가 2024년 7월에 새로운 기준이 되었습니다.
2024년 6월에 세트 메서드가 기준이 되었습니다.
CustomStateSet이 기준이 되었습니다. 2024년 5월에 새로 사용할 수 있습니다.
Screen Wake Lock API는 2024년 5월에 기준 버전으로 새로 제공되었습니다.
intl.Segmenter가 2024년 4월에 기준이 되었습니다.
promise.withResolvers()가 기준이 되었습니다. 2024년 3월에 새로 사용할 수 있습니다.
groupBy() 함수가 기준이 되었습니다. 2024년 3월에 새로 사용할 수 있습니다.
ArrayBuffer transfer() 및 transferToFixedLength() 메서드는 2024년 3월에 새로운 기준으로 제공되었습니다.
Array.fromAsync()가 기준이 되었습니다. 2024년 1월에 새로 사용할 수 있습니다.

JavaScript는 사용자의 요구사항에 응답하는 애플리케이션을 빌드하는 데 도움이 되는 많은 도구를 제공합니다. 다음은 웹 애플리케이션에서 사용하고 알아두면 좋은 몇 가지 일반적인 기능입니다.

Promise를 사용하면 특정 이벤트가 발생한 후에 코드를 비동기식으로 실행할 수 있습니다.
fetch API를 사용하면 프런트엔드에서 웹에서 데이터를 가져오기 위해 HTTP 요청을 할 수 있습니다.
IndexedDB API는 파일 및 blob을 포함한 구조화된 데이터의 클라이언트 측 스토리지를 제공합니다.

JavaScript 사용 방법은 웹 애플리케이션의 Interaction to Next Paint (INP)에 영향을 미칠 수 있습니다. 이 가이드는 자바스크립트로 인해 발생하는 페이지 책임감 문제를 해결하는 데 도움이 됩니다.

기본 스레드에서 긴 작업을 실행하면 웹 애플리케이션이 응답하지 않을 수 있습니다. 긴 작업을 최적화하여 웹 애플리케이션의 INP를 개선하는 방법을 알아보세요.
입력 지연이 길어지는 경우는 사용자가 페이지와 상호작용할 때 브라우저가 응답하는 데 시간이 너무 오래 걸리는 경우이며, 자바스크립트가 일반적인 원인일 수 있습니다. 이 가이드를 읽고 입력 지연을 짧게 유지하고 웹 애플리케이션을 더 빠르게 만드는 방법을 알아보세요.
페이지 로드 중에 스크립트가 다운로드되면 웹 애플리케이션의 INP에 영향을 줄 수 있는 긴 작업이 발생할 수 있습니다. 긴 스크립트 평가 작업을 최적화하여 INP를 낮게 유지하는 방법을 알아보세요.
모든 항목을 기본 스레드에서 실행할 필요는 없습니다. 실행하는 데 시간이 오래 걸리는 대규모 작업이 있는 경우 웹 워커 스레드로 오프로드하여 웹 애플리케이션의 응답성을 최대한 유지할 수 있습니다.
웹에서 발생하는 일반적인 성능 문제는 서드 파티 JavaScript 사용과 관련이 있으며, 이로 인해 페이지 로드 속도가 느려지고 페이지 응답성 문제가 발생할 수도 있습니다. 다음 가이드를 참고하여 일반적인 서드 파티 자바스크립트 성능 문제를 해결하세요.
서드 파티 자바스크립트가 성능에 어떤 영향을 미칠 수 있고 이로 인해 사이트 속도가 느려지지 않도록 할 수 있는 방법을 알아보세요.
Lighthouse 및 Chrome DevTools로 성능 감지 기술을 한층 강화하세요.
웹 애플리케이션의 성능을 개선할 수 있도록 서드 파티 JavaScript를 효율적으로 로드하는 방법을 알아보세요.
유용한 도구가 웹 애플리케이션의 성능에 미치는 영향을 최소화하도록 Core Web Vitals에 맞게 태그 및 태그 관리자를 최적화하는 방법을 알아보세요.

JavaScript를 사용하여 웹 애플리케이션에서 일반적인 작업을 빠르게 완료하는 데 사용할 수 있는 패턴을 확인하세요.

웹 애플리케이션에서 일반적인 작업을 수행하려면 다음 패턴을 확인하세요.
JavaScript에서 파일 및 디렉터리를 사용하는 패턴을 알아봅니다.
JavaScript에서 클립보드 API를 사용하여 웹 애플리케이션에서 복사 및 붙여넣기 기능을 제공하는 방법을 알아봅니다.