엉터리 개발 이야기 썸네일형 리스트형 [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 더보기 [Angular2+] e2e test debugging VS Code 로 해봤습니다. 12345678910111213{ "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Protractor Debugging", "program": "${workspaceRoot}/node_modules/protractor/bin/protractor", "args": ["${workspaceRoot}/protractor.conf.js"] } ]} Colored by Color Scriptercs 위와 같이 셋팅해주면 Break Point 걸어서 잘 되네요... http://www.protractortest.org/#/debugging 참고 사이트 더보기 [Angular2+] e2e test(End To End Test) 셋팅 Angular2+ e2e test angular cli를 이용하여 새로운 app을 생성하면, 테스트를 위한 구성까지 다 생성된다.새로운 app 생성$ ng new app-test ng e2e 로 실행하면 된다. $ ng e2e -> default 로 serve 실행, webdriver-manager update가 수행된다.webdriver-manager update 끄기 옵션 ng e2e -wu falseserve 실행 끄기 옵션 ng e2e -s false $ ng e2e -wu false -s false이렇게 수행하려면 ng serve로 서비스를 올려놔야 한다. webdriver-manager update 시 아래와 같은 에러 발생시 proxy를 설정해주면 된다.123456789webdriver-ma.. 더보기 [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.. 더보기 FileReader undefined check if(typeof obj === undefined)if(obj === 'undefined') input type filecheck file selectedif(document.getElementById('file').value === '') {alert('please select file')} read text filefunction readFile() { const fObj = document.getElementById("file"); console.log(fObj.value); if(fObj.value === '') { alert('파일을 선택해주세요.'); } else { const selectedFile = fObj.files[0]; console.log(selecte.. 더보기 이전 1 ··· 10 11 12 13 14 15 16 다음
