Products & Services/VS Code 8

[VSCODE] Prettier - Code formatter 설정

Prettier - Code formatter - Visual Studio Marketplace python 코드를 작성하다보면 Shift + Alt + F 를 눌러 코드를 정렬해가며 코드를 작성한다. Prettier 가 해당 정렬을 도와주는 extension 이다. Prettier 의 설정 1) Extension Tab 에서 Prettier - Code Formatter 를 설치한다. 2) Ctrl + , 혹은 File > Preferences > Settings 를 선택해 설정에 진입한다. 설정 중 formatter 를 입력해 Editor: Default Formatter 를 찾아 Prettier - Code formatter를 선택한다. 다른 항목은 별다르게 수정할 필요가 없었지만 한라인 문자열 수..

[VSCODE] Google Python Style Guide 적용

styleguide | Style guides for Google-originated open-source projects 여러 명이 협업을 하다보면 가독성을 높히기 위해 같은 Coding Style 을 가지고 코드를 만들게 된다. python 관련하여 Google 에서 사용하는 Python Coding Style Guide 가 있어 VSCODE 와 연동해 보았다. Lint 설정 이후 아래 pylintrc 파일을 다운로드 받아 사용하는 workspace 바로 아래에 넣는다. https://google.github.io/styleguide/pylintrc 위 pylintrc 에 따라 pylintrc 에 따라 경고가 정상적으로 나오는 것을 확인하였고, 코드를 수정하였다. Apply pylint accordi..

[VSCODE] Project 관리 (Project Manager Extension)

다양한 프로젝트를 동시에 진행하다 보면 작업 도중 여러 project 의 코드들을 왔다 갔다 해야 하는 경우가 있다. vs code 상에서 project 간 이동을 편리하게 해주는 "Project Manager" extention이 있어 이를 사용하면 손쉽게 프로젝트간 이동을 할 수 있다. PC 내에 임의의 폴더를 수동으로 등록하여 project 로 인식하게 할 수도 있고, git, mercurial, svn 등으로 sync 한 project 들을 자동으로 인식하게 할 수도 있다. Save any folder or workspace as a Project Auto-detect Git, Mercurial or SVN repositiories Extension tab 에서 "Project Manager"를 ..

[VSCODE] Github Pull Requests 생성하기

[Github 에 반영하기 (git commit/push)] 에서 보았듯이 write 권한이 없는 repository 에는 직접 반영을 할 수 없다. 이에 write 권한을 가지고 있는 계정의 review를 받고 해당 계정을 통해 반영이 이루어 져야 한다. 이러한 과정을 Pull Requests 라고 하며 github 의 tab 들 중 하나에서 확인할 수 있다. Pull Request 를 위한 전반적인 Flow 에 대한 이해 Pull Request 를 올리는 실제 사례 다수 개의 Pull Request 를 올리는 방법에 대한 이해 Pull Request 를 위한 전반적인 Flow 에 대한 이해 Pull Request 는 fork 된 repository 를 통해 이루어지게 되고, 이를 위한 reposito..

[VSCODE] Github 에 반영하기 (git commit/push)

git clone 하여 local PC 에 코드를 sync 한 이후 코드를 주성하여 다시 github repository 에 반영해야 하는 경우가 있다. [Github 와 연동하기 : https://technote.kr/352] 코드 반영은 Flow는 다음과 같다. 1) 코드 수정 2) [Ctrl + Shit + `] 을 눌러서 teminal 을 실행시킨 후 수정 코드 실행해서 에러 유무 확인 3) 문제가 없을 경우 왼쪽 세번째 아이콘 선택 4) 자동으로 수정된 파일들이 탐지되고, 상단에 수정 내용 작성한 후 "V" 아이콘 선택하여 commit 생성 (git commit) 5) 하단에 push 가능한 commit 의 수가 나오고 해당 버튼 누르면 github repository 로 push 진행 (git..

[VSCODE] Github 와 연동하기 (git clone)

vscode 를 기반으로 github project 를 작업할 때 가장 먼저 진행되어야 할 것은 github repository를 local PC로 git clone 하는 것이다. cmd 로 진행시에는 아래와 같이 진행하면 되지만 vscode 와 연동시에는 vscode의 UI 를 통해 진행해야 자동으로 vscode의 workspace까지 생성된다. D:\Github>git clone https://github.com/technotekr/Sample.git Cloning into 'Sample'... remote: Enumerating objects: 4, done. remote: Counting objects: 100% (4/4), done. remote: Compressing objects: 100% ..

[VSCODE] VS Code 를 이용한 원격(Remote) 코드 개발

VS Code 를 통한 원격 개발이 필요한 상황들 VS Code 에서 SSH 를 통한 원격 개발 설정 Key file 을 통한 SSH 자동 접속 in VS Code VS Code 를 통한 원격 개발이 필요한 상황들 [상황 1] Client 개발일 경우 일반적으로 Local Machine 에서 개발이 가능하지만 Server 개발일 경우 원격으로 접속하여 개발을 하거나, Local Machine에서 개발 후 Server로 이동을 시키던지 해야 한다. [상황 2] 사용하는 Local Machine가 Windows 인 반면 Linux Program을 개발해야 한다면 원격으로 Linux Machine에 접속하여 개발을 진행해야 한다. 이와 같이 다양한 상황에서 Remote Machine을 상대로 개발을 해야하는 ..

[VSCODE] Visual Studio Code, Microsoft의 Open Source

한 열흘쯤 지나긴했지만 Visual Studio Code 1.0을 Microsoft 에서 Open Source로 공개했다는 뉴스를 보게 되었다. 이 뉴스를 보고서 굉장히 혼란스러웠다. Visual Studio 라 함은 Windows application을 개발할 때 쓰곤 했던 IDE가 아니던가. 아무리 Microsoft가 근래들어 Open Source에 관대해졌다고 해도, Windows Application 제작의 근간이 되는 Visual Studio의 code를 공개했다는 것에 다소 놀랬다. 그런데 좀 이상했던게 내가 대학교 다닐때 쓰던 Visual Studio 만 해도 버전이 당시 6.0이었는데, 2016년이 된 이 시점에서 1.0 이라는게 다소 이해 되지 않았다. 알고 보니 이름만 Visual St..