웹 데이터 읽기 – 일렉트론

여러 가지 방법을 사용하여 웹 데이터를 읽고 있다. 이번에는 일렉트론을 사용하여 서울의 기온을 읽는 방법을 시도하겠다.

일렉트론 설치

일렉트론을 사용하기 위해서는 설치가 필요하다.

$ npm install -g electron

그리고 예제 파일이 필요하다.

$ git clone https://github.com/electron/electron-quick-start
$ cd electron-quick-start

이 예제 파일에서는 main.js 만 사용할 예정이다. 디렉토리를 하나 만든 후에 복사하자.

$ mkdir -p /src/ele
$ cp main.js /src/ele
$ cd /src/ele

코드 재 사용

크롬 확장을 사용한 방법에서 사용한 아래 파일을 재 사용하겠다.

  • manifest.json
  • popup.html
  • popup.js

이 파일들을 /src/ele에 복사하고 manifest.json 의 이름을 package.json 으로 변경한다.

$ mv manifest.json package.json

package.json 파일에서 name, description, version 속성을 남기고 나머지는 지운다. 그리고 아래처럼 main 속성을 추가한다.

{
    "name": "Reading Web Data Example",
    "description": "This extension shows a current temperature of the seoul",
    "version": "1.0",
    "main": "main.js"
}

main.js 파일안에 index.html 파일 읽어들이는 부분을 popup.html 파일로 변경하자.

$ tree
.
├── main.js
├── package.json
├── popup.html
└── popup.js

0 directories, 4 files

이제 아래 명령으로 서울의 현재 기온을 볼 수 있다. 전체 코드를 확인할 수 있다.

$ electron .

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중

This site uses Akismet to reduce spam. Learn how your comment data is processed.