VSCode(Visual Studio Code) 사용법 - 파이썬/깃허브/아나콘다 연동

학습 목표 

1. VScode의 기본 기능을 알고, 다양한 Extension 기능을 추가하여 다양한 기능을 활용할 수 있다.

2. Anaconda를 활용하여 특정 파이썬 버전과 필요한 라이브러리를 설치하여 가상환경을 생성하고 활성화 할 수 있다.

3. Github를 Vscode와 연동하여 필요한 오픈소스를 나의 디렉토리에 clone 하고, 이를 수정한 버전을 Commit 하여 버전관리를 할 수 있다.

 

 

 

*** 용어정리

Visual Studio code : MS가 제공하는 Code Editor, 필요한 Extension을 추가로 설치하여 IDE(통합개발환경) 역할도 수행.

Anaconda : 파이썬 버전 및 라이브러리를 포함한 파이썬 가상환경 생성 및 관리

GitHub : 오픈소스 공유 플랫폼, 버전관리 및 협업 플랫폼

파이썬 가상환경 : 특정 프로젝트에서 사용되는 파이썬의 버전과 패키지들을 격리시키는데 사용되는 도구로, 서로 다른 프로젝트에서 패키지 충돌을 피하기 위해 사용

인터프린터 : 파이썬 코드를 읽어서 그 명령을 실행하는 프로그램이며, 코드를 라인별로 해석하고 실행하는 작업을 수행

환경변수 : 운영 체제에서 프로세스에 대한 동적인 값이며, 프로세스를 실행할 때 해당 프로세스에 전달되는 값입니다. 환경변수는 보통 시스템의 동작 방식을 설정하거나, 프로그램이 특정 작업을 수행하는 데 필요한 정보를 제공하는 데 사용됩니다. 예를 들어, PATH 환경변수는 시스템이 실행 파일을 찾는 위치를 지정하며, HOME 또는 USERPROFILE 환경변수는 사용자의 홈 디렉토리 경로를 지정합니다. 이번 실습에서는 python 과 conda 두가지 환경변수 path를 지정하여 터미널에서 사용할 것 입니다. 

(참고자료)

[Windows] Windows 10에서 Python 환경변수 설정하기!

 

[Python/Anaconda] 환경 변수(path)의 의미와 설정 방법 (ft. pip, conda 명령어 안될 때)

 

터미널 : 사용자와 컴퓨터 시스템 간의 텍스트 기반의 인터페이스를 제공하는 도구입니다. 터미널을 사용하면 사용자는 명령어를 입력하여 컴퓨터에 작업을 지시할 수 있으며, 컴퓨터는 그 결과를 사용자에게 텍스트 형태로 반환합니다. 특히 vscode에서는 다양한 코드를 동시에 동작할 때, 다른 가상환경에서 코드를 동작할 때 다양한 터미널을 동시에 열어서 코드에 접근 할 수 있습니다.

- vscode 지원 터미널 종류 및 구분

PowerShell: PowerShell은 Microsoft가 개발한 스크립팅 언어와 셸의 조합입니다. PowerShell은 .NET 프레임워크 위에 구축되어 있어서 Windows 시스템과 상호작용하는 데 강력한 기능을 제공하며, 오브젝트 지향적인 접근 방식을 채택하고 있습니다. 이로 인해 파일 시스템, 레지스트리 등과 같은 Windows의 다양한 컴포넌트를 직접적으로 조작할 수 있습니다.

Command Prompt (cmd): Command Prompt는 Windows의 기본 명령 줄 인터페이스입니다. 이는 DOS(Disk Operating System)에서 유래되었으며, 파일과 디렉토리를 관리하거나 시스템 작업을 수행하는 데 사용됩니다. Command Prompt는 PowerShell보다 기능적으로 제한적이지만, 간단한 작업을 수행하는데 충분하며, 오래된 스크립트와 호환성이 뛰어납니다.

Git Bash: Git Bash는 Git 명령을 Windows 환경에서 실행할 수 있도록 해주는 응용 프로그램입니다. 이는 Bash 셸을 에뮬레이션하며, Unix/Linux 기반의 명령 줄 작업을 Windows에서 수행할 수 있게 해줍니다. Git Bash는 Git 작업에 최적화되어 있으며, 유닉스 스타일의 경로 및 명령어를 지원합니다.

JavaScript Debug : JavaScript 디버거입니다. 이 확장 기능은 JavaScript와 TypeScript 코드를 디버깅할 수 있게 해줍니다. Node.js, Chrome, Edge 등의 환경에서 실행되는 JavaScript를 디버깅하는 데 사용할 수 있습니다.

각 셸의 선택은 대부분 개인의 취향, 필요한 작업, 그리고 사용하는 도구에 따라 결정됩니다. 일부 사용자는 Windows와 깊게 통합되어 있는 PowerShell의 기능을 선호할 수 있으며, 다른 사용자는 Unix 스타일의 명령 줄 인터페이스에 익숙하거나 Git 작업을 자주 수행하기 때문에 Git Bash를 선호할 수 있습니다. 이번 실습에서는 우리에게 익숙한 cmd 터미널을 활용할 것입니다. 

 

 

[이론] 왜 VScode를 추천하는가? 

 

Visual Studio Code (VSCode)는 Microsoft가 개발하고 유지 관리하는 무료, 오픈 소스 코드 편집기입니다. 다양한 프로그래밍 언어를 지원하고 매우 확장 가능한 구조로 설계되어 있습니다.

