6월, 2019의 게시물 표시

[2019년6월 일본여행] 후쿠오카 일본여행 -1 : 시작

이미지
[2019년6월 일본여행] 후쿠오카 일본여행 -1 : 시작 어쩌다보니 혼자 떠나는 첫여행이 되었다. 요즘 잡생각도 많아지고.. 고민도 많아져서 생각 정리도 할겸 요새 하고싶었던 공예용품를 구하러 일본여행을 떠난다. 2019년 6월 6일부터 9일까지의 연휴에서 날짜를 하루씩 뒤로 미루니 항공편이 저렴하였다. 어차피 혼자하는 여행 심심할때 여행기록이나 해보려고 한다. - 125,500 약 12만원에 비행기표 결제완료

[Electron / Vue.js] Vue.js로 만든 앱 Electron 으로 배포해보기 - 1

이미지
[Electron / Vue.js] Vue.js로 만든 앱 Electron 으로 배포해보기 - 1 웹퍼블리싱을 하면서 리스트를 만들때 태그로 감싸는 작업을 너무하기 귀찮아서 만든 앱이 있다. 처음엔 HTML+javascript  로 만들었다가 다음에는 자바.exe 파일로 만들었고 최종적으로 vue.js + electron 조합 으로 시도하였다. java로 만든 easyHTML.exe [다운로드] 혹시 이걸 검색해서 오셨다면 ㅎㅎ 아무나 사용해도 좋습니다. 1. vue.js 로 만든앱을  npm run build 로 빌드한다. 2. electron-quick-start 로 app을 바로 만든다. -> npm install 로 설치한다. https://github.com/electron/electron-quick-start 3.  vue.js 빌드한 파일을 electron index.html 에 있는 곳에 넣는다. 4. npm start 로 앱을 시작해본다. 5. npm install electron-packager --save-dev   로 패키징을 한다. package.json 파일 에 빌드를 추가한다. "scripts": { "start": "electron .", "build": "electron-packager . ElectronPJ" }, 6. npm run build 으로 빌드한다. 7. 그럼 프로젝트 경로에 ElectronPJ-win32-x64 이름으로 폴더가 생성되고 ElectronPJ.exe 를 클릭하면 실행된다. +  웹서버에 올려서 웹으로 동작하게 할건지 앱으로 동작하게 할건지는 일단 고민중.. 아직 추가 작업을 해야한다. 퍼블리싱 작업할때 찾는 사이트라던지 문서라던지 통합으로 쉽게 접근할 수 있게끔.. 우선 태그 리스트작업, 대문자 소문자 변경만 추가...