Offcanvas

개발자 / 애플리케이션

“브라우저에서 설치 없이 실행”··· MS, ‘웹용 VS 코드’ 프리뷰 공개

2021.10.22 Paul Krill  |  InfoWorld
마이크로소프트가 사용자의 웹 브라우저에서 서버 없이 실행되는 경량 버전의 ‘웹용 비주얼 스튜디오 코드(Visual Studio Code for the Web)’ 프리뷰 버전을 10월 20일(현지 시각) 공개했다
 
ⓒGetty Images

이곳(vscode.dev)에서 사용할 수 있는 ‘웹용 VS 코드’는 로컬 파일 보기 및 편집, 마크다운(Markdown)에서의 빠른 메모 작성 등을 포함한 로컬 개발 시나리오를 지원한다.

또 디버깅용 브라우저 도구와 함께 클라이언트 측 HTML, 자바스크립트, CSS 애플리케이션을 빌드하고 크롬북, 아이패드 등의 기기에서 코드를 편집 및 개발할 수 있다고 마이크로소프트는 밝혔다. 

회사에 따르면 엣지, 크롬 등 최신 브라우저의 파일 시스템 액세스 API(File System Access API) 지원으로 웹용 VS 코드는 설치가 필요 없는 로컬 개발 도구 역할을 할 수 있다.

개발자의 브라우저가 파일 시스템 API를 지원하지 않는 경우에도 브라우저를 통해 개별 파일을 업로드 및 다운로드하여 열 수 있다. 

하지만 마이크로소프트는 데스크톱 앱 사용과 비교해 일부 환경 및 기능은 제한된다고 말했다. 예를 들면 웹용 VS 코드에서는 터미널과 디버거를 사용할 수 없다. 브라우저 내에서 러스트(Rust) 또는 고(Go) 애플리케이션을 컴파일, 디버그, 실행할 수 없기 때문이다(물론 언젠가는 파이어다이드(Pyodide), 웹 컨테이너 등의 새로운 기술로 이를 변경할 수 있다고 회사 측은 덧붙였다).

코드 편집, 탐색, 브라우징 경험에서도 약간의 미묘한 차이가 있다고 회사 측은 언급했다. 데스크톱 환경에서 이러한 경험은 일반적으로 파일 시스템, 런타임, 컴퓨팅 환경을 요구하는 언어 서비스 및 컴파일러에 의해 구동된다.

반면에 브라우저 환경의 경우 이러한 경험은 파일 시스템과 런타임 없이 소스 코드 토큰화, 구문 색상 지정, 구문 완성, 일부 단일파일 작업을 제공하는 브라우저에서 실행되는 언어 서비스에 의해 구동된다. 

대부분의 언어에서 웹용 VS 코드는 코드 구문 색상 지정, 텍스트 기반 구문 완성, 대괄호 쌍 색상 지정을 제공한다. JSON, HTML, CSS에서의 웹용 VS 코드 코딩 경험은 데스크톱과 거의 동일하다. 타입스크립트, 자바스크립트, 파이썬 환경은 브라우저에서 기본적으로 실행되는 언어 서비스로 구동된다고 마이크로소프트는 설명했다. 

이 밖에 테마, 키 맵, 스니펫 등 대부분의 UI 커스텀 확장은 웹용 VS 코드에서 작동한다. 설정 동기화(Settings Sync)를 통해 브라우저, 데스크톱, 깃허브 코드스페이스(GitHub Codespaces) 간 로밍으로 더 많은 기능을 활성화할 수 있다. ciokr@idg.co.kr



 
CIO Korea 뉴스레터 및 IT 트랜드 보고서 무료 구독하기
추천 테크라이브러리

회사명:한국IDG 제호: CIO Korea 주소 : 서울시 중구 세종대로 23, 4층 우)04512
등록번호 : 서울 아01641 등록발행일자 : 2011년 05월 27일

발행인 : 박형미 편집인 : 천신응 청소년보호책임자 : 한정규
사업자 등록번호 : 214-87-22467 Tel : 02-558-6950

Copyright © 2024 International Data Group. All rights reserved.