programming/preferences

Visual Studio Code에서 들여쓰기(Indention) 설정을 자유롭게!

최근 근황으로 마이크로소프트(Microsoft)에서 내놓은 에디터인 비주얼 스튜디오 코드(Visual Studio Code, 이하 VSCode)를 사용하여 프로젝트를 진행하고 있습니다. 타 IDE를 사용하다 이 에디터를 사용하다 보니 문득 궁금한 점이 생겼는데요. 네, 정말 잉여로운 생각입니다. 실제로 stackoverflow 에 외국인 형님의 질문이 있었습니다(역시 글로벌 지식iN). 저같은 경우 탭(Tab)키를 누르면 2칸보다는 넉넉하게 4칸으로 들여쓰기 되는 게 편리했거든요. 이번에는 VSCode에서 기본으로 설정되어 있는 들여쓰기 2칸을 4칸으로 바꿔보겠습니다. 아직도 VSCode를 사용해보지 않았다면 이참에 설치 후 한번 사용해 보는 것도 나쁘지 않을 것 같습니다! File - Preferenc..

Robo로 Mongo를 다뤄보자! Robo 3T 설치 가이드

앞서 포스팅했던 MongoDB 설치에서 MongoDB가 무엇인지와 간단한 테스트를 진행했습니다. 이번에는 터미널 환경이 아닌 편하게 사용할 수 있는 툴을 설치해보겠습니다. MongoDB에서 밀고있는 Compass도 있지만 이번에는 Robo 3T라는 프로그램을 소개하려고 합니다. Robo 3T는 MongoDB를 편하게 조회하고 변경할 수 있는 그래픽 유저 인터페이스(GUI) 입니다. 기존 Robomongo에서 Robo 3T로 이름이 바뀐 것 같습니다. 그럼 설치하러 가볼까요? 1. Robo 3T 설치 사이트로 이동 검색창에 robo 3t download 를 입력하여 공식 사이트에서 Download Robo 3T 버튼을 클릭합니다. 참고로 왼쪽의 Studio 3T는 상업용 솔루션 정도로 이해하시면 됩니다. ..

몽골과 전혀 관계없는 MongoDB 설치 및 테스트

MongoDB는 2007년 웹 애플리케이션 호스팅 업체 10gen에 의해 개발이 시작되었습니다. 이들은 방대한 데이터를 처리해야 하는 웹 애플리케이션의 처리 성능과 손쉬운 데이터 접근이 주 목적이었는데요. 지금은 관계형 데이터베이스(RDBMS)의 대안책으로 떠오른 NoSQL 기반의 데이터베이스로 자리잡은 상태입니다. 이번에는 MongoDB를 Windows 환경에 설치해보고, 정상적으로 작동하는지 테스트를 진행하도록 하겠습니다. 1. MongoDB Download Center에 접속 검색 창에 mongodb download 를 입력하면 MongoDB Download Center | MongoDB 항목으로 들어가봅시다. 아래와 같은 화면에서 운영체제 비트와 버전을 확인해주시고 설치 파일인 .msi로 down..

XShell과 찰떡 궁합을 이루는 Xftp 설치 가이드

XShell을 간단하게 설명하면 SSH 서비스를 사용하기 위한 원격 접속 클라이언트 프로그램 중 하나입니다. 혹시 SSH에 대해 궁금하다면 여기를 참고하시면 됩니다. 그렇다면 Xftp는 무엇일까요? 바로 FTP/SFTP 프로토콜을 지원하는 파일전송 프로그램 중 하나입니다. 두 솔루션 모두 넷사랑컴퓨터에서 만들어졌습니다. 만약 XShell을 사용한다면 Xftp와 함께 파일 전송에 관해 시너지를 일으킬 수 있습니다. 지금부터는 Xftp를 설치하고 XShell에서 Xftp를 사용하는 방법에 대해 알아보겠습니다. 1. XShell 이용 도중 Xftp 프로그램의 부재 발견 XShell에서 파일 관련 아이콘을 누르게 되면 다음과 같은 화면이 나타납니다. Xftp 다운로드... 을 눌러 다운을 받거나 검색 엔진 사이..

