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