컵들
도서 검색 크롬 확장프로그램 만들기 - 7. 크롬 확장프로그램 만들기
일단 현 수준으로 익스텐션까지 만들기로 하고 구글 형님에게 방법을 물어봤다. 링크를 보니 역시 만드는 방법을 아주 친절하게 떠먹여주신다. https://developer.chrome.com/extensions/getstarted
- menifest.json ( 예제를 참고해서 작성 )
- png 파일 ( 확장프로그램 아이콘으로 쓸 png 파일)
- 확장프로그램버튼 누르면 띄울 html 페이지를 같은 위치에 넣고
chrome://extensions => 우측 상단 개발자 모드 체크 => 압축해제된 확장프로그램 로드 해서 위 3개파일 있는 곳을 지정해주면 끝.
그러나... 검색 결과를 누르면 php 소스가 그대로 출력된다. 왜일까. 브라우저에서의 동작과 Extension 에서의 동작이 차이가 나는 이유는 뭘까.
검색해보니 크롬 확장프로그램은 PHP 를 Interpret 할 수 없기 때문이라는데 깔끔하게 이해되지는 않는다. 크롬 브라우저는 잘 동작하는데 얘만 왜 그럴까.
안되는 이유 이해는 천천히 하기로 하고 크롬 익스텐션으로 구현할 다른 방법을 찾아봐야겠다.
'호기심, 관심사' 카테고리의 다른 글
| Youtube 의 반격 (0) | 2016.12.06 |
|---|---|
| 에버노트 노트 정렬 방법 (0) | 2016.12.05 |
| 도서 검색 크롬 확장프로그램 만들기 - 6. 검색결과 페이지 다듬기 (0) | 2016.12.01 |
| 도서 검색 크롬 확장프로그램 만들기 - 5. 중간 리뷰 (0) | 2016.11.29 |
| 도서 검색 크롬 확장프로그램 만들기 - 4. 검색결과 화면 (0) | 2016.11.27 |
모자
도서 검색 크롬 확장프로그램 만들기 - 6. 검색결과 페이지 다듬기
검색 결과 책 그림과 정보를 나란히 나오게 하고 그 사이를 선으로 구분해봤다.
아래 검색결과화면에서 책은 201개 이나 쿼리결과는 10개씩 받아오고 있다. 구글 검색했을때 아래에 나오는 페이지 이동 링크와 유사한 것을 만들어야겠다.
CSS 적용을 위해 상단 회색바탕은 <header>로, 검색결과가 많아 여러 페이지로 이동할 수 있는 링크를 숫자로 표시할 영역은 <footer>로 구분했다.
'호기심, 관심사' 카테고리의 다른 글
| 에버노트 노트 정렬 방법 (0) | 2016.12.05 |
|---|---|
| 도서 검색 크롬 확장프로그램 만들기 - 7. 크롬 확장프로그램 만들기 (0) | 2016.12.02 |
| 도서 검색 크롬 확장프로그램 만들기 - 5. 중간 리뷰 (0) | 2016.11.29 |
| 도서 검색 크롬 확장프로그램 만들기 - 4. 검색결과 화면 (0) | 2016.11.27 |
| 도서 검색 크롬 확장프로그램 만들기 - 3. 검색화면 (0) | 2016.11.25 |
레몬아이스티
오일의 공포
20세기 중반까지 중동에서는 석유를 몰랐다
'이런 책을 읽었다' 카테고리의 다른 글
| 사피엔스의 미래 (0) | 2016.12.10 |
|---|---|
| 격동하는 동북아, 한국의 책략 (0) | 2016.12.04 |
| 관저의 100시간 (0) | 2016.11.25 |
| 매일 15분 나만의 그림 한 끼 (0) | 2016.11.19 |
| 나는 왜 싫다는 말을 못 할까 (0) | 2016.11.08 |
조각 케익
중도상환수수료율 소동
대출 상환을 일부 하려다보니 어떤 대출을 먼저 갚는게 유리할지 따져봐야했다.
행복한 고민이 아닐수 없다. 유일하게 잔고 액수가 빠방한 통장들이니 말이다.
우선 이율이 제일 높은걸 골랐는데, 중도상환 수수료율이 몇프로였는지 기억이 안난다.
인터넷 뱅킹으로 보아도 중도상환수수료율은 나오지 않고..
대출서류가 회사 책상서랍에 있으니 오랜만에 사무실에 갔으나 ( 현재 난 휴직중.. )
자리는 물론이고 부근에도 서랍이 없는 것이다. 자리라도 아직 있는게 어디냐.
동료는 회의를 갔는지 연락도 안된다. 나중에 통화해보니
건물 이사를 하면서 내 서랍이 어디갔는지 모르겠다는 말뿐. 허허허. PC와 모니터도 잘 있을까?
어쨌든 해당 은행에 물어보려고 갔더니, 대기자가 나뿐이였음에도 40분을 더 기다려야했다.
슬슬 짜증이 몰려왔다. 대출서류를 못챙긴 내 잘못이지만 이것 하나 알자고 굳이 은행까지 찾아와서 대기해야하나.
차례가 되 창구에 직원에게 물어봤다. "중도상환수수료율은 인터넷뱅킹으로는 열람이 안되나요?".
"네. 저희 프로그램이 거기까지 지원을 못하니 내방하셔야 합니다. 아니면 차라리 대출지점에 전화를 하시지 그러셨어요".
속으로 "내가 그걸 알면 여기왔겠냐. 내가 서랍이... 됐다...",
직원 책상에 수북히 쌓인 수기서류 뭉치들을 보니 더 말하고 싶은 생각이 사라졌다.
"몇 프로인가요", " x% 입니다.", "수고하세요." 1분도 안걸려 은행을 나왔다.
주차장으로 오면서 "우리나라 금융이 문제야. 어서 빨리 규제를 철폐되고 핀테크가 발달해야 은행창구에 찾아올 일이 없지"
궁시렁 대다가 불현듯 생각이 들었다.
인터넷뱅킹에서 대출상환을 해보면 원금과 이자 그리고 중도수수료도 같이 뜨지 않을까.
오늘 깨달은 단순한 진리. 남탓 할 것 없다. 남탓할 시간있으면 미리 챙기거나 머리를 굴려야.
'일상 & Wanted' 카테고리의 다른 글
| 겨울 제주여행 - 1일차 (0) | 2016.12.11 |
|---|---|
| Endless swimming pool (0) | 2016.12.03 |
| 500 Piece Neuschwanstein Castle 퍼즐 (0) | 2016.11.28 |
| 습관은 무서워 (0) | 2016.11.21 |
| 오랜만에 삼청동 (0) | 2016.11.20 |
도서 검색 크롬 확장프로그램 만들기 - 5. 중간 리뷰
이 프로그램을 만드는 목적중 하나는 2번의 강의에서 배운 것들을 실습해보기 위함이다.
그러면 크게
- HTML, CSS, JavaScript 로 웹페이지 만들기
- PHP로 클라이언트 입력을 받아 처리하여 동적으로 결과를 보여주기
- PHP로 중복되는 HTML 페이지, 소스를 간소화하기
- MySQL DB 연동
- 크롬익스텐션 만들기
인데, 현재까지 적용못해본 것들이 CSS/JavaScript 와 DB 연동, 크롬익스텐션이다.
그리고 추가로 해보고 싶은것은 두가지
- GitHub 에 소스 올려놓고 작업해보기
- 다 만들면 AWS에 올려놓고 써보기
CSS/JavaScript 이용해서 일단 검색 결과페이지를 어떻게 해볼까.
아마존처럼 단을 나누고 Description 일부를 넣어보기로 한다.
그리고 MySQL DB 연동은 뭘로 할까... 고민중
마지막으로 확장프로그램을 만드는 것 자체는 특별히 문제될 것은 없어보이는데 만약 이걸 Public 하게 크롬스토어에 등록을 한다면 문제가 있다.
알라딘 도서 검색시 API내 개인이 신청한 TTB 값이 포함되는데, 내 TTB 키를 넣는다면 불특정 다수가 사용하게 된다는 점. 일 5천 쿼리가 넘어갈 수도 (진짜?) 있다는 점이 걸린다.
검색창이나 옵션으로 TTB 키를 입력받아서 쓰게끔 고쳐야겠다.
'호기심, 관심사' 카테고리의 다른 글
| 도서 검색 크롬 확장프로그램 만들기 - 7. 크롬 확장프로그램 만들기 (0) | 2016.12.02 |
|---|---|
| 도서 검색 크롬 확장프로그램 만들기 - 6. 검색결과 페이지 다듬기 (0) | 2016.12.01 |
| 도서 검색 크롬 확장프로그램 만들기 - 4. 검색결과 화면 (0) | 2016.11.27 |
| 도서 검색 크롬 확장프로그램 만들기 - 3. 검색화면 (0) | 2016.11.25 |
| 도서 검색 크롬 확장프로그램 만들기 - 2. 알라딘 API 사 (0) | 2016.11.24 |
500 Piece Neuschwanstein Castle 퍼즐
주말에 아이와 퍼즐을 맞추며 놀다가 500피스짜리가 있길래 시도해봤다. 당연히 중간중간 할일도 하고 외출도 하면서 했다. 시작하고 20분이 지나자 와이프와 애는 떠나고 나홀로 퍼즐과 씨름했다. 이튿날엔 적당히 좀 하라는 와이프랑 아이의 핀잔을 들어가면서 결국 토요일 오후부터 시작해 일요일 저녁에 완성했다.
수백조각의 퍼즐을 맞추는건 거의 중노동에 가깝다. 최소 수시간 투자할 여력이 없다면 하지 말라고 조언해주고 싶다. 그만 할까 하다가도 이상한 오기가 발동한 나머지 매몰비용의 딜레마에 빠진 내 모습을 발견할 수 있었다. 하지만 중간중간 고비를 넘어가며 요령도 생겼고 마치고 보니 성취감도 느껴서인지 결과적으로는 시간이 아깝지는 않았다.
나름 느낀 개똥철학을 설파해보자면
- 퍼즐도 어려운 부분과 쉬운 부분이 있다.
: 쉬운건 아무나 다 한다. 사회도 그렇듯 어려운 부분을 해내는 사람이 실력자고 필요한 사람이다. 이 퍼즐에서 가장 쉬운 부분은 성이다. 피스간 구별이 쉽지 않고 전체에서 위치가 어디인지 파악이 어려운 산, 구름, 특히 숲쪽 애들이 어려웠다.
- 시작하기전 먼저 완성할 파트 순서나 사람을 정하고 파트에 맞는 피스들을 분류하고 시작해야.
: 무턱대고 피스부터 잡아가며 놓기 시작하면 여기저기 작업이 산발되 집중이 안되고 진행도 더디다. 셋이 처음에 할 때 각자 하고 싶은 부분을 한답시고 퍼즐찾는 손도 엉키고 그나마 판에 놓은 퍼즐도 흔들리며 아수라장이였다. 성, 하늘과 산, 아래 숲 세 파트로 나눠 피스들 분리하고 시작하니 그제서야 진전이 생겼다.
- 안되면 다른 곳으로 넘어가라.
: 안되는거 억지로 붙잡고 있어봤자 계속 안된다. 그럴땐 Zoom out 해서 조망도 해보고 조금 떨어진 곳이나 다른 부분을 맞춰야 한다. 그러면서 빈곳이 좁혀지면서 자연스레 막혔던 부분이 쉽게 풀린다. 나머지 리스크나 경우의 수가 줄어드는 효과는 의외로 크다.
- 막히면 쉬어라.
: 하다보니 엎드려서 되니 눈도 아프고 팔도 아프다. 내가 이러려고 퍼즐했나 생각이 들면 쉬어야 한다. 일할 때도 마찬가지.
- 가끔 주변에 조언을 구해라.
: 내가 못보는 영역을 보고 해법이나 단서를 툭하니 던져줄때가 있다. 아직도 낑낑대고 있나하며 중간에 와이프나 애가 지나가며 한두개씩 맞춰주고 갈때는 눈물나게 고마웠다.
- 때로는 눈딱감고 몸빵하는 자세도 필요하다.
: 성 좌우에 있는 숲 가운데 부분이 문제였는데, 도저히 진도가 안나가 피스를 하나하나 방향을 돌려가대며 맞춰볼수 밖에 없었다. 장고끝에 바둑돌을 던지는 심정으로 피스를 던져버릴까 했지만 선택이 없었다. 이렇게 까지는 하기 싫어서 그런거지 결국은 찾을 수 있는
유일한 방법이었다. 마음을 내려놓고 음악을 들으며 하니 오히려 마음도 편했고 고민하며 하는 것이 비해 진행이 오히려 빨랐다.
- 부분 부분 작은 성공이 이어져 완성에 이른다.
: 원대한 꿈, 구호만 외쳐봤자. 뜬구름이고 와닿지도 않는다. 전체 완성사진을 보며 저거 언제 어떻게 하냐 괴리감만 느끼기보다는 할 수 있는 작은 부분을 찾아 하는게 낫다. 이것이 반복되면 자신감, 숙련도, 끈기가 높아져 사람의 맨파워(근육과 두뇌)가 업그레이드되고 끝까지 할 수 있는 능력이 남들보다 강해지는게 아닐까.
한편 지금 다른 퍼즐을 찾고 있다. 장르, 피스수도 다양하고 다행이 종이라 가격은 착하다. 이번엔 이걸로 한번..
'일상 & Wanted' 카테고리의 다른 글
| Endless swimming pool (0) | 2016.12.03 |
|---|---|
| 중도상환수수료율 소동 (0) | 2016.11.29 |
| 습관은 무서워 (0) | 2016.11.21 |
| 오랜만에 삼청동 (0) | 2016.11.20 |
| 마운틴뷰를 자랑하는 스타벅스 (0) | 2016.11.16 |
고양이 인형
도서 검색 크롬 확장프로그램 만들기 - 4. 검색결과 화면
- 검색을 누르면 form action 으로 지정된 php 에서 라디오 버튼 선택값과 검색어를 받는다.
- URL 쿼리중 가변부분인 query 와 QueryType 만 변수로 받아 쿼리 스트링을 만들어 검색결과 xml을 리터받는다.
$finalquery = http://www.aladin.co.kr/ttb/api/ItemSearch.aspx?ttbkey=typeyourttbkeyhere&query=%EA%B9%80%EC%B6%A9%EC%9B%90&QueryType=Author&MaxResults=10&start=1&SearchTarget=Book&output=xml&Version=20070901&Cover=Big ;
$xmlresult = simplexml_load_file($finalquery);
3. 검색결과 xml 파일을 받아 사용할 항목을 골라내고
4. item id = .... 항목이 책 정보가 들어있으므로 loop 를 돌며 필요한 정보를 가져와 뿌린다. 책 제목과 커버이미지에는 알라딘의 해당 책 페이지로 갈 수 있게 링크를 걸어준다.
-
5. 일단 아래와 같이 표시.
'호기심, 관심사' 카테고리의 다른 글
| 도서 검색 크롬 확장프로그램 만들기 - 6. 검색결과 페이지 다듬기 (0) | 2016.12.01 |
|---|---|
| 도서 검색 크롬 확장프로그램 만들기 - 5. 중간 리뷰 (0) | 2016.11.29 |
| 도서 검색 크롬 확장프로그램 만들기 - 3. 검색화면 (0) | 2016.11.25 |
| 도서 검색 크롬 확장프로그램 만들기 - 2. 알라딘 API 사 (0) | 2016.11.24 |
| 도서 검색 크롬 확장프로그램 만들기 - 1. 시작 (0) | 2016.11.23 |
탁자 위
관저의 100시간
'이런 책을 읽었다' 카테고리의 다른 글
| 격동하는 동북아, 한국의 책략 (0) | 2016.12.04 |
|---|---|
| 오일의 공포 (0) | 2016.11.30 |
| 매일 15분 나만의 그림 한 끼 (0) | 2016.11.19 |
| 나는 왜 싫다는 말을 못 할까 (0) | 2016.11.08 |
| 아시아의 힘 (0) | 2016.11.03 |
도서 검색 크롬 확장프로그램 만들기 - 3. 검색화면
처음엔 입력폼과 검색 버튼만 만들었다가 쿼리상 입력옵션(제목,저자,출판사,아무거나다)만큼 라디오 버튼으로 선택하게 고쳤다.
라디오 버튼중 기본체크는 checked 라는 속성을 주면 되는데, 라디오 버튼 넷중 하나를 선택하면 기존 선택된게 해제가 되야되는데 안되는 것이다.
찾아보니 라디오 버튼 속성중 name 을 동일하게 주니 해결.
Subtmit 버튼을 누르면 php 에서 입력값을 받아 검색결과처리할 예정.
'호기심, 관심사' 카테고리의 다른 글
| 도서 검색 크롬 확장프로그램 만들기 - 5. 중간 리뷰 (0) | 2016.11.29 |
|---|---|
| 도서 검색 크롬 확장프로그램 만들기 - 4. 검색결과 화면 (0) | 2016.11.27 |
| 도서 검색 크롬 확장프로그램 만들기 - 2. 알라딘 API 사 (0) | 2016.11.24 |
| 도서 검색 크롬 확장프로그램 만들기 - 1. 시작 (0) | 2016.11.23 |
| 로지텍 K480 블루투스 키보드 사용기 (0) | 2016.11.21 |
