[vscode] Visual Studio Code 확장 프로그램 추천 - MySQL (대부분 DB 연결이 한번에 가능) 데이터 베이스 매니저 확장 프로그램!

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

 

 

안녕하세요

오늘도 k-in 입니다.

 

출처: https://www.vectorlogo.zone/logos/visualstudio_code/index.html

 

서론

 

오늘은 특별한 브스코드(vscode, visual studio code)의 확장(extension) 플러그인을 소개해드리려고 합니다. 

 

검색 SEO 를 위해 지원하는 도구를 잠시 나열하도록 하겠습니다 :)

 

MySQL, MariaDB, PostgreSQL, SQLite, Redis, MongoDB, ElasticSearch, SQL Server, Snowflake, Oracle, ClickHouse, FTP, Docker, SSH, DM8, RedShift, JDBC, Neo4j, S3/Mino Connection extension for Visual Studio Code! 

 

 

vscode 는 명실상부 코딩을 위한 에디터 도구의 표준으로 자리매김하고 있습니다. 

 

저도 코딩을 할때는 브스코드를 주로 이용하는데요.

 

한번씩 Intellij 계열 소프트웨어 제공하는 편리한 도구가 vscode 에도 있을까? 하는 생각이 들게됩니다. 

 

최근에 아래와 같은 요구사항이 생기며 vscode 의 marketplace 를 뒤져본 결과 명석한 extension 을 하나 발견하게 되어 소개해드립니다. 

 

바로 MySQL 이라는 확장 도구인데요. 이름만 보면 MySQL DB 만 지원하는 도구로 착각하기 쉽습니다.

(이름을 왜 이렇게 지었지 하는 생각도 드네요. 소개하기도 어렵게....) 

 

MySQL 익스텐션이 제공하는 기능을 우선 요약드리면 아래와 같습니다. (바쁜 여러분의 시간을 절약하기 위해 .... ) 

 

MySQL/MariaDB

PostgreSQL

SQLite

Redis

MongoDB

ElasticSearch

SQL Server

Snowflake 

Oracle

ClickHouse

FTP (이건 DB 가 아닌데...) 

등등

 

위에 작성된 모든 종류의 Database 에 대한 관리 기능을 한번에 제공해줍니다. 

 

Marketplace 에 방문하여 확장도구를 검색

충분히 호기심이 생기셨나요? 그렇다면, 아래의 웹사이트에 방문해봅시다. 

 

Visual Studio Code 의 확장 프로그램들은 Google SEO 에 친화적이지 않은 탓일까요?

이러한 류의 도구를 구글에서 찾으려고 해도 잘 발견되지 않다가 우연한 계기에 발견되었네요. 

링크를 남겨 기록해두는 습관을 길러야 하겠습니다. 

 

https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-mysql-client2 

MySQL - Visual Studio Marketplace

실제로 왜 이렇게 검색이 안되는지 찾아보다가 충격적인 사실을 알게되었는데요.

 

vscode 의 마켓플레이스에는 동일하거나 비슷한 이름의 확장 도구가 엄청나게 즐비하고 있습니다

이러니 찾기가 어려울수 밖에 없네요. 

 

확장 도구 설치 및 이용 가이드 in VSCODE

자! 이제 확장도구를 설치해보도록 하겠습니다. 

 

vscode 가 아직도 없다면 무료(Free)이니 아래의 사이트에 방문해서 빠르게 다운로드 하세요 ~ 

 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

확장 도구를 설치하기 위해서 

 

vscode 를 실행하면 우선 오른쪽 혹은 왼쪽의 사이드바(Sidebar)를 찾아야 합니다. 

 

사이드 바에 네모들이 옹기종기 모여있는 아이콘이 보일 것입니다. 

 

단축키는 Command + Shfit + X 입니다. 

 

아이콘을 클릭하면 확장 패널이 열리고 검색 입력에 "MySQL" 이라고 타이핑하고 엔터를 누릅니다. 

 

두번째 항목에 우리가 찾던 MySQL 확장도구가 있네요. 

 

클릭하면 확장 도구의 자세한 정보가 메인 패널에 출력됩니다. (vscode 는 갓입니다)

 

사이드바에서 extension 기능의 위치 (좌측), extension 기능에서 플러그인 검색 (중앙), 검색된 extension 클릭시 출력되는 화면 (우측)

 

 

