IT/electron

[electron] electron에서 console.log 보는법(with React)

올빼밋. 2022. 8. 11. 09:51
728x90
react + electron 프로젝트로 생성

react + electron project 생성 방법 : https://olppaemmit.tistory.com/180?category=959166 

electron으로 프로젝트를 생성하여 console.log를 찍었을땐, 터미널창에 잘 보였지만
electron + react로 프로젝트를 생성하니 console.log가 터미널창에 보이지 않았다.

해결 방법으로 인터넷에서는 electron과 react를 서로 통신할 수 있는 IPcMain, IPReanderer 등을 사용하여 하던데
나는 react에서 const { IPReanderer } = required('electron'); 를 하는 순간 오류가 계속 발생했다.
그래서 찾은 방법!!!!!

실행 화면에서 개발자 도구 확인하기

(Mac) Command + option + i

※ F12 또는 개발자 도구 확인이 불가능하여, 포기하고 있었는데...🥲

참고로, 새로고침은 Command + R

다음과 같이 개발자 도구로 console.log를 확인할 수 있다.
버튼을 눌렀을때, 파라미터를 출력하도록 console.log를 사용했다.

728x90