Electron 튜토리얼을 따라가고 있습니다. 요즘은 그냥 AI의 도움을 받아서 개발(?)할 수도 있지만, 고전적인 방법을 선택하고 있습니다.
https://www.electronjs.org/docs/latest/tutorial/tutorial-preload#communicating-between-processes
아직은 시작 단계라 큰 어려움 없이 따라가고 있었는데 Communicating between processes라는 단계에서 지정한 텍스트("pong")가 표시되지 않고 있습니다. 혹, 코드 실수가 있었나 살펴보긴 했는데, 코드 실수는 아닌 것 같구요. 이것저것 살펴보다가 결국에는 ChatGPT에게 물어보았습니다.
몇 가지 케이스를 제시해주고 있는데 가장 흔한 실수(라기보다는 개념을 몰라서)가 콘솔의 위치라고 합니다. 튜토리얼에서는 main.js(설정한 entry point)에서 console.log를 실행하면 터미널에 표시된다는 것을 이전 단계에서 학습한 이후라 당연히 renerer.js에서도 터미널에 표시될 것이라고 생각하고 있었습니다.
일단, 정답은 실행창에서 개발자 도구를 열고 Console 탭에서 확인하는 것이라고 합니다.
래딧에도 비슷한 질문이 2년 전에 올라온 것이 있네요.
https://www.reddit.com/r/electronjs/comments/1ekzjww/hello_word_ping_pong
아마도 문서 작성자 입장에서는 앞에서 이런 개념을 설명했으니 당연히 콘솔 로그는 개발자 도구에서 확인하겠지~ 라고 생각하겠지만, 이런 개념을 아직 제대로 이해하지 못한단 말입니다. 이걸 바로 이해할 정도라면 튜토리얼을 열어보지 않겠죠 ~~
main process
↑ IPC
preload
↓ bridge
renderer (HTML)
