Azure의 JavaScript 개발자를 위한 도구
JavaScript는 많은 도구의 에코시스템입니다. 이 문서는 JavaScript 개발자를 위해 Microsoft에서 빌드하고 유지 관리하는 다양한 도구입니다. 이러한 도구를 사용하여 Azure를 사용할 필요는 없으며 기능과 지원 모두에서 환경을 개선합니다.
Azure Portal
Azure Portal을 사용하면 계정에 대한 모든 구독 및 리소스에 액세스할 수 있습니다.
Visual Studio Code
Visual Studio Code 는 Azure용 JavaScript 개발을 위한 기본 IDE입니다. 인터페이스, 기능 및 확장은 함께 작동하여 개발 시간을 단축하고 개발 좌절을 줄입니다.
로컬 개발 프로젝트의 루트에 프로젝트 작업 영역을 만든 다음 모든 관련 구성, 설정 및 확장을 추가합니다. 모든 팀원이 프로젝트에 필요한 설정 및 도구에 액세스할 수 있도록 프로젝트를 사용하여 작업 영역 파일을 체크 인합니다.
Visual Studio Code를 사용하면 다음과 같은 몇 가지 이점이 있습니다.
- Visual Studio Code는 Azure 참조 설명서를 인라인으로 표시합니다.
- Visual Studio Code에서 명령문 완성 기능 제공
- 모호한 형식 또는 개체가 거의 없는 경우
Visual Studio Code는 JavaScript 프로젝트 사용을 위한 풍부한 설명서를 제공합니다.
Azure 서비스용 도구
다음과 같은 무료 확장을 사용하면 Visual Studio Code에서 직접 Azure 서비스를 사용할 수 있습니다.
| 서비스 | 도구 | 설명 |
|---|---|---|
| 상위 서비스 | Visual Studio Code 확장 | 확장 컬렉션입니다. Microsoft에서 이 하나의 확장에서 상위 Azure 서비스를 모두 가져옵니다. |
| Azure 리소스 그룹 | Visual Studio Code 확장 Azure CLI |
Azure 리소스를 보고 관리합니다. 자습서: Visual Studio Code에서 App Service에 Express.js MongoDB 앱 배포 자습서: 웹 사이트에 Cognitive Search 추가 |
| Azure Static 웹앱 | Visual Studio Code 확장 SWA CLI |
VS Code 확장 또는 Static Web Apps CLI(SWA CLI)를 사용하여 Azure Static Web Apps를 만들고 관리합니다. VS Code 확장은 편집기와 통합되는 반면 SWA CLI는 Azure 서비스를 로컬로 시뮬레이션합니다. |
| Azure 기능 | Visual Studio Code 확장 Azure CLI npm 패키지 |
함수 만들기, 관리, 보기, 디버그 및 배포 빠른 시작: Visual Studio Code를 사용하여 Azure에서 JavaScript 함수 만들기 |
| Azure Container Apps | Visual Studio Code 확장 Azure CLI containerapp |
Azure Container Apps를 사용하면 서버리스 플랫폼에서 마이크로 서비스 및 컨테이너화된 애플리케이션을 실행할 수 있습니다. 컨테이너 앱을 관리하고, 새 버전을 배포하고, 성능을 모니터링합니다. 자습서: 프런트 엔드 마이크로 서비스 앱 배포 자습서: 백 엔드 마이크로 서비스 앱 배포 |
| Azure Cosmos DB | Visual Studio Code 확장 Azure CLI |
Azure에서 전역 분산형 다중 모델 데이터베이스를 만들고, 찾고, 업데이트합니다. 빠른 시작: Visual Studio Code를 사용하여 Azure Functions를 Azure Cosmos DB에 연결 |
| 스토리지 | Visual Studio Code 확장 Azure CLI 스토리지 에뮬레이터 - Azurite |
Blob 컨테이너, 파일 공유, 테이블 및 큐를 포함하는 Azure Storage 빠른 시작: Visual Studio Code를 사용하여 Azure Functions를 Azure Storage에 연결 |
모든 Azure 확장을 보려면 다음 링크를 사용합니다.
TypeScript
TypeScript 는 JavaScript의 모든 기능을 제공하며 강력하지만 유연한 형식 시스템을 제공합니다.
TypeScript 및 Azure SDK 클라이언트 라이브러리
클라이언트 라이브러리가 TypeScript로 작성되었기 때문에 Azure SDK 클라이언트 라이브러리 참조 설명서는 TypeScript용으로 작성됩니다. TypeScript를 사용하여 Azure SDK 클라이언트 라이브러리를 사용할 필요는 없습니다.
Azure SDK에 대한 TypeScript 지침에 대해 자세히 알아봅니다.
배포
Azure용 최고의 배포 도구는 Azure Development CLI입니다. 이 도구를 사용하면 Bicep 또는 Terraform을 사용하여 Azure 서비스를 만들고 구성한 다음 소스 코드를 배포할 수 있습니다.
Awesome AZD를 사용하여 배포 가능한 샘플을 찾아 Azure에 대한 엔드 투 엔드 솔루션을 이해합니다.
CICD(연속 통합 및 테스트) 도구
빌드 및 배포를 위한 다음 통합 도구는 파이프라인 생산성을 향상합니다.
컨테이너
Microsoft 또는 Azure 특정 Docker 이미지를 찾고 있는 경우 MRC(Microsoft Container Registry)를 사용하여 이미지를 쿼리합니다.
컨테이너용 도구
개발 컨테이너용 도구
Azure CLI
Azure CLI는 명령줄에서 Azure 리소스를 관리하기 위해 최적화되어 있습니다.
Azure CLI는 다음과 같은 사용 시나리오를 제공합니다.
Azure Portal을 사용하는 경우 Azure CLI는 위쪽 탐색 모음의 포털에서 사용할 수 있습니다.
샘플 애플리케이션, 코드 및 코드 조각
GitHub 조직인 Azure-Samples에는 Azure에서 제공하는 제품 및 서비스에 대한 많은 샘플이 포함되어 있습니다. Azure 샘플 브라우저를 사용하여 요구 사항에 맞는 샘플을 찾습니다.
다른 샘플은 다음과 같습니다.
- JS 용 Azure SDK 샘플
- JS용 Microsoft 인증 라이브러리(MSAL.js) 샘플
- JavaScript 엔드 투 엔드 샘플
Playwright
Playwright 는 단일 API를 사용하여 Chromium, Firefox 및 WebKit을 자동화하는 Node.js 라이브러리입니다. Playwright는 환경 친화적이고, 기능적이며, 안정적이며, 빠른 브라우저 간 웹 자동화를 가능하게 하기 위해 설계되었습니다.
Rush
Rush 는 웹용 확장 가능한 모노레포 관리자입니다.
Windows 터미널
Windows 터미널 Azure CLI 및 Ubuntu를 포함하여 동일한 Windows 애플리케이션에서 여러 터미널 형식에 액세스할 수 있습니다. GitHub Actions 또는 다른 파이프라인에서 해당 스크립트를 사용하기 전에 이 도구를 사용하여 CICD bash 스크립트를 개발하고 테스트합니다.
Linux용 Windows 하위 시스템
이 Linux용 Windows 하위 시스템 개발자는 대부분의 명령줄 도구, 유틸리티 및 애플리케이션을 포함한 GNU/Linux 환경을 기존 가상 머신 또는 이중 부팅 설정의 오버헤드 없이 수정되지 않은 Windows에서 직접 실행할 수 있습니다.
Azure JavaScript 개발자 팁과 요령
다음 목록에는 Azure 개발자가 생산성을 높이기 위해 알아야 할 팁과 요령이 포함되어 있습니다.
- Azure 리소스에 대한 명명 스키마 를 개발합니다.
- Azure 리소스를 명명 스키마를 사용하는 리소스 그룹으로 그룹화합니다.
- 각 Azure 리소스에 대해 리소스의 목적, 프로젝트 및 기타 중요한 정보를 전달하는 태그를 추가합니다. 이러한 태그는 Azure Portal의 해당 리소스에 대한 개요 페이지에 표시됩니다. 태그를 리소스를 문서화하는 방법으로 간주합니다.
- 대부분의 리소스에는 구독당 하나 이상의 무료 버전 이 있습니다. 사용 방법을 학습하는 동안 이 유형의 리소스를 사용합니다.
- "기본적으로 보안" 솔루션의 경우 연결 문자열 또는 암호 없이 리소스를 만드는 방법을 알아봅니다. 이 보안을 사용하면 연결 문자열 관리하거나 키를 회전하지 않고도 모든 환경에서 동일한 코드를 사용할 수 있습니다.
- Azure용 최신 npm 패키지는
@azure범위로 시작됩니다. - 대부분의 Azure npm 패키지는 DefaultAzureCredential을 사용할 수 있습니다. 설정이 복잡해 보이지만 Azure 플랫폼에 대한 로컬 및 원격 인증을 더 이상 관리할 필요가 없다는 이점은 보안 및 시간 절약에 유용합니다.
- 모든 Azure JavaScript SDK에는 TypeScript 형식이 포함됩니다. 이 기능을 사용하면 솔루션에 강력한 형식을 쉽게 채택할 수 있으며 SDK와 동기화되지 않는다는 것을 알 수 있습니다.