IDE란 무엇인가요?
IDE란 Integrated Development Environment의 줄임말 입니다.
영문 그대로 '통합 개발 환경'을 의미합니다.
보통 SW 개발에 필요한 테마와 플러그인을 제공할 뿐만 아니라 각종 개발언어의 편집, 다른 프로그램과 연동 등의 기능을 포함하고 있습니다.
전문 개발자는 아니지만 체외진단용의료기기의 CE 인증 CE/IVD(CE marking of In-vitro Diagnostic Device)에 참여하면서 IDE를 처음 사용 했습니다. 아직 익숙하지 않지만 일관성 있는 코드 작성을 목적으로 VS code를 사용합니다.
VS code란 무엇인가요?
마이크로소프트 Microsoft에서 2016년 4월에 출시한 텍스트 에디터로 윈도우 Windows, 맥OS macOS, 리눅스 Linux에서 사용 가능한 크로스 플랫폼 에디터 cross platform editor입니다. 사실 IDE인 VS Visual Studio가 존재하지만 비교적 가볍고 개발에 필요한 다양한 기능을 포함하고 있으며 확장기능을 제공하므로 많은 개발자가 VS code를 사용하고 있습니다.
전 세계 개발자가 활동하는 대표적인 사이트, StackOverflow에서 매년 개발자를 대상으로 설문조사를 합니다. VS code가 출시된 2016년 이후 최근까지 매년 'Most Popular Development Environments' 부문에서 1등을 차지하고 있습니다. 꾸준히 점유율이 증가하다가 2019년에는 응답자 과반수 이상이 VS code에 투표한 결과를 보고 저도 VS code를 선택했습니다.
전 세계 개발자가 활동하는 대표적인 사이트, StackOverflow에서 매년 개발자를 대상으로 설문조사를 합니다. VS code가 출시된 2016년 이후 최근까지 매년 'Most Popular Development Environments' 부문에서 1등을 차지하고 있습니다. 꾸준히 점유율이 증가하다가 2019년에는 응답자 과반수 이상이 VS code에 투표한 결과를 보고 저도 VS code를 선택했습니다.
Install
VS code 다운로드 페이지에 접속합니다.
VS code 다운로드 페이지
사용자의 OS에 맞는 버전으로 다운로드 합니다. MIT license를 따르며 소스코드까지 github을 통해 공개하고 있습니다. 다운로드 받은 파일을 설치합니다.
User Interface
VS code를 실행합니다.
기본 인터페이스는 다음과 같습니다.
기본 인터페이스는 다음과 같습니다.
VS code 기본 인터페이스
- ● A (Activity Bar): 스크립트 구조탐색 explorer, 찾기 search, 깃 git, 디버깅 debugging, 확장기능 extensions 화면으로 전환합니다.
- ● B (Side Bar): Activity Bar의 구체적인 내용을 표시합니다.
- ● C (Editor): 파일을 수정하는 메인 공간으로 두 개 이상의 에디터를 여는 것이 가능합니다,
- ● D (Panel): 결과 output, 터미널 terminal, 디버깅 콘솔 debug console, 문제 problems 등이 출력됩니다.
- ● E (Status Bar): 라인 수 line number, 환경설정 envioronment, 프로그래밍 언어 programming language 등 작업중인 파일과 프로젝트에 대한 정보를 출력합니다.
상세한 내용은 VS code 공식 매뉴얼을 참고해 주세요.
Extensions
확장기능 extensions은 개발환경을 구성하고 사용자가 편리하도록 도움을 주는 다양한 프로그램을 제공합니다. 여기에서는 파이썬 개발환경에 필요한 기본적인 확장 프로그램을 살펴보겠습니다.
확장기능 extensions 창을 오픈합니다. Activity Bar에서 'Extension' 버튼을 클릭하거나 단축키 (Ctrl+Shift+'X')를 사용합니다.
설치할 프로그램을 검색 후 'install' 버튼을 클릭합니다.
Python
VS code Extensions: Python
코드를 작성하는데 필요한 기본 프로그래밍 언어입니다.
FTP-Simple
VS code Extensions: FTP-Simple
로컬 PC에서 서버에 접속하여 작업하는 경우 사용하는 FTP 프로그램 입니다.
Visual Studio IntelliCode
VS code Extensions: Visual Studio IntelliCode
자동완성 기능을 제공합니다.
VS code Extensions: Install
Linting Python Code
린트 lint는 1989년 벨 연구소 Bell Labs에서 근무하던 Stephen C. Johnson가 자신이 작성한 yacc 문법을 디버깅하면서 처음 사용한 용어입니다. 소스코드를 분석하여 프로그램 에러 errors, 버그 bugs, 시스템 오류 stylistic errors, 의심스러운 구조 suspicious contructs를 표시하는 기능을 의미하며 이것을 실행하는 프로그램을 린터 linter라고 일컫습니다.
린터 linter를 이용하면 정해진 규칙에 맞춰 일관성 있는 코드를 작성할 수 있습니다. 다수의 개발자와 협업할 때에도 코딩컨벤션 coding convention을 준수하는 보조 수단으로 사용할 수 있습니다.
VS code는 파이썬 관련하여 다양한 린터 linter를 제공하고 있습니다. 개인적으로 코드 전반적으로 'pep8', docstring은 'Google Python Style Guide'를 준수하려고 노력합니다.
린터 linter를 이용하면 정해진 규칙에 맞춰 일관성 있는 코드를 작성할 수 있습니다. 다수의 개발자와 협업할 때에도 코딩컨벤션 coding convention을 준수하는 보조 수단으로 사용할 수 있습니다.
VS code는 파이썬 관련하여 다양한 린터 linter를 제공하고 있습니다. 개인적으로 코드 전반적으로 'pep8', docstring은 'Google Python Style Guide'를 준수하려고 노력합니다.
VS code Python Linter
린터 linter 설정 및 사용방법은 다음과 같습니다.
- 1. 명령창 editor commands을 오픈합니다. (Ctrl+Shift+'P')
- 2. 'Python: Select Linter'를 검색한 뒤 선택합니다.
- 3. 'pycodestyle(pep8)'를 선택합니다. 린터 linter 설정이 완료되었습니다.
- 4. 작성한 코드 화면을 오픈합니다.
- 5. 디버그창을 오픈합니다. (Ctrl+Shift+'D')
- 6. 'Start Debugging' 버튼을 클릭합니다. (F5)
- 7. 코드에서 규칙에 어긋나는 부분이 존재하는 경우 Panel의 Problem 창에 메시지가 출력됩니다. 메시지를 참고하여 코드를 알맞게 수정합니다.
- 8. 에러 메시지가 나오지 않을 때까지 5~7 과정을 반복합니다.
Linting Python Code
개발 작업을 위한 기본적인 VS code 설정을 완료했습니다. 'pep8' 규칙을 준수하며 일관성을 지닌 코드작성 준비가 된 것입니다.
마지막으로 VS code를 사용하는데 편리한 hotkeys를 소개하며 마무리 합니다.
마지막으로 VS code를 사용하는데 편리한 hotkeys를 소개하며 마무리 합니다.
| Purpose | Hotkey | Function |
| 프로그램 기본기능 | F1, Ctrl+Shift+'P' | 명령표시 |
| Ctrl+Tab | 오픈되어 있는 에디터 화면 간 전환 | |
| Crtl+Shift+'X' | 확장기능창 열기 | |
| Ctrl+Shift+'P' | 모든 명령 표시 | |
| Multi-cursor editing | Ctrl+Shift+'L', Ctrl+F2 | 현재 선택한 단어와 동일한 단어 동시에 편집 |
| Ctrl+'D' | 현재 선택한 단어와 동일한 바로 다음 단어 동시에 편집 | |
| Ctrl+Alt+방향키 | 위, 아래로 멀티커서 효과 | |
| Navigation | Ctrl+'g' | n행으로 이동 |
| Basic editing | Ctrl+']' | 들여쓰기 |
| Ctrl+'[' | 내어쓰기 | |
| Ctrl+Shift+'[' | 영역 접기 | |
| Ctrl+Shift+']' | 영역 펼치기 | |
| Ctrl+'/', Ctrl+'K'+'C', Ctrl+'K'+'U' | 주석달기 | |
| Ctrl+Enter | 아래에 행 삽입 | |
| Ctrl+Shift+Enter | 위에 행 삽입 | |
| Ctrl+'X' | 행 삭제 | |
| Ctrl+'C' | 행 복사 | |
| Alt+방향키 | 위, 아래로 행 이동 | |
| Shift+Alt+방향키 | 위, 아래에 행 복사 추가 | |
| Home | 행 시작으로 이동 | |
| End | 행 끝으로 이동 | |
| Ctrl+Space | IntelliSence 기능(코드완성, contents assist, code hinting) | |
| Debugging | F5 | 디버깅 시작 |
| F8 | 다음 오류 또는 경고로 이동 | |
| Shift+F8 | 이전 오류 또는 경고로 이동 |