도서 검색 크롬 확장프로그램 만들기 - 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 |
도서 검색 크롬 확장프로그램 만들기 - 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 |
