Zeppelin 프론트엔드 개발 서버 실행하기

Zeppelin UI를 수정할 때 사용했던 개발 서버 실행 메모입니다. 백엔드 데몬을 먼저 실행하고, 프론트엔드 개발 서버를 별도로 띄우는 방식이었습니다.

당시 zeppelin-web의 AngularJS 기반 소스를 다루던 환경입니다. 현재 Zeppelin UI의 개발 방법은 사용하는 소스 버전에 맞춰 확인해야 합니다.

백엔드 데몬 실행

Zeppelin 소스나 배포 디렉터리에서 데몬을 실행합니다.

bash


bin/zeppelin-daemon.sh start

데몬이 실행됐는지와 웹 서버에 접근할 수 있는지를 먼저 확인합니다. UI 개발 서버만 실행해도 실제 Notebook이나 Interpreter를 사용하는 요청은 백엔드가 필요합니다.

zeppelin-web의 의존성이 준비된 상태에서 다음 명령을 사용했습니다.

bash


cd zeppelin-web
yarn run dev

예를 들어 Zeppelin 0.7.3의 package.json 에서는 dev가 webpack 개발 서버와 변경 감시 작업을 함께 실행합니다. UI 파일 변경을 확인할 때 매번 전체 패키지를 다시 만드는 작업을 줄일 수 있습니다.

설치가 실패하면 현재 최신 Node.js를 사용하고 있는지만 보기보다 해당 Zeppelin 소스의 빌드 도구와 의존성을 확인해야 합니다. 오래된 zeppelin-web에는 Bower와 Grunt 같은 도구도 포함돼 있습니다.

브라우저에서 접속할 주소는 개발 서버의 실행 출력과 설정을 기준으로 확인합니다. 백엔드 주소를 변경했다면 API와 WebSocket 연결이 실제 서버로 이어지는지도 봐야 합니다.

개발 서버에서 확인한 변경을 배포하려면 해당 버전의 프론트엔드 빌드와 최종 패키징 절차가 필요합니다. 개발 서버 실행 자체가 배포 결과물 생성은 아닙니다.