![]()
Puppeteer는 Chrome이나 Chromium을 컨트롤할 수 있게 돕는 Node 라이브러리다. 기본적으로 *Headless 모드로 실행된다. SPA 크롤링, 테스트 자동화 등에 유용하게 사용할 수 있다. *Headless 모드 : 가시적인 화면 없이 동작하는 모드 puppeteer을 활용하여 캠핑장 예약 매크로 프로그램을 작성해보았다. (간단하게 만든 캠핑장 예약 페이지에서 실행해보니 잘 작동된다.) - Node.js는 설치가 되어있다는 가정 하에 진행한다. 프로젝트 폴더에 puppeteer을 설치해준다. npm i puppeteer #설치 프로젝트 폴더 내에 js 파일을 생성한 후 코드를 작성해준다. const puppeteer = require('puppeteer'); (async () => {..
![]()
[ 방법 ] 1. 스킨편집-CSS파일에서 사이즈를 직접 수정해준다. 2. 적용된 기본 CSS에 썸네일 이미지를 맞춰서 제작한다. 1번 방법처럼 CSS파일의 썸네일 사이즈를 직접 수정해도 되겠지만! 썸네일 사이즈를 변경하면, 다른 CSS가 깨질 가능성도 있겠다 싶어서 "안전하게" 2번 방법을 선택했다. (꾸깃꾸깃) 먼저 크롬 개발자 도구로 썸네일 사이즈를 확인해보았다. (북클럽 스킨 기준) 썸네일 고유 크기는 230X300px으로 확인된다. 표시되는 크기는 230X140px이다. 썸네일 이미지는 230x300px로 제작하자!
![]()
블로그 상단의 커버 이미지 (=홈 프로모션)을 적용해보자. 홈 프로모션 이미지 기본 사이즈는 1920 X 340 이다. (북클럽 스킨 기준) 먼저 블로그 관리 페이지에 들어간다. 좌측 꾸미기 메뉴 > 스킨 편집 우측 홈 프로모션 > 커버 이미지를 업로드해준다. 이미지 외에도 문구, 문구의 색상, URL 등을 지정해 줄 수 있다. 좌측(적용된 화면)과 우측(지정 내용)을 비교해보자. 바로가기 클릭 시 지정한 URL으로 이동한다.
