JavaScript/TypeScript 노트북 vscode 플러그인

Jupyter처럼 쓸 수 있는 javascript 용 노트북을 찾다가 Node.js Notebooks (REPL)이라는 vscode 플러그인을 찾아서 설치해 보았다.

 

플러그인 설치

vscode 플러그인(Cmd + Shift + X) 화면에서 "node.js notebook"을 검색하면, 첫 번째로 Node.js Notebooks (REPL) 플러그인이 뜬다. 이 플러그인을 설치한다.

 

노트북 테스트

새 코드 셀에서 console.log 함수를 실행했을 때, 다음과 같이 정상적으로 결과가 출력된다.

 

plotly 샘플 코드도 다음과 같이 정상 동작한다. (plotly 패키지는 Node.js Notebook (REPL)에서 자체 지원)

 

JavaScript/TypeScript 뿐 아니라 Shell 명령도 실행 가능하다.

셀 내용을 자동으로 감지하며, 우측 하단에서 직접 선택할 수도 있다.

 

외부 패키지 설치

외부 패키지를 설치해서 쓰고 싶을 때에는, 일반 프로젝트와 마찬가지로 프로젝트 폴더에 설치해주면 된다.

아래와 같이 clsx 패키지 설치 후에 정상적으로 import가 실행되는 것을 확인할 수 있다.