여기서는 개발 환경을 구축할 때 고려할 만한 11가지 VS 코드 확장 프로그램을 소개한다. 모두 매우 유용하며, 누구든 일상적인 워크플로우에 채택할 만한 확장 프로그램을 찾을 수 있을 것이다.
대시보드(Dashboard)
크롬과 파이어폭스 사용자는 빈 탭을 열 때 기본적으로 표시되는 "바로 가기" 메뉴에 익숙하다. 대시보드 확장 프로그램은 VS 코드에서 이와 비슷하게 가장 일반적인 프로젝트 또는 작업공간에 신속하게 접근할 수 있게 해준다. 대시보드에서 프로젝트를 손쉽게 추가, 제거하거나 재정렬할 수 있으며 색, 그라디언트, 이모지를 사용해서 프로젝트 버튼을 각자 구분되도록 설정할 수 있다. 아이콘을 통해 깃 리포지토리에 속하는 프로젝트를 알려준다.
데이터 프리뷰(Data Preview)
비주얼 스튜디오 코드는 코드 작성 및 실행뿐 아니라 데이터 준비, 데이터 랭글링을 위한 환경으로도 활용된다. 그러나 아주 단순한 파일로 작업하는 경우를 제외하면 내장된 데이터 형식을 위한 파일 핸들러로는 부족하다. 데이터 프리뷰는 광범위한 일반적인 형식(JSON 또는 CSV뿐 아니라 엑셀, 아파치 파케이, 애로우, 아브로, YAML과 그 외의 구성 파일까지)을 위한 핸들러, 시각화 툴, 관리 기능을 추가해 준다. 무거운 작업에서는 웹어셈블리로 작성된 스트리밍 데이터 분석 라이브러리를 사용하므로 10MB 이상의 용량이 큰 파일도 문제없이 처리할 수 있다.
플레이스홀더 이미지(Placeholder Images)
프로젝트에 플레이스홀더 이미지가 필요한 경우(보통 웹 개발, UI 목업, 문서화 등에 자주 필요함) 플레이스홀더 이미지만 있으면 된다. 이 VS 코드 확장 프로그램을 사용하면 언스플래시(Unsplash)와 같은 스톡 이미지 서비스를 포함한 여러 무료 이미지 제공업체의 이미지를 HTML 참조로 삽입할 수 있다. 이미지를 선택하려면 제공업체와 함께 원하는 크기를 입력한다. 그러면 해당 업체에서 조건에 맞는 이미지가 무작위로 선택된다.
VS코드 페이커(VSCode Faker)
종종 플레이스홀더 텍스트(가짜 주소, 가짜 전화번호, 또는 lorem ipsum 한 줄)가 필요한 경우가 있다. HTML 템플릿 예제를 만들거나 스크린샷 또는 구성 파일을 위해 가짜 데이터를 라이브 데이터로 바꾸는 경우 등이다. VS코드 페이커는 모든 종류의 가짜 데이터를 빠르게 생성해 준다. 로케일 ID가 있다면 특정 로케일의 가짜 데이터를 생성하도록 설정할 수도 있다.
워드카운터(WordCounter)
단어 수와 읽기 시간은 블로그 게시물과 뉴스 기사를 볼 때 매우 유용하다. 그렇다면 다른 곳에서도 활용할 수 있지 않을까? 가령 README를 읽는 데 얼마나 걸릴지, 또는 작성 중인 문서의 현재 단어 수를 한눈에 알 수 있다면 좋을 것이다. 워드카운터는 VS코드 상태 표시줄에 세부적인 단어, 문자, 줄, 단락, 읽기 시간 등의 정보를 표시한다. 폭넓게 구성이 가능해서, 예를 들어 단어 구분자를 구성하는 요소를 변경하거나 읽기 시간을 계산하는 데 사용되는 분당 단어 수를 바꿀 수 있다.
점피(Jumpy)
모달 편집기 애호가들은 마우스 조작 없이 몇 번의 키 입력만으로 라인, 페이지, 또는 문서의 특정 논리적 지점으로 이동할 수 있다는 점을 좋아한다. 점피는 키보드만 사용해서 코드 사이를 빠르게 이동하는 기능을 더해준다. 점피를 활성화하면 화면의 코드에 2자리 코드 레이블로 키 포인트가 표시된다(줄 바꿈, 식의 시작 부분 등). 특정 레이블로 이동하려면 이 2자리 코드를 입력하면 된다. 코드에 사용되는 기호를 맞춤 설정하거나 기본값을 사용할 수 있다. 기본값은 A~Z, 0~9다.
점피에는 기본적으로 키바인딩이 없으므로 사용할 바인딩을 직접 설정해야 한다. 다른 확장 프로그램과의 충돌을 피할 수 있다는 면에서는 도움이 된다.
토글(Toggle)
VS 코드의 설정은 탐색하고 수정하려면 미로와 같이 복잡하게 느껴질 수 있다. 특히 상황에 따라 켜고 끄기 위해 동일한 설정을 반복해서 찾는 경우에는 더욱 성가시다. 펭 Lv(Peng Lv)의 토글 확장 프로그램을 사용하면 모든 VS 코드 설정에 키바인딩을 할당할 수 있다. 바인딩한 키를 누르기만 하면 간단히 해당 설정값이 변경된다. 같은 키바인딩에 여러 설정의 토글을 할당할 수도 있다.
토글의 한 가지 단점은 키바인딩 파일을 수동으로 구성해야 한다는 점이지만 별로 어렵지는 않다. 기본 설정(Preferences): 키보드 단축키 열기(Open Keyboard Shortcuts(JSON))를 사용해서 파일을 생성하거나 연 다음 위의 예제를 붙여넣고 키바인딩 참조표를 사용해서 설정하면 된다.
텍스트 파워 툴(Text Power Tools)
VS 코드는 본질적으로 텍스트 편집기다. 여기서 "텍스트"는 프로그램 코드만이 아니라 일반 텍스트를 포함한 다양한 형식의 문서도 의미한다. 텍스트 파워 툴 확장 프로그램은 VS 코드에 기본적으로 포함되지 않은 다양한 텍스트 처리 유틸리티를 추가해 준다. 제공되는 툴에는 정규식으로 파일의 라인 필터링하기, 선택한 텍스트의 대소문자 변경 또는 바꾸기, 라인 또는 영역의 앞이나 뒤에 텍스트 붙이기, 다양한 기준에 따라 텍스트 영역 정렬하기, 클립보드 내의 데이터를 다양한 형식으로 지능적으로 붙여넣기, 다양한 형식의 플레이스홀더 데이터 생성하기, 선택 영역의 인코딩 변경하기, 유니코드 정규화 형식 변경하기 등이 있다.
한 가지 매우 유용한 추가 기능은 "텍스트 슬롯"이다. 최대 5개의 클립보드 항목을 저장해서 재사용할 수 있는 기능이다. 클립보드를 강화해 주는 유틸리티를 이미 사용하고 있지 않다면 이 유용한 확장 프로그램을 사용하면 된다.
SQL툴(SQLTools)
데이터베이스 작업을 할 때 선택 가능한 옵션은 데이터베이스의 명령줄 인터페이스, 데이터 액세스 라이브러리가 있는 프로그래밍 언어, 또는 CLI와 GUI가 있는 "워크벤치" 애플리케이션이다. 이 마지막 옵션이 가장 사용자 친화적이고 편리하다. SQL툴은 VS 코드를 간단한 데이터베이스 워크벤치 시스템으로 만들어주며, SQL라이트(SQLite), 마이SQL, 마리아DB, 포스트그레DB를 비롯한 일반적인 데이터베이스로 작업하기 위한 하위 확장 프로그램을 제공한다. 자동 제안 기능은 쿼리 작성을 쉽게 해준다. 다만 일부 워크벤치 앱에서 제공하는 스프레드시트와 비슷한 인터페이스를 통해 인터랙티브한 방식으로 데이터를 편집하는 기능은 없다.
코드스냅(CodeSnap)
때로는 코드의 스크린샷을 찍는 것이 코드를 공유하는 가장 빠르고 직접적인 방법인 경우가 있다. 코드스냅은 외부 툴 없이 VS 코드 내에서 이를 가능하게 해준다. 원하는 코드를 선택하고 직접 할당한 키바인딩을 누르면 해당 코드 부분이 파일로 저장되거나 클립보드로 복사된다. 현재 활성화된 테마도 스크린샷에 사용된다. 코드스냅이 출시된 이후 기능을 약간씩 변경한 다양한 포크가 나왔다. 대표적인 예로 스크린샷에 라인 하이라이트 기능을 추가하는 코드스냅-플러스(CodeSnap-Plus)가 있다.
코드투HTML(CodeToHTML)
많은 개발자가 코드를 공유할 때 붙여넣기 서비스를 사용한다. 이 서비스는 일반적인 언어를 위한 구문 하이라이팅을 자동으로 추가해 준다. 예를 들어 블로그에서 코드를 HTML로 공유하고 싶은데 구문 하이라이팅 메커니즘이 없는 경우에는 어떻게 해야 할까? 코드투HTML 확장 프로그램은 코드 조각을 받아 HTML로 변환하며, 이때 인라인 스타일 정보를 통해 자동으로 하이라이팅이 해당 코드 조각에 내장된다. editor@itworld.co.kr
Sponsored
Surfshark
“유료 VPN, 분명한 가치 있다” VPN 선택 가이드
ⓒ Surfshark VPN(가상 사설 네트워크, Virtual Private Network)은 인터넷 사용자에게 개인 정보 보호와 보안을 제공하는 중요한 도구로 널리 인정받고 있다. VPN은 공공 와이파이 환경에서도 데이터를 안전하게 전송할 수 있고, 개인 정보를 보호하는 데 도움을 준다. VPN 서비스의 수요가 증가하는 것도 같은 이유에서다. 동시에 유료와 무료 중 어떤 VPN을 선택해야 할지 많은 관심을 가지고 살펴보는 사용자가 많다. 가장 먼저 사용자의 관심을 끄는 것은 별도의 예산 부담이 없는 무료 VPN이지만, 그만큼의 한계도 있다. 무료 VPN, 정말 괜찮을까? 무료 VPN 서비스는 편리하고 경제적 부담도 없지만 고려할 점이 아예 없는 것은 아니다. 보안 우려 대부분의 무료 VPN 서비스는 유료 서비스에 비해 보안 수준이 낮을 수 있다. 일부 무료 VPN은 사용자 데이터를 수집해 광고주나 서드파티 업체에 판매하는 경우도 있다. 이러한 상황에서 개인 정보가 유출될 우려가 있다. 속도와 대역폭 제한 무료 VPN 서비스는 종종 속도와 대역폭에 제한을 생긴다. 따라서 사용자는 느린 인터넷 속도를 경험할 수 있으며, 높은 대역폭이 필요한 작업을 수행하는 데 제약을 받을 수 있다. 서비스 제한 무료 VPN 서비스는 종종 서버 위치가 적거나 특정 서비스 또는 웹사이트에 액세스하지 못하는 경우가 생긴다. 또한 사용자 수가 늘어나 서버 부하가 증가하면 서비스의 안정성이 저하될 수 있다. 광고 및 추적 위험 일부 무료 VPN은 광고를 삽입하거나 사용자의 온라인 활동을 추적하여 광고주에게 판매할 수 있다. 이 경우 사용자가 광고를 보아야 하거나 개인 정보를 노출해야 할 수도 있다. 제한된 기능 무료 VPN은 유료 버전에 비해 기능이 제한될 수 있다. 예를 들어, 특정 프로토콜이나 고급 보안 기능을 지원하지 않는 경우가 그렇다. 유료 VPN의 필요성 최근 유행하는 로맨스 스캠은 인터넷 사기의 일종으로, 온라인 데이트나 소셜 미디어를 통해 가짜 프로필을 만들어 상대를 속이는 행위다. 이러한 상황에서 VPN은 사용자가 안전한 연결을 유지하고 사기 행위를 방지하는 데 도움이 된다. VPN을 통해 사용자는 상대방의 신원을 확인하고 의심스러운 활동을 감지할 수 있다. 서프샤크 VPN은 구독 요금제 가입 후 7일간의 무료 체험을 제공하고 있다. ⓒ Surfshark 그 외에도 유료 VPN만의 강점을 적극 이용해야 하는 이유는 다음 3가지로 요약할 수 있다. 보안 강화 해외 여행객이 증가함에 따라 공공 와이파이를 사용하는 경우가 늘어나고 있다. 그러나 공공 와이파이는 보안이 취약해 개인 정보를 노출할 위험이 있다. 따라서 VPN을 사용하여 데이터를 암호화하고 개인 정보를 보호하는 것이 중요하다. 서프샤크 VPN은 사용자의 개인 정보를 안전하게 유지하고 해킹을 방지하는 데 유용하다. 개인정보 보호 인터넷 사용자의 검색 기록과 콘텐츠 소비 패턴은 플랫폼에 의해 추적될 수 있다. VPN을 사용하면 사용자의 IP 주소와 로그를 숨길 수 있으며, 개인 정보를 보호할 수 있다. 또한 VPN은 사용자의 위치를 숨기고 인터넷 활동을 익명으로 유지하는 데 도움이 된다. 지역 제한 해제 해외 여행 중에도 한국에서 송금이 필요한 경우가 생길 수 있다. 그러나 IP가 해외 주소이므로 은행 앱에 접근하는 것이 제한될 수 있다. VPN을 사용하면 지역 제한을 해제해 해외에서도 한국 인터넷 서비스를 이용할 수 있다. 따라서 해외에서도 안전하고 편리하게 인터넷을 이용할 수 있다. 빠르고 안전한 유료 VPN, 서프샤크 VPN ⓒ Surfshark 뛰어난 보안 서프샤크 VPN은 강력한 암호화 기술을 사용하여 사용자의 인터넷 연결을 안전하게 보호한다. 이는 사용자의 개인 정보와 데이터를 보호하고 외부 공격으로부터 사용자를 보호하는 데 도움이 된다. 다양한 서버 위치 서프샤크 VPN은 전 세계 곳곳에 여러 서버가 위치하고 있어, 사용자가 지역 제한된 콘텐츠에 액세스할 수 있다. 해외에서도 로컬 콘텐츠에 손쉽게 접근할 수 있음은 물론이다. 속도와 대역폭 서프샤크 VPN은 빠른 속도와 무제한 대역폭을 제공하여 사용자가 원활한 인터넷 경험을 누릴 수 있도록 지원한다. 온라인 게임, 스트리밍, 다운로드 등 대역폭이 필요한 활동에 이상적이다. 다양한 플랫폼 지원 서프샤크 VPN은 다양한 플랫폼 및 디바이스에서 사용할 수 있다. 윈도우, 맥OS, iOS, 안드로이드 등 다양한 운영체제 및 디바이스에서 호환되어 사용자가 어디서나 안전한 인터넷을 즐길 수 있다. 디바이스 무제한 연결 서프샤크 VPN은 무제한 연결을 제공하여 사용자가 필요할 때 언제든지 디바이스의 갯수에 상관없이 VPN을 사용할 수 있다.