Visual studio code(vscode)는 편집기 상에서 새로운 파일을 생성하거나 편집기에 열려 있는 파일을 업데이트 저장할 때, 저장되는 파일의 저장 형식을 지정할 수 있다. 정확하게는 EOL(End Of Line)이라고 불리는 줄 바꿈 문자를 지정할 수 있다. 줄 바꿈 문자(End Of Line, EOL)란? 텍스트 파일의 경우, 각 줄이 끝났음을(즉, 줄이 바뀌는 것을) 표시하기 위해 각 줄의 마지막에 줄 바꿈 문자(End Of Line, EOL)라고 불리는 특수문자가 추가로 저장된다. 이러한 줄 바꿈 문자(End Of Line, eol)는 공통으로 약속된 형식을 사용하게끔 되어 있어, 해당 텍스트 파일을 사용하는 시스템(장치)의 종류나 특성에 무관하게 동일하게 해석되어 사용될 수 있다. 다..
개요 Visual studio code(vscode)는 범용 코드 편집기로써, 특정 프로그래밍 언어에 종속되지 않고 다양한 분야에서 많이 사용되고 있습니다. C/C++ 언어 기반의 소프트웨어를 개발하는데에도 사용될 수 있는데, 아쉽게도 vscode는 자체 컴파일러(툴체인)은 포함하고 있지 않아, 코드 작성 시에는 vscode를 이용하고 컴파일(빌드) 시에는 별도의 컴파일러(툴체인)을 사용해야 합니다. 다행히 vscode에서는 Remote-WSL이라는 플러그인을 통해 vscode 내에서 WSL(Windows Subsystem for Linux)의 터미널을 사용할 수 있는 기능을 제공합니다. 이를 이용하면 vscode 내에서 WSL의 컴파일러(툴체인)을 이용하여 코드를 바로 컴파일(빌드)할 수 있습니다. 여..
Visual studio code로 개발 환경 구성하기 본 글에서는 Visual studio code(비주얼 스튜디오 코드)로 개발환경을 구성하는 방법에 대해 소개한다. 참고로 본 글에 소개된 내용들은 현재 본인이 개발 업무를 진행하면서 주로 사용하는 기능들 위주로 작성되어 있다. 본 글에서 사용된 환경은 윈도우 10 프로이다. 1. 공식 홈페이지에서 설치 파일을 다운로드 하여 설치한다. Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studi..
본 글에서는 Visual studio code 내에서 입력된 문자열을 아스키(ASCII) 코드 값으로 변환해 주는 확장 기능에 대해 소개한다. 코드를 작성하다 보면 특정 문자 또는 문자열에 대한 아스키(ASCII) 코드 값을 사용해야 하는 경우가 있는데, 본 확장 기능을 이용하면 문자(열)과 아스키 코드 값 사이의 변환을 편하게 수행할 수 있다. Visual studio code 용 Hex ascii converter 확장 기능 설치 다음 절차에 따라 Hex ascii converter 확장 기능을 설치하여 사용할 수 있다. 1. 편집기 좌측의 마켓 플레이스 아이콘을 클릭하고, 검색 창에 "ascii hex"를 입력하면 "Hex ascii converter"라는 확장 기능이 검색된다. Install 버튼..
본 글에서는 Visual studio code 내에서 아스키(ASCII) 코드 값을 확인할 수 있는 확장 기능에 대해 소개한다. 코드를 작성하다 보면 어떤 문자의 아스키(ASCII) 코드 값을 알아야 하는 경우가 있다. 구글 검색을 통해 아스키 코드 테이블을 확인할 수 있긴 하지만, Visual studio code로 코드를 작성하는 중에는 VScode 확장 기능을 통해 더욱 쉽고 빠르게 확인할 수 있다. Visual studio code 용 ASCII Table 확장 기능 설치 다음 절차에 따라 ASCII Table 확장 기능을 설치하여 적용할 수 있다. 1. 편집기 좌측의 마켓 플레이스 아이콘을 클릭하고, 검색 창에 "ascii"를 입력하면 "ASCII Table"이라는 확장 기능이 검색된다. Ins..
본 글에서는 Visual studio code 에서 마크다운 언어 기능을 지원하는 방법에 대해 설명한다. 마크다운 언어는 간단하게 문서를 작성할 수 있는 언어이며, 복잡한 서식은 작성할 수 없지만 사용법이 매우 간단하여 개발자들이 문서를 작성하는데 많이 사용힌다. Visual studio code 용 마크다운 확장 기능 설치 다음과 같은 절차에 따라 마크다운 확장 기능을 설치하여 적용할 수 있다. 1. 편집기 좌측의 마켓 플레이스 아이콘을 클릭하고, 검색 창에 "markdown"을 입력하면 Markdown All in One 이라는 확장 기능이 검색된다. 2. Install 버튼을 클릭하여 마크다운 확장 기능을 설치한다. 마크다운 문서 작성 위 확장 기능이 설치되면, 마크다운 문서 작성에 관련된 다양한 ..
본 글에서는 Visual stuido code에서 작성되는 소스파일 내에 Doxygen 형식 주석을 자동 생성해 주는 기능을 적용하는 방법에 대해 설명한다. Doxygen이란, 사전에 정의된 형식에 맞춰 주석을 작성하면, 해당 주석의 내용을 기반으로 매뉴얼을 자동 생성해 주는 툴이다. 최근 자동화된 개발 환경의 적용과 더불어 문서 관리 자동화를 위해 많이 적용되고 있다. Doxygen에 관련된 내용은 아래 글을 참고한다. 2020/01/20 - [소프트웨어 개발 및 프로젝트 관리/문서화] - Doxygen : 소프트웨어 소스코드 문서 작성 자동화 - 소개 Visual studio code 용 Doxygen 주석 자동 생성기 설치하기 다음과 같은 절차에 따라 Doxygen 주석 자동 생성기 기능을 설치하여..
본 글에서는 Visual studio code 의 메뉴를 한글로 변경하는 방법에 대해 설명한다. Visual studio code 는 기본 언어가 영어이며, 따라서 최초 설치 시에는 모든 메뉴 등이 영어로 표시된다. 개인의 취향에 따라 영어 버전을 그대로 사용할 수도 있겠으나, 필요 시 VS Code 용 한국어팩을 설치하여 메뉴 등을 한국어로 변경할 수 있다. VS Code용 한국어 팩을 설치하여 메뉴를 한국어로 변경하기 다음과 같은 절차에 따라 한국어팩을 설치하여 적용할 수 있다. 1. 편집기 좌측의 마켓플레이스 아이콘을 클릭하고, 검색 창에 "korean"을 입력하면 Korean Language Pack for Visual Studio Code 라는 확장 기능이 검색된다. 2. Install 버튼을 ..
Visual studio code 편집기 폰트 설정하기 본 글에서는 Visual studio code(VScode) 편집기에서 사용되는 폰트를 변경하는 방법에 대해 설명한다. 본 글에서 사용된 환경은 다음과 같다. 윈도우즈 10 프로 Visual studio code(VScode) 1.41.1 Visual studio code(VScode) 에서 "File" → "Preferences" → "Settings" 메뉴를 선택하여 설정 창을 연다. 설정 창 내 좌측 메뉴에서 "Text Editor" → "Font" 메뉴를 선택하여 폰트 설정 구역으로 이동한다. Font Family, Font Ligatures, Font Size, Font Weight 항목을 설정할 수 있다. Font Family 설정 본 항..
본 글에서는 VScode(Visual Studio code)에서 행 단위가 아닌 열 단위로 편집 영역을 선택하는 방법을 설명한다. 본 글에서 사용된 VScode의 버전은 다음과 같다. VScode 1.41.1 (2019-12-18) (Windows) 일반적으로 VScode와 같은 편집기에서 마우스 좌클릭 후 드래그를 하면 편집 영역이 행 단위로 선택된다. 일반적으로 사용되는 행 단위 편집 영역 선택 하지만 경우에 따라 행 단위가 아닌 열 단위로 영역을 선택하여 편집하고 싶은 경우가 있다. 프로그래밍을 하다 보면 여러 행에 걸쳐 작성된 동일한 내용을 열 단위로 선택하여 한 번에 수정하는 것이 훨씬 편리한 경우가 있기 때문이다. 여러 행에 걸쳐 작성된 일부 영역을 열 단위로 한번에 수정 VScode에서는 다..
본 글에서는 VScode(Visual Studio code)의 확장 기능을 이용하여 파일 내(또는 선택된 영역 내) 포함된 단어 및 글자 수 등을 표시하는 방법을 설명한다. 본 글에서 사용된 VScode의 버전은 다음과 같다. VScode 1.40.0 (2019-11-06) (Mac) VScode의 MarketPlace에서 "wordcounter"로 검색하여 설치하면 VScode 창 하단의 상태 바에 현재 파일 내(또는 선택된 영역 내) 포함된 단어 및 글자 수 등이 표시된다. wordcounter 확장 기능 설치 선택 영역 내 포함 정보 표시 해당 확장 기능에 대한 보다 자세한 기능 및 설명은 다음 링크에서 확인할 수 있다. https://marketplace.visualstudio.com/items?..
본 글에서는 VScode(Visual Studio code)의 확장 기능을 이용하여 파일의 절대 경로를 표시하는 방법을 설명한다. 본 글에서 사용된 VScode의 버전은 다음과 같다. VScode 1.40.0 (2019-11-06) (Mac) VScode에서 다수의 파일 혹은 디렉터리를 열어 작업을 할 때, 편집기에 열려 있는 각 파일의 절대 경로를 확인하고 싶은 경우가 있다. 하지만 VScode는 기본적으로 파일의 절대 경로를 쉽게 확인할 수 있는 기능을 제공하지 않는다. 아쉬운 대로, 열려 있는 파일의 제목 탭에 마우스 포인터를 일정 시간 이상 고정해 두면 툴팁 박스 형태로 파일의 절대 경로를 확인할 수는 있으나 매우 불편하다. 툴팁 박스를 이용한 파일 절대 경로 확인 다행히 Current File ..