casper.js를 이용한 날씨프로그램

이번시간엔 casper.js를 이용한 날씨프로그램에 대해 포스팅해보려고한다. 사실 이건 내가 개발한건 아니고 친구가 개발한건데 공부해보려고 따라해본거였는데 생각했던거보다 고생 많이했다. 지금도 만드는과정 머릿속에 있을만큼 많이 지우고 다시하고를 반복했다. 그리고 이건 맥북기준이니 참고바란다.

1. 먼저 터미널쪽으로 가서 다음과 같이 명령어를치고 다운로드해준다.

• brew install phantomjs
• brew install casperjs

다음으로 Desktop 경로에서 아래와 같이 폴더를 create 한다.

1. Desktop/자동화
2. Desktop/자동화/날씨
3. Desktop/자동화/자동화코드
4. Desktop/자동화/자동화프로그램

나같은경우는 usrs/desktop/자동화쪽 경로를 설정해서 날씨, 자동화코드, 자동화프로그램에 대한 폴더를 만들어줬다.

2. 다음으로 코드를 작성해준다. 파일명은 CaptureWeather.js로 설정해주고 자동화코드 폴더쪽으로 저장해준다.

var casper = require(‘casper’).create({
    verbose: true,
    loglevel: ‘debug’,
    viewportSize: {
        width: 1024,
        height: 768
    }
});

casper.echo(“Casper started”);

casper.start(“http://weather.naver.com/rgn/cityWetrMain.nhn“);

casper.then(function() {

    this.captureSelector(‘/Users/사용자이름(변경하세요)/Desktop/
자동화/날씨/금일전국날씨.png’, ‘#content’);

});

casper.run();

경로는 본인컴퓨터에 맞게 알아서 설정해주면 된다. 

2. 이번에는 CaptureWeekWeather.js 파일명으로 저장하고 이역시 자동화코드 폴더안으로 경로를 지정해주고 다음과 같이 코딩한다.

var casper = require('casper').create({
    verbose: true,
    loglevel: 'debug',
    viewportSize: {
        width: 1024,\
        height: 768
    }
});

casper.echo("Casper started");

casper.start("http://weather.naver.com/period/weeklyFcast.nhn");

casper.then(function() {
    this.captureSelector('/Users/사용자이름(변경하세요)/Desktop/자동화/

    날씨/주간전국날씨.png', '#content');
});

casper.run();

3. 이번엔 myAutoProgram.sh라는 파일명으로 자동화프로그램 폴더로 저장하고 다음과 같이 코딩한다.

#!/bin/bash

echo 귀찮은 작업을 자동으로 처리합니다...
echo
echo 1. 대한민국 전국 날씨정보를 png 그림파일로 저장합니다.
echo

( exec casperjs /Users/사용자이름(변경하세요)/Desktop/자동화/자동화코드/

  CaptureWeather.js )

( exec casperjs /Users/사용자이름(변경하세요)/Desktop/자동화/자동화코드/
  CaptureWeekWeather.js )

exit 0

이런식으로 3개를 직접 코딩해주면 된다. 이제 다음은 이 프로그램들을 실행시키는 과정이다.

4. 프로그램의 실행 과정

 ‘myAutoProgram.sh’을 실행 가능한 파일로 변경해야 한다.

터미널을 실행하고 ‘Desktop/자동화/자동화프로그램’ 경로로 이동한다.

이제 아래 명령어를 사용하면 끝난다.

• chmod +x myAutoProgram.sh

myAutoprogram.sh 파일을 실행시켜 보자.

‘Desktop/자동화/날씨’ 경로에

• 금일전국날씨.png
• 주간전국날씨.png

이런식으로 화면이 나오면 성공이다. 자동화프로그램을 이용해서 날씨를 이렇게 편하게 바로 볼 수가 있다. 자동화프로그램이 실행될때마다 업데이트가 바로바로 되기때문에 구지 인터넷들어가서 찾아보지 않아도 이렇게 편리하게 날씨프로그램을 볼 수가있다. 다음번에도 자동화프로그램을 이용해서 어떤걸 개발해볼지 조금 더 생각해봐야 할것같다.