Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

[크롬 익스텐션 Tutorial] GET, POST 방식 호출하기

이번에 웹툰 뷰어 크롬 익스텐션을 만들면서, 가장 중요한 것은 서버의 데이터를 가져와서 뿌리는 부분이었다. 여기서는 간단하게 이미지만 출력하는 부분을 구현하였다. html, js, json을 만들어내는 php 3가지가 필요하다.

html

js

json

php는 DB끌어와서 json 만들어내는 부분 밖에 없으니, 코드는 생략하고 결과물인 json만 첨부하였다.

GET 방식으로 호출하는 부분과 POST 방식으로 호출하는 부분은 약간 차이가 있는데,
POST 방식으로 호출할 때는 아래와 같이 헤더를 설정해줘야 한다.

외부 서버와 통신하기 위해서는 manifest 파일에서 permission에 연결하고자 하는 사이트의 URL을 적어줘야 한다. 여기서는 이렇게 설정했다.

크롬 익스텐션은 자바 스크립트에 익숙한 사람이라면 쉽게 만들 수 있을 것 같아서, 이쪽도 아이디어를 잘 생각해보면 만들 수 있는 것이 많을 것 같다.