윈도우에서 Node.js 설치 후 실행 가이드

Node.js 는 구글의 검색 엔진인 V8 Engine의 지원을 받아 눈부신 성장을 이뤘고 현재 진행형입니다. 특히 Front-end 개발을 주 용도로 사용했던 자바스크립트라는 언어로 서버 사이드 프로그래밍이 가능한 점은 개발자들에게 이슈로 다가왔습니다. 이번에는 Node.js 를 설치해보고 간단한 테스트 과정을 진행하도록 하겠습니다. 1. Node.js 홈페이지로 이동 위 링크를 클릭하거나 검색창에 nodejs, nodejs download 등으로 검색하여 설치 사이트로 이동합니다. LTS는 Long Term Supported의 약자로, 서버 환경에서 안정적인 지원을 제공하는 버전을 의미합니다. 특별한 경우가 아니라면 우측에 있는 현재 버전보다는 LTS를 선호하는 편입니다. 윈도우 환경이므로 Windo..

VMware에 대적하는 가상 환경! VirtualBox 6.0.4 설치

가상 컴퓨터란 사용하고 있는 운영체제(OS) 위에 또다른 논리적인 컴퓨터를 만들고 실제 물리적 PC와 운영체제의 자원을 나눠서 사용하는 솔루션입니다. 그 중 하나로 VMware 설치를 포스팅한 바 있는데요. 이번에는 오라클 사에서 제공하는 VirtualBox 설치를 알아보겠습니다. 1. Welcome to the Oracle VM VritualBox 6.0.4 Setup WizardVritualBox 설치를 위해 해당 사이트로 이동하여 VirtualBox 6.0.4 platform packages 중Windows hosts 링크를 클릭하면 다운로드가 됩니다(현재 실습 환경은 윈도우즈 기반입니다). 이후 Next > 를 클릭합니다. 2. Custom Setup 1하단의 Location에서 설치 경로를 설정..

이 친구 닉값하네? WebStorm 설치 완벽 가이드!

