Plugin/Chrome/네이버사전 - Revision history

Maintenance script: Repair batch-0003 pages from live compare

2026-03-27T00:29:04Z

Repair batch-0003 pages from live compare

← Older revision		Revision as of 00:29, 27 March 2026
Line 10:		Line 10:

	= 필요 기술 =		= 필요 기술 =
	* [[HTML]]		* HTML
	* [[CSS]]		* [[CSS]]
	* [javascript]		* [javascript]
Line 85:		Line 85:
	var photos = req.responseXML.getElementsByTagName("photo");		var photos = req.responseXML.getElementsByTagName("photo");

	for (var i = 0, photo; photo = photos[i]; i++) {		for (var i = 0, photo; photo = photos[i]; i++) {
	var img = document.createElement("image");		var img = document.createElement("image");
	img.src = constructImageURL(photo);		img.src = constructImageURL(photo);
Line 143:		Line 143:
	"default_popup": "popup.html"		"default_popup": "popup.html"
	},		},
	"permissions": [		"permissions": [
	"http://api.flickr.com/"		"http://api.flickr.com/"
	]		]
	}		}

Line 208:		Line 208:
	"version" : "1.1",		"version" : "1.1",
	"description" : "A trivial usage example.",		"description" : "A trivial usage example.",
	"permissions": [		"permissions": [
	"browsingData"		"browsingData"

	],		],
	"browser_action": {		"browser_action": {
	"default_icon": "icon.png",		"default_icon": "icon.png",
Line 234:		Line 234:
	* 그래서.. 샘플코드를 찾고 permission을 찾다가 manifest.json파일에서 background를 설정하는것을 찾았다		* 그래서.. 샘플코드를 찾고 permission을 찾다가 manifest.json파일에서 background를 설정하는것을 찾았다

	"background": { "scripts": ["background.js"] },		"background": { "scripts": ["background.js"] },
	"permissions": [		"permissions": [
	"tabs", "http:///"		"tabs", "http:///"
	],		],
	조금더 찾아보자		조금더 찾아보자

Line 243:		Line 243:
	-----------------------------------		-----------------------------------
	[[2012년활동지도]]		[[2012년활동지도]]

imported>zeldababo at 11:19, 4 July 2012

2012-07-04T11:19:47Z

← Older revision		Revision as of 11:19, 4 July 2012
Line 8:		Line 8:

	* 크롬은 아시다시피 Plug-in을 설치할수 있다 extension program이라고도 하는것 같은데 뭐 쉽게 만들수 있는것 같다. 논문을 살펴보는데 사전기능을 쓰기위해 마우스를 올렸지만 실행이 되지 않았다.. 화난다=ㅂ= 그래서 살짝 살펴보니 .json확장자도 보이는것 같지만 문법도 간단하고 CSS와 HTML. DOM형식의 문서구조도 파악하고 있으니 어렵지 않을것 같았다. 그래서 간단히 네이버 링크를 긁어와 HTML element분석을 통해 Naver사전을 하는 Plug-in을 만들어볼까 한다.		* 크롬은 아시다시피 Plug-in을 설치할수 있다 extension program이라고도 하는것 같은데 뭐 쉽게 만들수 있는것 같다. 논문을 살펴보는데 사전기능을 쓰기위해 마우스를 올렸지만 실행이 되지 않았다.. 화난다=ㅂ= 그래서 살짝 살펴보니 .json확장자도 보이는것 같지만 문법도 간단하고 CSS와 HTML. DOM형식의 문서구조도 파악하고 있으니 어렵지 않을것 같았다. 그래서 간단히 네이버 링크를 긁어와 HTML element분석을 통해 Naver사전을 하는 Plug-in을 만들어볼까 한다.

			= 필요 기술 =
			* [[HTML]]
			* [[CSS]]
			* [javascript]

	= 프로그램 일지 =		= 프로그램 일지 =

imported>zeldababo at 11:18, 4 July 2012

2012-07-04T11:18:53Z

← Older revision		Revision as of 11:18, 4 July 2012
Line 219:		Line 219:
	* 링크 : http://code.google.com/chrome/extensions/contentSecurityPolicy.html		* 링크 : http://code.google.com/chrome/extensions/contentSecurityPolicy.html

	* inline script를 cross script attack을 방지하기 위해 html과 contents를 분리 시킨다고 써있다. 이 말에 따르면 inline으로 작성되어서 돌아가는 javascript는 모두 .js파일로 빼서 만들어야한다.		* inline script를 cross script attack을 방지하기 위해 html과 contents를 분리 시킨다고 써있다. 이 규정에 따르면 inline으로 작성되어서 돌아가는 javascript는 모두 .js파일로 빼서 만들어야한다.
	<div OnClick="func()">		<div OnClick="func()">
	와 같은 html 태그안의 inline 이벤트 attach도 안되기 때문에 document의 쿼리를 날리던가 element를 찾아서 document.addEventListener 함수를 통해 event를 받아 function이 연결되게 해야한다. 아 이거 힘드네. 라는 생각이 들었다.		와 같은 html 태그안의 inline 이벤트 attach도 안되기 때문에 document의 쿼리를 날리던가 element를 찾아서 document.addEventListener 함수를 통해 event를 받아 function이 연결되게 해야한다. 아 이거 힘드네. 라는 생각이 들었다.

imported>zeldababo at 11:17, 4 July 2012

2012-07-04T11:17:50Z

← Older revision		Revision as of 11:17, 4 July 2012
Line 17:		Line 17:
	## Tutorial (getstarted) with fileset(manifest.json,.js,.html)		## Tutorial (getstarted) with fileset(manifest.json,.js,.html)
	## manifest.json의 attribute.		## manifest.json의 attribute.
			## Contents policy security. 확장기능 작성하는데 꼭 알아야하는 작성법
	== 처음 시작해보자 ==		== 처음 시작해보자 ==

imported>zeldababo at 11:17, 4 July 2012

2012-07-04T11:17:01Z

← Older revision		Revision as of 11:17, 4 July 2012
Line 11:		Line 11:
	= 프로그램 일지 =		= 프로그램 일지 =

	== 중요하다고 생각하는 것 ==		== 꼭 봐야하는 중요하다고 생각하는 것 ==

	* Chrome extention overview		* Chrome extention overview

imported>zeldababo at 11:16, 4 July 2012

2012-07-04T11:16:49Z

← Older revision		Revision as of 11:16, 4 July 2012
Line 11:		Line 11:
	= 프로그램 일지 =		= 프로그램 일지 =

			== 중요하다고 생각하는 것 ==

			* Chrome extention overview
			## Overview
			## Tutorial (getstarted) with fileset(manifest.json,.js,.html)
			## manifest.json의 attribute.
	== 처음 시작해보자 ==		== 처음 시작해보자 ==

imported>zeldababo at 11:12, 4 July 2012

2012-07-04T11:12:54Z

← Older revision		Revision as of 11:12, 4 July 2012
Line 212:		Line 212:
	* 링크 : http://code.google.com/chrome/extensions/contentSecurityPolicy.html		* 링크 : http://code.google.com/chrome/extensions/contentSecurityPolicy.html

	* inline script를 cross script attack을 방지하기 위해 html과 contents를 분리 시킨다고 써있다. 이 말에 따르면 inline으로 작성되어서 돌아가는 javascript는 모두 .js파일로 빼서 만들어야한다. <div OnClick="func()">와 같은 html 태그안의 inline 이벤트 attach도 안되기 때문에 document의 쿼리를 날리던가 element를 찾아서 document.addEventListener 함수를 통해 event를 받아 function이 연결되게 해야한다. 아 이거 힘드네. 라는 생각이 들었다.		* inline script를 cross script attack을 방지하기 위해 html과 contents를 분리 시킨다고 써있다. 이 말에 따르면 inline으로 작성되어서 돌아가는 javascript는 모두 .js파일로 빼서 만들어야한다.
			<div OnClick="func()">
			와 같은 html 태그안의 inline 이벤트 attach도 안되기 때문에 document의 쿼리를 날리던가 element를 찾아서 document.addEventListener 함수를 통해 event를 받아 function이 연결되게 해야한다. 아 이거 힘드네. 라는 생각이 들었다.

	== 헤메는 것 ==		== 헤메는 것 ==

imported>zeldababo at 11:12, 4 July 2012

2012-07-04T11:12:17Z

← Older revision		Revision as of 11:12, 4 July 2012
Line 141:		Line 141:
	* 텍스트를 더블클릭하면 팝업이 자동열리면서 사전을 띄워줌 - 1순위		* 텍스트를 더블클릭하면 팝업이 자동열리면서 사전을 띄워줌 - 1순위

	=== 클릭하면 팝업창 띄우기 구현 ===		==== 클릭하면 팝업창 띄우기 구현 ====

	* window.open함수를 이용하여 body를 '''더블''' 클릭하면 새로운 팝업창을 띄운다.		* window.open함수를 이용하여 body를 '''더블''' 클릭하면 새로운 팝업창을 띄운다.

imported>zeldababo at 11:11, 4 July 2012

2012-07-04T11:11:56Z

← Older revision		Revision as of 11:11, 4 July 2012
Line 45:		Line 45:
	* 따라하다가 실수한점 : manifest.json파일을 menifest.json이라 해서 update가 안됨. json정의할때 다음 element를 위해 , 를 붙여야하는데 안붙여서 에러. 그렇지만 나머지는 복붙해서 잘 가져옴.		* 따라하다가 실수한점 : manifest.json파일을 menifest.json이라 해서 update가 안됨. json정의할때 다음 element를 위해 , 를 붙여야하는데 안붙여서 에러. 그렇지만 나머지는 복붙해서 잘 가져옴.

	=== 작성 예제 ===		==== 첫번째 작성 예제 ====

	* popup.js		* popup.js

imported>zeldababo at 11:11, 4 July 2012

2012-07-04T11:11:35Z

← Older revision		Revision as of 11:11, 4 July 2012
Line 189:		Line 189:
	=== Google Chrome extension Sample ===		=== Google Chrome extension Sample ===

			==== History 지워주는 extension ====
	* 충격과 공포다. 구글에서 제공해준 Sample이 잘못되있어서 한참을 해멨다.		* 충격과 공포다. 구글에서 제공해준 Sample이 잘못되있어서 한참을 해멨다.

Line 205:		Line 206:
	"manifest_version": 2		"manifest_version": 2
	}		}

			==== Contents policy security ====
			* '''이건 매우 강조되어야한다.'''

			* 링크 : http://code.google.com/chrome/extensions/contentSecurityPolicy.html

			* inline script를 cross script attack을 방지하기 위해 html과 contents를 분리 시킨다고 써있다. 이 말에 따르면 inline으로 작성되어서 돌아가는 javascript는 모두 .js파일로 빼서 만들어야한다. <div OnClick="func()">와 같은 html 태그안의 inline 이벤트 attach도 안되기 때문에 document의 쿼리를 날리던가 element를 찾아서 document.addEventListener 함수를 통해 event를 받아 function이 연결되게 해야한다. 아 이거 힘드네. 라는 생각이 들었다.

	== 헤메는 것 ==		== 헤메는 것 ==
Line 217:		Line 225:
	],		],
	조금더 찾아보자		조금더 찾아보자


	-----------------------------------		-----------------------------------
	[[2012년활동지도]]		[[2012년활동지도]]