node.js 썸네일형 리스트형 pdf 변환작업을 마치며. 이번 프로젝트로 highchart를 서버에서 렌더링해서 pdf로 변환하는 작업을 하게되었다. 거의 마무리 단계라 간략한 소감을 적어봐야겠다.서버 expressjs유틸리티:highchart,phantomjs,wkhtmltopdf expressjs야 워낙 유명하니까 장단점은 논외로 하고 wkhtmltopdf와 highchart를 적어봐야겟다. wkhtmltopdf:1.최고다 2.딴말이 필요없이 html자체를 pdf로 변환할땐 이만한 도구가 없는듯하다.3.단점을 찾기 어렵다.(html 만들어두고 옵션을 넣어서 변환하면 페이징까지 되니 정말 최고의 툴인듯.) highchart:js로 되어있어서 클라이언트단과 코드를 맞추기 위해서 node를 선택하였다.highchart의 서버 렌더링으로 phantomjs를 사용하.. 더보기 wiredep : node의 유용한 플러그인 웹을 개발할때 gulp 또는 grunt로 개발하는 사람에게 유용한 팁!!!!!!!!!!!!!!!!!!!1 라이브러리는 보통 bower를 이용해서 관리할것이다. 그럼 bower등이 bower_components에 다운 받아질것이다. 그럼 다운된 이것들을 어떻게 index.html에 집어 넣을것인가?????? wiredep을 몰랐을땐 수동으로 직접 때려넣었다. 하지만 wiredep의 도움을 받아보자. 현재 gulp로 사용하고 있기때문에 gulpfile.js 먼저 살펴보자. 끝~~ 이걸로 모든 설정이 끝났다. 실행하기 정말 유용한 플러그인이다.개발할때 자동으로 dependency를 체크해서 js,css를 넣어주다니 ^^ 신세계다. 참.bower에서 devDependencies에 넣지 말고 dependencie.. 더보기 asset 관리 php,jsp,asp 등 개발을 하면 asset을 관리하기가 힘이든다. public안의 소스가 소스저장소에 같이 들어가기 때문에 버젼 관리가 힘이든다. 그래서 gulp를 이용해서 버젼관리가 되도록 구성하였다. dist 폴더로 복사하도록 구성하였다. 이를 각각의 언어에 맞도록 구성하면된다. 개발할땐 asset안에 gulp를 실행하면된다. https://github.com/choiks14/asset config.json에 실행폴더를 변경해주면 된다. 더보기 node.js로 웹 스크래핑 하기(2) -cheerio 간단히 오늘의 유머 게시판을 스크래핑해보는 소스를 구현해보자. https://github.com/choiks14/scrap_ou 오유는 userAgent가 없다면 데이타를 주지 않는다. 그래서 임의의 userAgent를 준다.그리고 레퍼러도 같이 준다. 소스의 css 는 크롬의 Copy CSS path를 해주면 된다.하지만 css path는 딱 그 엘리먼트만 가져오기 때문에 리스트를 가져올려면 css를 약간 손보면 된다.tbody라든지 nth를 지워주면 된다. 그리고 node index.js를 해주면 링크가 나온다.이것을 조금만 응용한다면 rss가 없는 게시판의 rss를 만들수도 있다. 다음편에서 실제 프로젝트에서 사용하고 있는 스크래핑을 살펴 보도록 하자. 더보기 node.js로 웹 스크래핑 하기(1) -cheerio 웹을 스크래핑 하는 방법은 여러가지가 있다. 수많은 언어에서 html을 파싱해서 스크랩하는 방법이 있다.지금은 실제 프로젝트에서 사용한 node.js의 cheerio를 이용해서 파싱하는 방법을 알아보자. 첫번째로 node.js를 설치하자.http://www.nodejs.org/ 각자의 운영체제에 맞는것을 설치하자. 저는 맥을 이용해서 하도록 하겠습니다.운영체제별로 거의 차이가 나지 않습니다. node.js가 설치되었다면 패키지 매니져인 npm도 같이 설치 되었을것이다.확인하자. 1.빈 프로젝트 생성mkdir testcd testnpm init여러가지를 물어보는데 디폴트 값으로 사용하면 된다. 2.cheerio 설치npm install cheerio --save디펜던시를 추가해주면 앞으로 npm updat.. 더보기 이전 1 다음
