[노드JS] 브라켓의 확장 기능 설치하고 브라켓에서 노드 프로그램 실행하기

자바스크립트 파일을 만들 때는 브라켓을 사용하고 만든 파일을 실행할 때는 명령 프롬프트 창을 사용하면 불편할 수 있다.

그래서 브라켓에 NodeJS Intergration 확장 기능을 설치하면 노드 실행 프로그램을 바로 사용할 수 있어 편리하다.

브라켓의 [확장 가능 관리자] 아이콘을 클릭한 후 대화상자가 보이면 NodeJS를 검색한다. 확장 기능 중에서 NodeJS Intergration이 보이면 [설치] 버튼을 클릭하여 설치한다. [닫기] 버튼을 누른 후 브라켓이 다시 시작되면 상단 메뉴 영역에 [NodeJS]라는 메뉴가 새로 추가된다.

NodeJS Integration을 꼭 사용해야 하는 것은 아니다

NodeJS Integration 플러그인을 설치하고 js 파일을 하나 실행했을 때 js 파일의 코드에는 이상이 없는데 오류가 표시되는 경우도 있다. 이때는 NodeJS Integration 플러그인 자체의 오류일 수 있으므로 오류 해결 방법을 웹에서 찾아 해결해야 한다. 이 플러그인을 사용하지 않고 명령 프롬프트에서 node 명령어를 사용해 js 파일을 실행해도 상관없다.

그러나 Ctrl + Shift + N 키를 누르면 현재 파일을 바로 실행할 수 있으므로 플러그인을 사용하는 것이 좀 더 편리할 수 있다.

왼쪽 프로젝트 영역에 보이는 ch01_test0.js 파일을 선택한 후 마우스 오른쪽 버튼을 클릭한다.

팝업메뉴에서 [Add to Node.js runner] 메뉴를 선택하면 가운데 작업 영역 아래쪽에 [nodejs process sample] 탭이 나타난다.

※ 에러가 뜨면 Ctrl + Shift + N을 눌러 노드를 실행시켜주자.

[ch01_test0.js] 파일 탭으로 변경하려면 아래쪽에 있는 [nodejs process sample] 탭 오른쪽의 드롭다운(▼)버튼을 클릭한다. 목록이 나타나면 ch01_test0.js을 선택한다.

그런 다음 아래쪽 탭 왼쪽에 있는 [실행] 아이콘(▶)을 클릭하면 node 실행 파일을 사용해서 자바스크립트 파일이 실행된다.

[실행]아이콘 옆에는 [디버그] 아이콘이 있다. [디버그]아이콘을 클릭하면 디버그모드에서 브라켓을 실행할 수이싿.

다음처럼 작업 영역에 두 줄을 더 추가하고 두 번째 코드의 줄 번호 왼쪽 부분을클릭하면 동그란 점이 표시된다.

이것은 브레이크 포인트(Break Point)이며, 디버그 모드에서는 브레이크 포인트마다 단계별로 실행할 수 있다.

자바스크립트는 한 줄씩 실행되기 때문에 컴파일 기반의 언어처럼 입력한 코드의 오류를 미리 확인하기가 어렵다.

따라서 이런 디버깅 방식은 코드를 많이 입력해서 복잡해졌을 때 유용하게 사용할 수 있다.