Windows 웹 개발

Microsoft는 Windows 사용하여 웹 개발을 지원하는 새로운 도구 및 기능을 포함하여 웹 개발자를 위한 다양한 리소스를 제공합니다. 이 가이드에서는 웹용으로 개발하기에 이상적인 환경을 Windows 데 사용할 수 있는 많은 도구를 다룹니다. API 목록은 웹 개발용 API를 참조하세요.

Windows

WebView, DevTools, PWA

WebView 2
Microsoft Edge WebView2를 사용하여 네이티브 애플리케이션에 웹 콘텐츠(HTML, CSS 및 JavaScript)를 포함합니다. WebView 2 다운로드

Microsoft Edge DevTools
Microsoft Edge 개발자 도구는 Microsoft Edge 브라우저에 직접 빌드된 검사 및 디버깅 도구 집합입니다. Microsoft Edge 포커스가 있는 DevTools를 열려면 다음을 수행합니다.

• 마우스 오른쪽 단추를 클릭하고 검사
• F12 키 선택
• Ctrl + Shift + i

Windows에서의 프로그레시브 웹 앱
PWA(프로그레시브 Web Apps)는 사용자에게 디바이스에 맞게 사용자 지정된 네이티브 앱과 유사한 환경을 제공합니다. 이는 지원 플랫폼에서 네이티브 앱처럼 작동하도록 점진적으로 향상되는 웹 사이트입니다.
PWA 사용 시작하기

Microsoft Edge 브라우저

개발자용 Microsoft Edge
새 Microsoft Edge Chromium을 기반으로 하여 웹 호환성을 향상시키고 기본 웹 플랫폼의 조각화를 줄입니다. 2020년 1월 15일에 릴리스된 이 릴리스는 Windows, macOS, iOS 및 Android에서 지원됩니다.
새 Microsoft Edge를 설치합니다

비즈니스용
비즈니스용 Microsoft Edge
Microsoft Edge Chromium을 기반으로 하며 엔터프라이즈 지원을 제공합니다. 사용 가능한 여러 채널을 구성하고 배포하는 방법에 대한 단계별 지침을 확인하세요.
Microsoft Edge 채널 다운로드

Microsoft Edge Insider
우리는 매일 Microsoft Edge 위해 새로운 것을 구축하고 있습니다. 최근 진행 상황과 참여 방법에 대해 알아보세요. 베타 버전 Microsoft Edge 다운로드

Microsoft Edge 지원
브라우저 사용자 지정, 확장 추가, 추적 방지, 문제 해결 등에 대한 도움을 받을 수 있습니다. Microsoft Edge 관련 도움 받기

디버깅, 테스트 및 액세스 가능성

Microsoft Edge TOOLS for VS Code
Visual Studio Code 종료하지 않고 Microsoft Edge DevTools를 사용하여 인스턴스에 연결하고 런타임 HTML 구조를 보고, 레이아웃, 스타일(CSS)을 변경하고, 콘솔 메시지를 읽고, 네트워크 요청을 봅니다.
VS Code용 Microsoft Edge 도구 설치

접근성을 위한 WebHint
최고의 실천 사례와 일반적인 오류를 점검하여 코드의 품질을 향상시킴으로써, 사이트의 접근성, 속도, 브라우저 간 호환성 등을 개선할 수 있도록 도와주는 맞춤형 린팅 도구입니다.
VS Code 확장 설치
브라우저 확장 설치
CLI 설치

WebDriver
Microsoft WebDriver를 사용하여 Microsoft Edge 웹 사이트의 테스트를 자동화하여 개발자 주기의 루프를 닫습니다.
WebDriver 설치

Visual Studio 코드 편집기

