방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com Node.js51 일렉트론 시작 - 5 (Electron study, dialog, 알림창 띄우기) 일렉트론을 하다보면 간단하게 alert 또는 confirm 기능을 사용해야되는 경우가 생깁니다. 이럴때는 javascript에서 하는 것 처럼 html에 코딩하게되면...input type text 부분이 먹통이 되어버리는 경우가 발생 합니다. 아래 샘플코드를 예를들어 설명 하면, 요런코드가 있다고 가정하여보자. 전혀 어렵지 않는 코드 입니다. 단순하게 input type text에 있는 값을 저장하는 모습 입니다. 그런데..이런식으로 confirm이나 alert을 사용하게 되면 input type text가 읽기전용(readonly)처럼 변해 버립니다. 다시 말해 클릭도 안되고 입력도 안되는 현상이 되어 버립니다. 그래서 이러한 confirm이나 alert을 자바스크립트의 UI로 구성하지 않고 시스템에.. 2020. 1. 14. 일렉트론 시작 - 4 (Electron study, 샘플코드) 어느정도 조회, 등록, 수정, 삭제 기능을 만들어 놓구선 빌드를 해 보았습니다. 그런데 예상치 못한 문제가 발생 하였는데..바로 경.로.문.제... sqlite의 기반이므로 db파일이 없으면 만들어야하는데..자꾸 appData에 만들거나 tmp 디렉토리에 만드는 것 이었습니다. 내가 실행되는 현 상태의 경로를 찾으려면 여러방법이 있지만 가장쉬운건.. npm install electron-root-path 해당 모듈을 설치하는 것 입니다. 사용법은 매우 직관적입니다. const rootPath = require('electron-root-path').rootPath; 저거 한줄이 끝입니다. 저렇게 하면 실행중인 일렉트론 파일의 현 위치가 보여지게 됩니다. 물론!! 다른 방법도 있지만 해당 방법들은 개발환경.. 2020. 1. 3. 일렉트론 시작 - 3 (Electron study, Sqlite와의 연동) 어느정도 기초틀이 이루어진 상태에서 sqlite를 활용해서 데이터를 한번 넣어보고 가져오기위한 작업을 진행 하였습니다. 데이터베이스 접속하는 커넥션 함수, 저장함수, 가져오기 함수 등 총 3가지로 나누었고, 해당 기능을 순차적으로 동작 시켜 보았습니다. main.js에다가 해당 함수를 호출하는 방식으로 사용 하였습니다. const sqlite3 = require('sqlite3').verbose(); //데이터베이스 관련된 초기 기능 let isConn = false; let db = new sqlite3.Database('./db/my.db', sqlite3.OPEN_READWRITE, (err) => { if (err) { console.error(err.message); } else { consol.. 2020. 1. 2. 일렉트론 시작 - 2 (Electron study, 기초 사용법) 데이터베이스에 접속하는 방법과 그리고 네이티브js파일에 접근하는 방법에 대해서 살펴 보려고 합니다. 네이티브js라는 것은 일렉트론을 실행해주는, 백그라운드에서 동작하는 js파일을 의미 합니다.(main.js같은) 제이쿼리, 부트스트랩같은 화면을 구성하는데 사용하는 js파일이 아니라, 데이터베이스에 연결해주거나 각종 설정과 같은 내용을 실행해주는 파일이라고 볼 수 있습니다. 왜 접근하려고 하냐면.. 사용자가 html에서 데이터베이스에 등록, 수정, 삭제를 하려고 하면 해당 명령을 웹 -> 네이티브js로 전달을 해 주어야 하기 때문 입니다. 결국 일렉트론은 2가지 Javascript 파일로 이루어 져 있다고 볼 수 있습니다. 1. html에서 사용하는 화면 구성용 Javascript 파일(*.js) 1. 어.. 2019. 12. 23. 일렉트론 시작 - 1 (Electron study, 환경구성 그리고 빌드) 네이티브앱을 개발하기 위해서 나온 일렉트론은 소위 자바스크립트로 일반 앱을 만드는 프로그램입니다. Javascript(Node.js) 기반으로 되어 있어서 사용하기가 그렇게 어럽지 않습니다. 즉, Javascript로 응용프로그램을 쉽게 만들 수 있습니다! 가장 처음으로 Node.js를 설치해야 합니다! Node.js에 대해서 전혀 모른다면 Javascript와 Node.js 및 npm이 무엇인지, 어떻게 개발환경을 구성하여 사용하는지를 먼저 어느정도 익힌 다음에 따라하여 보세요. * 개발환경 - 윈도우10 - 비주얼 스튜디오 코드 * 설치 : https://lts0606.tistory.com/207 - Node.js * 설치방법 : https://lts0606.tistory.com/187 아래 단계에 .. 2019. 12. 20. Nodejs http client, NodeJs Http 클라이언트, 노드JS Http 요청 Nodejs를 활용해서 백그라운드에서 특정 주소로 요청하는 방법은 http 모듈을 설치하여도 되지만, request 모듈이 조금 더 사용하기가 쉽고 편리하다. 아래 명령어를 통해서 request 모듈을 설치하자. npm install request 정말 단순하게 특정 사이트에서 데이터를 가져오려면 읽어온 모듈에 주소, 콜백 함수를 넣어주면 된다. const request = require('request'); request('https://www.naver.com', (error, response, body) => { console.log('simple error:', error); console.log('simple statusCode:', response && response.statusCode); .. 2019. 11. 12. 이전 1 ··· 3 4 5 6 7 8 9 다음
