2020.11.12

'개발 작업 간소화하는' 비주얼 스튜디오 코드 확장 기능 4가지

Serdar Yegulalp | InfoWorld
‘비주얼 스튜디오 코드(Visual Studio Code)’ 확장 기능을 활용하면 코드 편집기를 떠나지 않고도 데이터베이스를 탐색하고 API로 작업하며 생산성을 추적할 수 있다. 팀원에게 메시지를 보낼 수도 있다. 
 
ⓒGetty Images

대부분의 사람이 ‘비주얼 스튜디오 코드’를 코드 편집기, IDE, 프로젝트를 프로그래밍하거나 텍스트 파일을 작업하기 위한 환경이라고 생각한다. 하지만 VS 코드의 유연성 덕분에 편집기용 애드온은 프로그래밍 언어 혹은 파일 형식 지원을 추가하는 것 이상의 작업을 해낼 수 있다. VS 코드가 코딩 외에도 여러 가지 유용한 기능을 제공한다는 뜻이다. 

여기서는 비주얼 스튜디오 코드가 단순히 코드를 작성하는 편집기 역할을 넘어서 어떻게 개발 작업을 간소화하는 데 도움이 되는지 살펴본다. 

데이터베이스 탐색 
수많은 애플리케이션 개발 프로젝트에는 일종의 데이터베이스가 포함된다. 일반적으로 데스크톱 앱 또는 웹 포털을 사용해 이러한 데이터베이스를 관리하지만 비주얼 스튜디오 코드용 애드온을 사용하면 앱 내에서 직접 데이터베이스를 쿼리할 수 있다. 

예를 들면 ‘VS 코드 데이터베이스(vscode-database)’는 MySQL과 PostgreSQL에 빠른 연결 및 쿼리를 제공한다. 또한 ‘VS 코드 에스큐엘라이트(vscode-sqlite)’를 사용하면 활용도가 높은 SQLite로 작업할 수 있다. 몽고DB(MongoDB) 사용자라면 자신의 DB를 호출할 수 있는 확장 프로그램도 있다. 

단, 이러한 확장 기능은 (쿼리로 이런 작업을 하는 데 익숙하지 않다면) 테이블 구조를 변경하는 등의 데이터베이스 세부정보 관리보다는 쿼리를 검색하고 실행하는 데 적합하다는 점에 유의해야 한다. 

API 개발 및 테스트 
비주얼 스튜디오 코드용 애드온을 사용하면 편집기에서 API를 바로 테스트하거나 API 정의 형식으로 작업할 수 있다. 이를테면 ‘트로픽RPC(tropicRPC)’를 사용하면 VS 코드 프로젝트에 저장된 테스트 구성으로 gRPC API를 자동 테스트할 수 있다. 

오픈API 린트(openapi-lint)’는 오픈API에 관한 유효성 검사 및 린팅을 제공한다. 오픈API는 API 정의를 작성하는 데 가장 일반적으로 사용되는 형식이다. 또한 오픈API 린트는 YAML 및 JSON을 비롯한 다른 형식으로 내보내기를 지원한다. 이 밖에 ‘스웨거 뷰어(Swagger Viewer)’는 오픈API 파일에 대해 린팅 및 인텔리센스(IntelliSense)는 물론 미리보기도 제공한다. 

메시지 보내기 
코로나19 사태가 일하는 방식을 근본적으로 재편하기 훨씬 더 이전부터, 팀 협업 툴은 이미 원활한 실시간 원격 작업을 지원하고 있었다. 

슬랙(Slack)과 디스코드(Discord) 사용자는 비주얼 스튜디오 코드 내에서 이들 서비스를 연동해 쓸 수 있다. 특히, 마이크로소프트 프로그램 매니저 아르준 아탐이 올린 ‘채팅(Chat)’ 애드온은 슬랙과 디스코드 모두를 지원하며, VS 코드 창에 직접 통합해 사용할 수도 있다. 

생산성 추적 
그 어느 때보다 많은 사람이 혼자서 일한다. 이에 따라 시간 관리 역시 그 어느 때보다도 중요해졌다. 만약 와카타임(Wakatime) 개발 지표 추적 시스템을 사용한다면, 편집기 내에서 직접 와카타임 통계를 관리하는 VS 코드 애드온을 쓸 수 있다. 

또한 ‘코드 타임(Code Time)’ 애드온을 사용하면 오픈소스 프로젝트를 통해 생산성을 직접 추적하고 관리할 수 있다. 이 밖에 단순한 뽀모도로(Pomodoro) 타이머를 원하는 이들을 위한 확장 기능도 있다. ciokr@idg.co.kr
 



