Visual Studio Code + Jupyter Notebook 개발 환경 만들기

Visual Studio Code + Jupyter Notebook 개발 환경을 만드는 과정을 다룹니다.

2022. 4. 3 - 최초작성

2024. 5. 6 - 운영체제 구분없이 적음

0. 다음 포스트대로 Miniconda/Miniforge를 설치하여 Python 개발환경을 만든 후,  Visual Studio Code와 연동하는 작업까지 진행합니다. 

 

Miniconda/Miniforge는 Anaconda처럼 Python 가상 환경을 만들어 주는 역할을 하는 것입니다.

 

Visual Studio Code와 Miniconda를 사용한 Python 개발 환경 만들기( Windows, Ubuntu, WSL2)

https://webnautes.tistory.com/1842

 

Apple Silicon Macbook에 Miniforge 설치하여 Visual Studio Code와 연동하기

https://webnautes.tistory.com/2101

1. 윈도우/리눅스에선 Ctrl + Shift + P,  맥에선 command + Shift + P를 눌러서 interpreter를 검색하여 보이는 Select Interpreter를 선택하여 생성된 Python 가상환경중에 하나를 고릅니다. 

 

본 포스트에선 newenv를 선택합니다.

 

2. 메뉴에서 View > Terminal을 선택한 후, 터미널에서 다음 명령을 사용하여 Jupyter를 설치합니다. 앞에서 선택한 Python 가상환경에 설치가 됩니다.

 

pip install jupyter

터미널에 보이는 프롬프트 앞에 선택한 파이썬 가상환경 이름이 보입니다.

 

(newenv) webnautes@webnautesui-MacBookAir test % pip install jupyter

3. 왼쪽 바에서 확장 아이콘을 클릭합니다. . 

 

jupyter를 검색한 후, 파란색 Install 버튼을 클릭하여 설치합니다. 

 

4. 테스트 삼아 test.ipynb 파일을 생성합니다.

 

폴더 이름에 마우스 커서를 가져가면 보이는 New File 아이콘을 클릭한 후, test.ipynb를 입력하여 파일을 생성합니다.

 

5. 다음과 같은 입력란이 보입니다. 셀이라고 부릅니다. 여기에 코드를 적어줍니다. 왼쪽 위에 보면 + Code와 + Markdown이 보이는데 셀을 추가할때 코드를 적을 셀을 추가할지(+Code), 설명을 적을 셀을 추가할지를(+Markdown)  의미합니다.  

.

5. 간단한 코드를 입력해봅니다.

변수 a에 1, 변수 b에 2를 넣은 후, 변수들의 값을 출력하는 코드를 입력합니다. Jupyter Notebook에서는 print문없이 변수 이름만 적어도 해당 변수의 값이 출력됩니다. 이제 왼쪽에 빨간색 사각형으로 표시해둔 삼각형 아이콘을 클릭하면 코드가 실행됩니다. 

 

 

ipynb 파일을 만든 후, 처음 실행시 어떤 파이썬 가상환경을 사용할지 선택해줘야 합니다. 하나를 선택해주면 현재 사용중인 ipynb 파일 사용시에는 다시 안물어봅니다. 파이썬 가상환경을 주피터 노트북에선 커널이라고 부릅니다. 오른쪽 위에 보이는 Select Kernel을 선택합니다. 

 

Python Environments를 선택합니다.

 

앞에서 선택했던 newenv를 선택합니다.

 

오른쪽 위에 선택한 newenv가 표시됩니다.

 

 

 

6.  왼쪽에 보이는 삼각형을 클릭하면(빨간색 사각형으로 표시한) 셀에 있는 코드가 실행됩니다. 

 

잠시 기다리면 실행결과로 3이 출력됩니다. 실행이 완료된 셀에는 초록색 꺽새가 아래 스크린샷처럼 표시 되고 옆에 몇번째로 실행했는지를 대괄호 안에 표시해줍니다. 첫번째 실행했기 때문에 [1]이라고 표시되고 있습니다.

 

test.ipynb 옆에 흰색 동그라미가 보이는데 아직 변경내용이 저장되지 않았다는 의미입니다.  윈도우/리눅스에선 Ctrl + S, 맥에선 command + S를 눌러 파일 내용을 저장하면 흰색 동그라미가 사라지고 X로 변경됩니다.

 

7. 마우스 커서를 실행 결과 아래쪽 영역에 가져가면 새로운 셀로 코드 또는 markdown을 추가할 수 있음을 보여줍니다. markdown은 코드에 대한 설명을 markdown 문법에 따라 입력할 수 있습니다. markdown을 선택해봅니다.

 

셀이 하나 추가되었고 오른쪽 끝을 보면 markdown이라고 적혀있습니다. 여기에 설명을 적을 수 있습니다.  코드를 적었던 앞에 있는 셀을 보면 Python이 보입니다.

 

마우스 우클릭하여 다음처럼 메뉴에서 Insert Cell을 선택하면 현재 선택된 셀을 기준으로 위 또는 아래에 코드 셀 또는 markdown 셀을 추가할 수도 있습니다. 

 

8. 추가된 markdown 셀에 코드 설명을 추가한 후, 오른쪽 끝에 빨간색 사각형으로 표시한 꺽쇠를 클릭하면 Markdown 셀에 입력한 내용이 반영됩니다. 

 

이 상태에서 오른쪽 끝에 보이는 연필 아이콘을 클릭하면 다시 수정이 가능해집니다.