mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 01:36:22 +00:00
a90d801d08
* update korean docs in docs/ko/ * Fix typo Co-authored-by: Junyoung Choi <rokt33r.choi@gmail.com>
3.0 KiB
3.0 KiB
Boostnote의 디버그 방법(Electron app)
구글 크롬 Developer Tools를 사용한 디버깅
Boostnote는 Electron 애플리케이션이므로 Chromium위에서 작동합니다. 그렇기 때문에 개발자분들은 Google Chrome 브라우저에서 처럼 Developer Tools를 사용하실 수 있습니다.
다음과 같이 Developer Tools를 실행할 수 있습니다:
Developer Tools는 다음과 같이 나타납니다:
에러가 발생할 때에는, 에러메시지가 console위에 표시 됩니다.
디버깅
예를들면 debugger를 사용하여 코드 안에서 다음과 같이 일시 정지지점을 설정할 수 있습니다:
이는 단순한 하나의 예시에 불과합니다. 자기자신에게 가장 잘 맞는 디버그 방법을 찾는 것도 좋을 것 입니다.
참고
비주얼 스튜디오 코드를 사용한 디버깅
- 크롬 디버깅 플러그인 을 비주얼 스튜디오 코드에 설치한 후, 프로그램을 닫았다가 재실행합니다.
- Shift+Command+B 키를 누르거나, Terminal 메뉴 하단에 있는 Run Build Task 메뉴를 선택한 후 Build Boostnote 를 선택합니다. 아니면 터미널에서 곧바로
yarn run watch를 실행해도 됩니다. - 위의 절차가 실행되고 있을 때, 사이드바 Activity Bar에서 Debug view를 선택합니다. 키보드 단축키로는 Shift+Command+D를 눌러도 됩니다..
- Debug configuration에서 Boostnote All 설정을 선택한 후, 초록색 화살표를 클릭하거나 F5 키를 누르면 디버깅이 시작됩니다.
- 이 시점에서는 Boostnote가 실행되고 있을 텐데, 두 개의 프로세스가 진행중인 것을 볼 수 있을 겁니다. 바로 Boostnote Main 프로세스와 Boostnote Renderer 프로세스입니다. 이제 비주얼 스튜디오 코드에서 곧바로 디버깅 정지지점 (debug breakpoint) 을 설정할 수 있습니다. 만약에 지정한 정지지점 (breakpoint) 이 등록되지 않는다면, Boostnote Renderer 와 Boostnote Main 프로세스 사이를 번갈아 확인해 보아야 합니다.