2020.11.12

'개발 작업 간소화하는' 비주얼 스튜디오 코드 확장 기능 4가지

Serdar Yegulalp | InfoWorld
‘비주얼 스튜디오 코드(Visual Studio Code)’ 확장 기능을 활용하면 코드 편집기를 떠나지 않고도 데이터베이스를 탐색하고 API로 작업하며 생산성을 추적할 수 있다. 팀원에게 메시지를 보낼 수도 있다. 
 
ⓒGetty Images

대부분의 사람이 ‘비주얼 스튜디오 코드’를 코드 편집기, IDE, 프로젝트를 프로그래밍하거나 텍스트 파일을 작업하기 위한 환경이라고 생각한다. 하지만 VS 코드의 유연성 덕분에 편집기용 애드온은 프로그래밍 언어 혹은 파일 형식 지원을 추가하는 것 이상의 작업을 해낼 수 있다. VS 코드가 코딩 외에도 여러 가지 유용한 기능을 제공한다는 뜻이다. 

여기서는 비주얼 스튜디오 코드가 단순히 코드를 작성하는 편집기 역할을 넘어서 어떻게 개발 작업을 간소화하는 데 도움이 되는지 살펴본다. 

데이터베이스 탐색 
수많은 애플리케이션 개발 프로젝트에는 일종의 데이터베이스가 포함된다. 일반적으로 데스크톱 앱 또는 웹 포털을 사용해 이러한 데이터베이스를 관리하지만 비주얼 스튜디오 코드용 애드온을 사용하면 앱 내에서 직접 데이터베이스를 쿼리할 수 있다. 

예를 들면 ‘VS 코드 데이터베이스(vscode-database)’는 MySQL과 PostgreSQL에 빠른 연결 및 쿼리를 제공한다. 또한 ‘VS 코드 에스큐엘라이트(vscode-sqlite)’를 사용하면 활용도가 높은 SQLite로 작업할 수 있다. 몽고DB(MongoDB) 사용자라면 자신의 DB를 호출할 수 있는 확장 프로그램도 있다. 

단, 이러한 확장 기능은 (쿼리로 이런 작업을 하는 데 익숙하지 않다면) 테이블 구조를 변경하는 등의 데이터베이스 세부정보 관리보다는 쿼리를 검색하고 실행하는 데 적합하다는 점에 유의해야 한다. 

API 개발 및 테스트 
비주얼 스튜디오 코드용 애드온을 사용하면 편집기에서 API를 바로 테스트하거나 API 정의 형식으로 작업할 수 있다. 이를테면 ‘트로픽RPC(tropicRPC)’를 사용하면 VS 코드 프로젝트에 저장된 테스트 구성으로 gRPC API를 자동 테스트할 수 있다. 

오픈API 린트(openapi-lint)’는 오픈API에 관한 유효성 검사 및 린팅을 제공한다. 오픈API는 API 정의를 작성하는 데 가장 일반적으로 사용되는 형식이다. 또한 오픈API 린트는 YAML 및 JSON을 비롯한 다른 형식으로 내보내기를 지원한다. 이 밖에 ‘스웨거 뷰어(Swagger Viewer)’는 오픈API 파일에 대해 린팅 및 인텔리센스(IntelliSense)는 물론 미리보기도 제공한다. 

메시지 보내기 
코로나19 사태가 일하는 방식을 근본적으로 재편하기 훨씬 더 이전부터, 팀 협업 툴은 이미 원활한 실시간 원격 작업을 지원하고 있었다. 

슬랙(Slack)과 디스코드(Discord) 사용자는 비주얼 스튜디오 코드 내에서 이들 서비스를 연동해 쓸 수 있다. 특히, 마이크로소프트 프로그램 매니저 아르준 아탐이 올린 ‘채팅(Chat)’ 애드온은 슬랙과 디스코드 모두를 지원하며, VS 코드 창에 직접 통합해 사용할 수도 있다. 

생산성 추적 
그 어느 때보다 많은 사람이 혼자서 일한다. 이에 따라 시간 관리 역시 그 어느 때보다도 중요해졌다. 만약 와카타임(Wakatime) 개발 지표 추적 시스템을 사용한다면, 편집기 내에서 직접 와카타임 통계를 관리하는 VS 코드 애드온을 쓸 수 있다. 

또한 ‘코드 타임(Code Time)’ 애드온을 사용하면 오픈소스 프로젝트를 통해 생산성을 직접 추적하고 관리할 수 있다. 이 밖에 단순한 뽀모도로(Pomodoro) 타이머를 원하는 이들을 위한 확장 기능도 있다. ciokr@idg.co.kr
 

X