다음을 통해 공유

JavaScript 개발자용 Azure란?

Azure는 다양한 호스팅 옵션 및 클라우드 기반 서비스를 제공하는 클라우드 플랫폼입니다. 클라우드 개발을 접하는 경우 Azure에 대해 자세히 알아보세요.

JavaScript, TypeScript 및 최신 JavaScript 에코시스템

Azure는 다음을 포함하여 최신 JavaScript 개발을 완벽하게 지원합니다.

  • TypeScript - 형식화된 SDK 및 DevOps 도구를 사용하는 일류 지원
  • ECMAScript 모듈 - 모든 Azure SDK는 CommonJS 및 ESM 형식을 모두 지원합니다.
  • 최신 프레임워크 - React, Angular, Vue, Next.js, Nuxt, Remix 및 기타 최신 프레임워크
  • Deno 및 Bun - 실험적 Azure SDK를 지원하는 새로운 JavaScript 런타임
  • SSR(서버 쪽 렌더링) 및 SSG(정적 사이트 생성) - Azure 호스팅 플랫폼에서 완전히 지원됨

JavaScript에 대한 Azure 런타임 지원은 TypeScript 또는 JavaScript로 변환되는 다른 언어도 지원합니다. JavaScript용 Azure SDK는 TypeScript로 작성되었으며 우수한 IDE 지원 및 형식 안전을 제공하는 형식 정의를 포함합니다.

JavaScript 개발자를 위한 Azure 서비스

Azure 클라우드 기반 서비스는 독립적으로 또는 컬렉션으로 사용할 수 있는 다양한 기능을 제공합니다.

JavaScript 개발자를 위한 주요 서비스 범주는 다음과 같습니다.

빠른 시작 센터에서 Azure 서비스 만들기

Azure 클라우드 학습을 시작하면 무료로 계정을 만든 다음, Azure Portal의 빠른 시작 센터로 이동합니다.

Azure Portal의 각 서비스 페이지에는 포털 외부에서 리소스에 액세스하는 데 필요한 연결 정보가 포함되어 있습니다.

가격 책정 계층

가격 책정 계층은 리소스에 대한 비용을 지불하는 방법을 결정합니다. Azure 가격 계산기를 사용하여 리소스에 대한 청구를 이해하세요.

무료 계층 리소스

무료(F0) 가격 책정 계층을 선택하는 경우 해당 플랜과 함께 제공되는 제한 사항을 이해합니다. 무료 계층이 제공되는 경우:

  • 구독은 해당 서비스의 무료 리소스 하나로 제한될 수 있습니다. 무료 리소스를 만들 수 없는 경우 무료 리소스가 구독에 이미 있을 수 있습니다.
  • 가격 책정 계층은 TPS(초당 트랜잭션 수) 또는 TPM(월별 트랜잭션)을 결정합니다. 가격 책정 계층 할당량을 초과하면 애플리케이션이 할당량을 초과했음을 나타내는 메시지와 함께 HTTP 오류를 수신합니다. 애플리케이션 및 Azure 서비스에 대해 이 문제가 예상되는 경우 여러 리소스를 만들고 단일 엔드포인트 뒤에 호스트합니다.

개발 환경 준비

최상의 개발 환경을 위해 다음 도구를 사용하여 개발 환경을 설정합니다.

  • Visual Studio Code 및 Azure Tools 확장
  • Git
  • Node.js - 가능한 경우 항상 LTS(장기 지원) 버전을 사용합니다.
  • 로컬 개발 런타임을 Azure 호스팅 런타임(예: Azure 앱 Service, Azure Functions 또는 Azure Static Web Apps)과 동기화해야 하는 경우 다음과 같은 런타임 버전 관리 솔루션을 사용합니다.
  • 개발 컨테이너: 특정 Node.js 버전의 컨테이너를 사용합니다. 컨테이너를 사용하여 여러 환경에서 Node.js 버전을 관리할 수 있습니다. Visual Studio Code의 Remote - 컨테이너 확장 프로그램은 이 과정을 간소화합니다.
  • Azure 리소스를 생성하고 관리하기 위해 Azure CLI를 제공합니다.
  • 다음과 같은 커맨드 라인 인터페이스(CLI)를 호스팅하는 로컬 개발:
    • 정적 웹 애플리케이션 CLI
    • Azure Functions Core Tools.