VSCode는 다양한 프로그래밍 언어에 대한 기본적인 지원을 제공하며, Java, JavaScript, TypeScript, Python, C++, C#, 등을 포함합니다. 더 나아가, 각종 확장 기능을 통해 사용자가 필요로 하는 언어, 프레임워크, 라이브러리에 대한 지원을 더욱 강화할 수 있습니다. 또한, 코드 하이라이팅, 다중 커서, 코드 자동 완성, 인텔리센스, 스니펫, 코드 리팩토링, GitHub 통합 등 다양한 기능을 제공하여 코드 작성을 더욱 편리하고 효율적으로 만듭니다.

VSCode의 다른 주요 특징 중 하나는 내장 터미널입니다. 이는 사용자가 별도의 터미널 창을 열지 않고도 VSCode 내에서 직접 명령어를 실행할 수 있게 해줍니다. 이는 개발 및 디버깅 과정을 매우 간편하게 만들어 줍니다.

또한, Live Share 기능을 통해 다른 사용자와 실시간으로 코드를 공유하고 협업할 수 있습니다. 이는 원격 팀 작업에서 매우 유용한 기능입니다.

 

VSCODE는 IDE 인가? Code Editor 인가?

IDE(통합 개발 환경)는 코드 편집, 빌드, 디버깅, 버전 관리 등 개발에 필요한 여러 기능을 한 곳에서 제공하는 소프트웨어입니다. 이로 인해 개발자는 복잡한 프로그램을 쉽게 만들고 유지 관리할 수 있습니다.

반면에 코드 에디터는 기본적으로 소스 코드를 편집하는 데 사용되는 도구입니다. 코드 에디터는 간단하고 가벼우며, 일반적으로는 IDE의 모든 기능을 제공하지 않습니다. 

VSCode는 기본적으로 코드 에디터입니다. 그러나 여러 확장 기능을 통해 디버깅, 버전 관리, 코드 완성, 코드 리팩토링 등 IDE와 유사한 많은 기능을 사용할 수 있게 해줍니다. 따라서 VSCode는 "경량 IDE" 또는 "확장 가능한 코드 에디터"로 종종 설명됩니다.

 

다른 Code Editor 와 비교 

17 Best Code Editors for Developers in 2023 to Write Error-Free Code More Efficiently

 

다른 Python IDE와 비교

15+ Popular Python IDEs in 2023: Choosing The Best One

 

VScode Extension 추천

💽 개발하는데 유용한 VSCode 확장팩 - 유료 IDE 못지않게 ❗

 

vscode live-share 기능 : 페어코딩(협동학습)에 좋은 도구

 

 

 

[ 실습 1 ] VScode - Python - anaconda 기본 사용법 : 깃허브 오픈소스 구동하기

1. Vscode와 Python을 설치한다. 

Python 개발 환경 설정 (Visual Studio Code 활용)

 

2. 아나콘다를 설치한다. 설치할때 반드시 path 부분 환경변수 부분을 체크한다.

[Python] - 아나콘다 설치 (Anaconda)

 

3. 아나콘다로 개발환경 구축하기 실습 피피티 확인.

 

 

4. 깃허브의 오픈소스를 구동해 본다. 

 

5. Vscode와 깃허브 계정을 연동하여 바로바로 clone과 commit, 버전관리 기능을 확인해 본다.

1) git 설치 및 vscode 연동

[VScode] git 설치 및 VScode로 연동하기

 

2) vscode git clone & commit : 원하는 오픈소스 바로 받아오고 다시 수정 버전 깃허브에 올리기

VSCode를 사용하여 GitHub 리포지토리 복제 - Azure

 

 

[ 실습 2 ] Vscode 깃허브 연동하기 : pygame 수정 후 버전별 commit 하기 (팀 과제)

 

과제 디자인

1. 2명당 한 팀을 구성합니다. 구글 시트에 기록하고 팀별로 소그룹방에 들어가 원격으로 만납니다. 

2. 팀별로 vscode의 live share extension을 설치하여 팀간의 페어 코딩 환경을 구축합니다. 

[VS code Live Share] VS code에서 화면 공유하기

 

3. 팀별로 깃허브의 pygame 오픈 소스 중 마음에 드는 게임 소스코드를 골라서 아래 규칙들을 수정하여 자신만의 게임을 만든다. 

 1) 게임 캐릭터, 게임 배경, 게임 아이템 등 그림 변경하기

 2) 배경음악 및 효과 음악 변경하기

 3) 게임 규칙( 게임 키, 게임 세팅 값 등) 변경하기

변경과정과 문제해결 과정은 포트폴리오에 기록하고 팀별 역할을 분담하여 프로젝트를 진행한다. 

*** 결과 공유 및 상호 코멘트 까지.

*** 결과 공유 학생 예시

https://www.notion.so/2022-2-a263040f878d40cb8d97e06ab934d165?pvs=4 

https://www.notion.so/2022-2-121732c2af9548a0a15924d21a0f6dae?pvs=4 

https://www.notion.so/10-24-2ab7b6dc1e6d46eebed8c0b84af7e2ad?pvs=4 

https://www.notion.so/2-92f6bbb32df14d5eab406b6dd9f39059?pvs=4 

프로그래밍 2학기

 

@2023 wonking python class