Developer Survey Results 2018 (https://insights.stackoverflow.com/survey/2018) 최근 코딩 열풍이 거세짐에 따라 어떤 프로그래밍 언어가 핫할까요? 아마 그 중 하나가 자바스크립트임에는 그 누구도 부인할 수 없을 것 같습니다. 브라우저 부가 기능으로만 지원하던 예전과는 달리 웹 뿐만 아니라 다양한 플랫폼을 지원하는 기술으로 자바스크립트는 눈부신 발전을 이루었습니다. 실제로 그런 자바스크립트를 스마트하게 다룰 수 있는 통합개발환경(IDE) 중 하나, 바로 JetBrains 사에서 개발한 WebStorm입니다. 한번 설치부터 시작해봅시다! 1. JetBrains 공식 사이트로 이동WebStorm 얼마나 대단한 녀석인지 한번 설치하러 가봅시다. 위 링..

쉽게 뚝딱 만드는 GUI, WindowBuilder 설치!

쉽게 뚝딱 만드는 GUI, WindowBuilder 설치! 1. WindowBuilder 설치 링크 주소를 가져옵니다. eclipse 홈페이지에서 Projects 카테고리에 들어가 WindowBuilder로 검색합니다. 이후 Eclipse WindowBuilder - Downloads 탭으로 가서 최신 버전의 링크 주소 복사를 합시다. 2. Eclipse 접속 후 새 소프트웨어 설치 링크 복사를 했다면 Eclipse를 실행하고 Help - Install New Software... 항목을 클릭합니다. 3. Add Repository Work with: 옆에 있는 Add... 버튼을 클릭해서 다음과 같이 입력합니다. Name: Window Builder (자유롭게 기입해도 무방합니다.) Location: ..

PhotoScape로 이미지에 워터마크를 넣어보자!

PhotoScape로 이미지에 워터마크를 넣어보자! IT 블로그를 시작하고 포스팅을 할 때 내용을 보다 이해하기 쉽게 전달하기 위해서 많은 고민을 합니다. 단순한 글을 풀어 적는 것에 그치는 것이 아닌, 이미지와 함께 설명하는 글은 이 고민을 어느 정도 충족시켜주곤 합니다. 하지만 하나하나 이미지를 캡처하고 다듬는 과정이 여간 짧은 작업이 아닙니다. 내가 정성껏 이미지를 모두 캡처해서 완전한 포스팅을 내놓았는데, 아무 얘기도 없이 본인의 포스팅처럼 가져가는 행위(불펌)를 보면 허탈감을 느끼기도 합니다. 이번 포스팅에서는 워터마크라는 것을 통해 본인의 노력을 통해 만들어진 산물을 지키고, 그것을 편리하게 할 수 있게 제공하는 포토스케이프(PhotoScape)의 설치부터 적용까지 알아보도록 하겠습니다. 1...

Microsoft의 텍스트 편집기, Visual Studio Code 설치!

마이크로소프트에도 야심차게 텍스트 편집기를 출시했었는데, 그 이름이 바로 Visual Studio Code입니다. 이 설치 과정은 윈도우즈에 Visual Studio Code를 설치하는 방법입니다. 1. Visual Studio Code 홈페이지로 이동 비주얼 스튜디오 코드 공식 홈페이지 https://code.visualstudio.com 에 접속합니다. 대문짝만하게 Download for Windows 버튼이 있네요. 또는 우측 상단의 Download 중 클릭합시다. 자동으로 설치 파일을 다운로드받는 것을 확인 좌측 하단에 VSCodeUserSetup...exe 파일이 설치되는 것을 확인할 수 있습니다. 2. Visual Studio Code 설치 마법사 시작 (deprecated) 다음(N) > 을..

RDP Wrapper로 원격 데스크톱 설치부터 사용까지!

RDP Wrapper로 원격 데스크톱 설치 및 사용법 1. RDP Wrapper 설치 사이트로 이동합니다.링크된 웹사이트의 주소가 바뀔 수도 있습니다.그럴 경우 'rdp wrapper download' 로 검색하세요.그리고 RDP Wrapper Library - Github로 이동하면 됩니다. 하단에 보이는 빨간 네모 박스를 해놓은 .zip 압축 파일을 다운받겠습니다.혹시 저와 같은 실수를 하실 분들을 위해 이건 원격 접속 당하는 컴퓨터에 설치해야 합니다! 2. 원격 지원 연결 허용Windows 10 Home 기준으로 왼쪽 하단의 돋보기를 눌러 시스템으로 이동하거나,파일 탐색기 - 내 PC 의 속성(R) 버튼을 누르면 아래 화면이 나타납니다.그리고 왼쪽 탭에 원격 설정을 누르고 이 컴퓨터에 대한 원격 지..

에뮬레이터 쓰다 컴퓨터 녹슬기 전에 녹스 앱플레이어 설치!

1. 녹스 앱플레이어란? 현재 최신 버전은 API level 22입니다.그럼 지금부터 설치해보도록 하겠습니다. Google에 녹스로 검색을 하게 되면 가장 상단에 뜨는 링크로 접속합니다.https://kr.bignox.com/들어가면 큼지막하게 다운로드 버튼이 있습니다. 클릭해줍니다. D 드라이브가 있다면 초기 설치경로가 이쪽으로 설정되어 있습니다.그대로 설정값을 유지한 채 설치하셔도 되고,오른쪽의 변경 버튼을 눌러 경로를 수정할 수도 있지만웬만하면 기본 값으로 유지한 채 바로설치 버튼을 누릅니다. 저는 C 드라이브로 경로를 변경했습니다.여기에 설치를 하게 되면 나중에 귀찮아집니다ㅜㅜC 드라이브는 관리자 권한이 필요하기 때문이죠.자세한 이유는 밑에 나오니 일단 설치부터 해봅시다. 설치한 후 경로를 찾아 ..