JavaScript에서 Azure 클라이언트 라이브러리 사용

JavaScript에서 프로그래밍 방식으로 Azure 서비스를 사용하려면 사용하려는 서비스와 관련된 npm 패키지를 찾습니다. 각 npm 패키지에는 서비스별 연결 정보가 있습니다.

모든 Azure 클라이언트 라이브러리는 다른 도구 없이 JavaScript로 실행됩니다. 대부분의 최신 SDK는 TypeScript로 작성되어 있으며, 형식 검사를 위해 *.d.ts 파일을 제공합니다. 그러나 TypeScript는 Azure 클라이언트 라이브러리나 Azure 클라우드 서비스를 사용하기 위한 필수 조건은 아닙니다.

JavaScript 코드는 코드가 호스트되는 위치(로컬, 하이브리드, 클라우드)에 관계없이 Azure 서비스를 사용할 수 있습니다. JavaScript에서 프로그래밍 방식으로 Azure 서비스를 사용하는 권장 방법은 Azure 클라이언트 라이브러리입니다. 이러한 라이브러리에는 LTS(장기 지원)를 사용하는 최소 Node.js 필요합니다.

JavaScript용 Azure SDK

JavaScript용 Azure SDK는 Azure 서비스를 쉽게 사용하고 관리할 수 있는 라이브러리를 제공합니다. 전체 Azure SDK 라이브러리 패키지 인덱 스를 찾아 필요한 패키지를 찾습니다.

주요 기능은 다음과 같습니다.

  • 각 Azure 서비스에 대한 모듈식 npm 패키지
  • 포괄적인 형식 정의를 사용하는 일류 TypeScript 지원
  • Promise 기반 API를 사용하는 최신 비동기 패턴
  • 여러 서비스에 대한 브라우저 및 Node.js 호환성

Azure에서 Node.js 지원

Azure 서비스는 Node.js 런타임 지원을 정기적으로 업데이트합니다. 항상 프로덕션 애플리케이션에 Long-Term 지원(LTS) 버전의 Node.js 사용합니다.

Azure 서비스에서 현재 Node.js 버전 지원 및 Node.js 배포에 대한 모범 사례는 다음을 참조하세요.

모범 사례에는 Node.js 버전 고정, LTS 버전 사용, 보안 취약성 모니터링 등이 있습니다.

Azure 호스팅 서비스를 사용하는 경우 호스트에 컨테이너를 배포하거나 호스트에 대한 런타임으로 Node.js 버전을 선택할 수 있습니다. 두 경우 모두 런타임 버전, 애플리케이션 코드 및 Azure SDK와 같은 종속성을 정렬해야 합니다.

런타임 정보를 찾으려면 다음 표를 사용합니다.

서비스

버전 정보

Azure 앱 서비스

Linux 환경에서 실행 중인 경우 다음 Azure CLI 명령을 실행하여 지원되는 모든 버전을 볼 수도 있습니다.

az webapp list-runtimes | grep node

Azure 함수

새 프로젝트는 최신 프로그래밍 모델을 사용해야 합니다.

Azure Static Web Apps(SWA)

정적 Web Apps에서 API를 호스팅하는 경우 프런트 엔드와 API라는 두 가지 다른 런타임을 고려해야 합니다.

스와 CLI

SWA CLI는 프록시, 인증 및 기타 구성을 포함한 개발 환경 기능을 제공합니다.

호스팅 시나리오에 대한 JavaScript 빠른 시작 시도

호스팅 옵션을 사용하면 애플리케이션에 Azure를 신속하게 사용할 수 있습니다. 다음 호스팅 빠른 시작 및 자습서에서는 가장 일반적인 Azure 1일차 경험을 안내합니다.

다음 단계

  • Azure JavaScript 개발자를 위한 권장 도구를 학습하세요
  • Last updated on