WEB

[HTML] 한글 깨짐 해결 방법 태그 안에 추가하면 된다. [참고] HTML인코딩

[Electron] Dialog 메인(Main) 프로세스 const { dialog } = require('electron') 렌더러(Renderer) 프로세스 const { dialog } = require('electron').remote dialog.showOpenDialog([browserWindow, ]options[, callback])파일 열기 다이얼로그 dialog.showSaveDialog([browserWindow, ]options[, callback])파일 저장 다이얼로그 dialog.showMessageBox([browserWindow, ]options[, callback])메세지 박스 dialog.showErrorBox(title, content)에러 메세지 박스 -> alert을..

[JavaScript] html2canvas html2canvas [링크] 웹(html)에서 화면을 캡쳐하는 기능. 실질적으로는 선택한 요소를 Canvas에 그린다. 하위 자식들까지 모두 canvas에 그릴 수 있다. # Body 안의 모든 요소를 Canvas에 그릴 경우 html2canvas(document.body, { backgroundColor: "#000000" // 배경 색 선택. 기본값 : 흰색 }).then(function(canvas) { var base64image = canvas.toDataURL("image/png"); window.open(base64image , "_blank"); // Open the image in a new window }); # 특정 div만 선택할 경우 ..

[Electron] 서버와 데이터 전송(통신)하는 방법 - ipc ajax로 데이터를 전송하려고 했더니, path가 C:/ 밑으로 표시되는 바람에 데이터를 어떻게 서버(main)으로 전송해야할지 찾아보니 ipc라는 모듈이 있었다. ipcMainmain 프로세스에서 renderer 프로세스로 비동기적인 통신을 한다.즉, 이벤트를 처리하고 renderer 에 메시지를 보내기 위해 사용 된다. 주요 메소드- ipcMain.on(channel, listener) : channel에 대해 이벤트 메세지 수신 ipcRenderer renderer 프로세스에서 main 프로세스로 비동기적인 통신을 한다.즉, 이벤트를 처리하고 main에 메시지를 보내기 위해 사용된다. 주요 메소드 - ipcRenderer.on(cha..

[Electron] 코드 변경시 자동 새로고침 되도록 설정하는 방법 electron-reload 를 사용하면 된다. 먼저 electron 과 electron-reload를 프로젝트에 설치해 준다. $ npm install electron $ npm install electron-reload electron과 프로젝트 모두 reload 할 경우 아래와 같이 직접 node_modules의 electron폴더로 잡아준다. require('electron-reload')(__dirname, { electron: require(`${__dirname}/node_modules/electron`) }); 위와 같이 설정하면, electron 실행하면서 html, js, css 등을 수정할 경우 자동으로 electro..

[JavaScript] popper.min.js.map 파일 (참고) stackoverfolw 에서 찾은 popper.min.js.map 파일