VS Code
JavaScript, TypeScript, Node.js, 풍부한 확장 에코시스템(C++, C#, Java, Python, PHP, Go) 및 런타임(예: .NET 및 Unity)을 지원하는 간단한 소스 코드 편집기입니다.
VS Code 설치

Visual Studio(IDE)
컴파일러, intellisense 코드 완성 등의 여러 기능을 포함하여 앱을 편집하고, 디버그하고, 코드를 빌드하고, 앱을 게시하는 데 사용할 수 있는 통합 개발 환경입니다.
Visual Studio를 설치합니다

VS Code 확장 마켓플레이스
Visual Studio Code 편집기를 사용자 지정하는 데 사용할 수 있는 다양한 확장을 살펴봅니다.
확장 설치

Visual Studio Marketplace for Extensions
Visual Studio 통합 개발 환경을 사용자 지정하는 데 사용할 수 있는 다양한 확장을 살펴봅니다.
확장 설치

WSL, 터미널, Package Manager, Docker Desktop

Windows Subsystem for Linux
Windows 완전히 통합된 즐겨찾는 Linux 배포를 사용합니다(더 이상 이중 부팅이 필요하지 않음).
WSL 설치

Windows Terminal
여러 명령줄 셸에서 작동하도록 터미널 환경을 사용자 지정합니다.
터미널 설치

Windows Package Manager
명령줄에 winget.exe 클라이언트를 사용하여 Windows 앱을 설치하거나 자체 패키지를 Windows Package Manager 제출합니다.
Windows Package Manager winget 클라이언트를 설치합니다

Docker Desktop Windows용
Visual Studio, VS Code, .NET, Windows Subsystem for Linux 또는 다양한 Azure 서비스를 지원하는 원격 개발 컨테이너를 만듭니다.
Windows용 Docker Desktop을 설치합니다

ASP.NET, Typescript, .NET MAUI

ASP.NET
웹앱 및 서비스, IoT(사물 인터넷) 앱 또는 .NET 및 C#을 사용하는 모바일 백 엔드를 빌드하기 위한 플랫폼 간 프레임워크입니다. Blazor를 사용하여 풍부한 대화형 웹 UI를 빌드합니다. Windows, macOS 및 Linux에서 즐겨 찾는 개발 도구를 사용합니다. 클라우드 또는 온-프레미스에 배포할 수 있습니다. .NET에서 실행됩니다.
** ASP.NET을 설치합니다

TypeScript
TypeScript는 언어에 유형을 추가하여 JavaScript를 확장합니다. 예를 들어 JavaScript는 문자열, 숫자 및 개체와 같은 언어 기본 요소를 제공하지만, 이를 일관되게 할당했는지 확인하지 않습니다. TypeScript는 이를 확인합니다.
브라우저에서 시도해보기로컬로 설치

.NET MAUI
.NET .NET MAUI(다중 플랫폼 앱 UI)를 사용하면 Android, iOS, macOS, Windows 및 Tizen의 모바일 및 데스크톱 폼 팩터를 대상으로 하는 .NET 플랫폼 간 UI 도구 키트를 사용하여 네이티브 앱을 빌드할 수 있습니다.
.NET MAUI 설치

오픈 소스 기여

Microsoft의 오픈 소스
수천 명의 Microsoft 엔지니어가 매일 open source 사용하고, 기여하고, 릴리스합니다. 인기 있는 프로젝트에는 Visual Studio Code, TypeScript, .NET 및 ChakraCore가 있습니다.
참여

문서 작성에 참여
Microsoft의 대부분의 설명서 집합은 open source GitHub 호스트됩니다. 문제를 제출하거나 풀 요청을 작성하여 기여하세요.
방법 알아보기

Azure 사용한 클라우드 개발

Azure
기존 앱을 호스트하고 새 앱 개발의 효율을 높이는 완전한 클라우드 플랫폼입니다. Azure 서비스는 앱을 개발, 테스트, 배포 및 관리하는 데 필요한 모든 것을 통합합니다.
Azure 계정 설정

Azure Cognitive Services
애플리케이션에 인식 인텔리전스를 빌드하는 데 도움이 되는 REST API 및 클라이언트 라이브러리 SDK가 포함된 클라우드 기반 서비스입니다.
Cognitive Service 사용해보기

Azure 제품 살펴보기
Azure 다양한 제품 및 서비스를 제공합니다. 설명서를 살펴보거나 Azure 제품 설명 및 가격 책정 참조하세요.
Azure 계정 설정

추가 리소스

Windows에서 개발 환경을 설정하기
개발 환경을 설정하여 Python, NodeJS, C#, C, C++, Android 앱 빌드, Windows 데스크톱 앱 빌드, Docker 컨테이너 빌드, PowerShell 스크립트 실행 등을 수행할 수 있습니다.
시작

데스크톱용 React Native
Windows SDK 및 macOS 10.13 SDK에 React Native 지원을 제공합니다. JavaScript를 사용하여 pc, 태블릿, 2-in-1s, Xbox, 혼합 현실 디바이스 등 Windows 지원하는 모든 디바이스와 macOS 데스크톱 및 랩톱 에코시스템에 대한 네이티브 Windows 앱을 빌드합니다.
Windows에 React Native 설치
MacOS에 React Native 설치하기

웹 개발과 관련된 Microsoft Learn 과정
Microsoft Learn은 다양한 새로운 기술을 배우고 단계별 지침을 통해 Microsoft 제품 및 서비스를 검색할 수 있는 무료 온라인 과정을 제공합니다.
학습 시작

Mac과 Windows 간 전환

Mac과 Windows(또는 Windows Subsystem for Linux) 개발 환경 간의 전환에 대한 가이드를 확인하세요.

• 바로 가기 키
• 트랙패드 바로 가기
• 터미널 및 셸 도구
• 앱 및 유틸리티