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 설치!

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