VS code를 주피터노트북처럼 쓰기

VS Code에서도 Jupyter Notebook처럼 한 줄씩 실행하고 시각화 결과를 코드 아래에 바로 출력할 수 있습니다. 이를 위해 다음과 같이 설정하면 됩니다.

1️⃣ VS Code에서 Jupyter Notebook처럼 한 줄씩 실행하기

VS Code는 Python Interactive Window 기능을 지원하여 셀 단위 실행이 가능합니다.

✅ 방법 1: # %% 셀 마커 사용 (Jupyter 스타일)
1. .py 파일에서 아래처럼 # %%을 추가합니다.
2. Run Cell 버튼을 클릭하거나 Shift + Enter를 누르면 해당 블록만 실행됩니다.

# %%
import numpy as np
import matplotlib.pyplot as plt

x = np.linspace(0, 10, 100)
y = np.sin(x)

# %%
plt.plot(x, y)
plt.show()

• # %%을 사용하면 Jupyter처럼 코드 블록을 나누어 실행할 수 있습니다.
• 실행 결과는 VS Code Python Interactive Window에 출력됩니다.

✅ 방법 2: Jupyter Notebook(.ipynb) 파일 사용
1. VS Code에서 Jupyter 확장 프로그램을 설치합니다.
2. .ipynb 파일을 열면 Jupyter Notebook처럼 실행할 수 있습니다.
3. 코드 셀을 실행하면 Jupyter와 동일하게 결과가 바로 아래 표시됩니다.

2️⃣ 시각화 결과를 VS Code 내부에서 바로 보기

기본적으로 plt.show()를 사용하면 새로운 창이 뜨는데, 이를 VS Code 내부에서 출력하려면 다음 설정을 추가하세요.

✅ 방법 1: %matplotlib inline 사용

import matplotlib.pyplot as plt
import numpy as np

%matplotlib inline  # 결과를 VS Code 내부에 출력
x = np.linspace(0, 10, 100)
y = np.sin(x)

plt.plot(x, y)
plt.show()

• %matplotlib inline을 사용하면 그래프가 코드 아래 바로 출력됩니다.
• Jupyter Notebook과 동일한 방식으로 동작합니다.

✅ 방법 2: VS Code 설정 변경 (별도 창 방지)
1. settings.json을 수정하여 시각화 출력을 VS Code 내부에서 실행할 수 있습니다.
2. Ctrl + Shift + P → "Preferences: Open Settings (JSON)" 검색
3. 다음 설정을 추가:

"python.matplotlib.showFigureInline": true

이 설정을 적용하면 모든 Matplotlib 그래프가 별도 창이 아닌 VS Code 내부에 출력됩니다.

3️⃣ 추가 기능: VS Code에서 Jupyter 확장 활용하기

VS Code에서는 .py 파일뿐만 아니라 .ipynb 파일도 실행할 수 있습니다.

✅ Jupyter 확장을 설치하면:
• Jupyter Notebook과 동일한 환경에서 실행 가능
• Jupyter의 모든 기능을 VS Code에서 사용 가능
• .py 파일에서도 Jupyter 스타일의 한 줄씩 실행 (Shift + Enter) 가능

✅ 결론
1. 한 줄씩 실행: # %% 마커 또는 Jupyter 확장 활용
2. 그래프 내부 출력: %matplotlib inline 사용 또는 settings.json 설정 변경
3. 완전한 Jupyter 환경: .ipynb 파일을 VS Code에서 열어 사용

➡️ VS Code에서도 Jupyter Notebook처럼 사용할 수 있고, 시각화도 코드 아래에서 바로 확인 가능!