본문 바로가기

728x90

엉터리 개발 이야기/electron

[electron] bootstrap 적용하기 electron에서 bootstrap을 적용하다 보면, 개발자 도구에서 error가 발생한다.( electron bootstrap 'fn' of undefined )( electron popper.js Unexpected token export ) 해결방법은 library 적용 순서가 중요하다. 1. jquery2. popper.js3. bootstrap 순으로 적용한다. popper.js에서 발생하는 에러 해결은 umd/popper.js 를 import 한다. bootstrap navibar 적용결과 화면 index.html 첨부합니다. 더보기
[electron] electron + jquery load jquery 설치> npm install jquery --save 더보기
[electron] excel file read(엑셀파일 읽기) Javascript Excel 파일 읽기 electron app 에서 excel 파일 읽기. excel file read at electron app. electron app 에서 excel 파일을 읽어 화면에 뿌리는 예제입니다. 추후에 좀 더 심화 하기로 하겠습니다. 여기서 사용한 library 는 sheetjs 입니다. http://sheetjs.com/ 우선 index.html에서만 작업을 합니다.1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 Hello World!Hello World!We are using node document.write(process.versions.node).. 더보기
[electron] webstorm 에서 electron debug 설정 webstorm으로 electron 개발시 debug 설정하는 방법입니다.webstorm에서 electron 디버깅 설정 및 하기 설정방법은 아래 링크에 나와있습니다.https://blog.jetbrains.com/webstorm/2016/05/getting-started-with-electron-in-webstorm/ Node Interpreter 설정은 electron이 설치된 폴더로 해줍니다.저는 전역으로 설치했기 때문에 ...C:\Users\Administrator\AppData\Roaming\npm\node_modules\electron\dist\electron.exe로 해주었습니다. main.js에서 break point 를 걸고 debug 모드로 실행하면 break point 부분에서 걸리는.. 더보기
[electron] electron 무작정 따라하기(hello world) electron 무작정 따라해보기.처음 시작은 당연히 'Hello World' 출력해보기다. 동작방식..구성...기타 등등 하나도 모르지만 무작정 따라해봤다. 1. electron 설치 - https://electronjs.org/docs/tutorial/installation electron 전역으로 설치하기 / terminal에서 아래 내용 실행(설치 시간이 좀 걸립니다.)npm install electron -g 2. electron 구동에 필요한 파일 추가(webstorm 에서 작성했습니다.) - https://electronjs.org/docs/tutorial/quick-start - 위에 있는 페이지에 있는대로 복사, 붙여넣기 한다. 3개 파일 (package.json, main.js, ind.. 더보기

728x90