그렇다면 이제 설치를 해볼까요? 

 

사이드 패널에서 "install" 버튼을 눌러주세요. 한글 버전이라면 "설치" 버튼입니다. 

 

설치를 하게되면 아래 그림의 맨 좌측과 같이 원통형의 아이콘이 생겼습니다. 

 

클릭하면 연결을 생성하라(Create Connection) 버튼이 친절하게 노출되니 바로 클릭해주세요.

 

자 이제, 어마어마한 지원 내용들을 볼 수 있습니다. 

 

우측 그림을 볼까요? Server Type 절에 지원하는 각종 DB 서비스를 나열하고 있습니다. 

 

(좌) 확장도구 아이콘 클릭, (우) 연결 정보 입력 화면 

 

MongoDB 에 연결하기 

마침 저는 Go 언어를 이용한 CRUD RESTful API 에 대한 완벽한 튜토리얼 시리즈를 작성 한 상태입니다.

궁금하신 분들을 위해 링크를 남겨드립니다. 

 

2023.03.01 - [Go] - 고 (Golang) | 이것만 알면 나도 개발 전문가 | Gin 을 이용한 CRUD RESTful API 개발 Part-1

 

그리고 MongoDB 도 당연히 구성이되어 있습니다. 

 

MongoDB 가 아직 구성되어 있지 않다면 아래의 글을 통해 10분만에 MongoDB 를 구성할 수 있으니 참고해주세요! 

 

2023.03.02 - [Go] - 고 (Golang) | 이것만 알면 나도 개발 전문가 | Gin 을 이용한 CRUD RESTful API 개발 Part-4

다시 본론으로 돌아와 확장도구를 통해 MongoDB 에 연결을 해볼까요? 

 

Server Type 에서 MongoDB 를 선택해주세요 

그리고 "Use Connection String" 옵션을 활성화 해주세요 

 

 

제가 드린 링크의 글을 확인했다면 아래와 같이 곧바로 Connection String 을 만들어 낼수 있습니다.

 

mongodb://root:password123@localhost:6000

 

 

Connect 버튼을 누르면 바로 생성이 됩니다.

 

 

MongoDB 는 데이터베이스와 그 하위에 컬렉션들이 위치합니다. 

 

startup_log 를 클릭해볼까요? 

 

와우 조회가 바로바로 가능한 것을 확인할 수 있습니다. 

 

 

그리고 특정 필드를 클릭하여 확장하면 아래와 같이 팝업을 통해서 자세히 데이터를 관찰할 수 있네요 

 

활용 방법 

자 그렇다면 우리가 개발을 할때 이러한 도구를 어떻게 활용해야 할까요? 

 

민감한 DB 작업을 진행하는 것은 심적으로 부담스럽기 때문에 

 

정확하고 공인된 도구를 사용해야 합니다. 어떤 버그가 발생할지 모르거든요 TT

 

그렇지만 여러분이 신나게 개발에 몰두하고 있을때!!!

 

과연 DB 관리 도구 프로그램을 빈번하게 열었다가 닫았다가 할 수 있을까요?!?

 

오히려 정신이 산만해지고 코드에 집중력이 떨어지게 될것이 자명합니다! 

 

이런 경우에 바로 이 확장도구를 사용해서 간편하게 데이터를 조회하고 조작하는 방식으로 

 

데이터를 체크 ▶ 코딩 ▶ 데이터를 체크 ▶ 다시 코딩 

 

위와 같은 흐름을 vscode 내에서 모두 진행하여 집중력을 유지하면서 코딩을 이어나갈수 있게됩니다!

 

맺음말 

오늘은 vscode 의 MySQL 이라는 확장 도구의 소개를 진행하였습니다. 

 

MongoDB, MySQL, Oracle 등등 안되는 것이 없는 만능의 확장도구입니다. 

 

여러분이 개발에만 집중할 수 있도록 환경을 구성하는 것은 매우 중요한 일입니다. 

 

이에, 적극적으로 이러한 류의 도구들을 이용해 불필요한 활동을 줄이는 방향으로 

 

코딩 습관을 형성하시는 것을 추천드립니다! 

 

 

 

이상으로 K-IN 이었습니다.

즐거운 하루되세요