Skip to content

๐Ÿ” ๋Œ€ํ•œ๋ฏผ๊ตญ ์ฃผ์†Œ๊ฒ€์ƒ‰ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ

License

Notifications You must be signed in to change notification settings

Jaewoook/kor-address-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

logo

์ฃผ์†Œ๊ฒ€์ƒ‰ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ

CircleCI PRs Welcome GitHub License Chrome Web Store Mozilla Add-on whale store

ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

ํ•ด์™ธ ์‚ฌ์ดํŠธ์— ์˜๋ฌธ ์ฃผ์†Œ ์ž…๋ ฅ์„ ํ•  ๋•Œ๋งˆ๋‹ค ๋งค๋ฒˆ ์˜๋ฌธ ์ฃผ์†Œ ๋ณ€ํ™˜ ์‚ฌ์ดํŠธ์—์„œ ์ฃผ์†Œ ๊ฒ€์ƒ‰ ํ›„ ๋ณต์‚ฌํ•˜๋Š”๊ฒŒ ๋ถˆํŽธํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋งค๋ฒˆ ํ—ท๊ฐˆ๋ฆฌ๋Š” ์šฐํŽธ๋ฒˆํ˜ธ, ๋„๋กœ๋ช…์ฃผ์†Œ ๋“ฑ์„ ๊ฒ€์ƒ‰ํ•˜๋Š” ๊ฒƒ๊นŒ์ง€ ํŽธํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค๋Š” ์ƒ๊ฐ์— ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๊ฒŒ ๋์Šต๋‹ˆ๋‹ค.
์ฃผ์†Œ ๊ฒ€์ƒ‰์€ ๋„๋กœ๋ช…์ฃผ์†Œ ์˜คํ”ˆ API๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋ฐ๋ชจ

์ฃผ์†Œ๊ฒ€์ƒ‰ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์˜ ์‚ฌ์šฉ ๋ฐ๋ชจ์ž…๋‹ˆ๋‹ค.

Demo GIF

์ง€์› ๋ธŒ๋ผ์šฐ์ €

์ž์‹ ์˜ ๋ธŒ๋ผ์šฐ์ €์— ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ์Šคํ† ์–ด์—์„œ ๋ฐ”๋กœ ๋‹ค์šด๋กœ๋“œํ•˜์„ธ์š”!

๋ธŒ๋ผ์šฐ์ € ์ƒํƒœ ๋‹ค์šด๋กœ๋“œ
Google Chrome โœ”๏ธ ํฌ๋กฌ ์›น ์Šคํ† ์–ด์—์„œ ๋‹ค์šด๋กœ๋“œ
NAVER Whale โœ”๏ธ ์›จ์ผ ์Šคํ† ์–ด์—์„œ ๋‹ค์šด๋กœ๋“œ
Mozilla Firefox โš ๏ธ Firefox Add-ons์—์„œ ๋‹ค์šด๋กœ๋“œ

๊ธฐํƒ€ ๋ธŒ๋ผ์šฐ์ €

์Šคํ† ์–ด์—์„œ ์•„๋ž˜ ์ˆ˜๋™์œผ๋กœ ์„ค์น˜ํ•˜๊ธฐ์˜ ๊ณตํ†ต ์„น์…˜๊ณผ ๋ธŒ๋ผ์šฐ์ €๋ณ„ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ์„ค์น˜ ๋ฐฉ๋ฒ• ์ฐธ์กฐ

Important

๋ธŒ๋ผ์šฐ์ €๋Š” WebExtension API๋ฅผ ์ง€์›ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ฃผ์†Œ๊ฒ€์ƒ‰ ํ”„๋กœ์ ํŠธ๋Š” WebExtension spec์„ ์ค€์ˆ˜ํ•˜์ง€๋งŒ ์•ˆ์ •์ ์ธ ๋™์ž‘์„ ๋ณด์žฅํ•˜์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค.

์ง์ ‘ ๋นŒ๋“œํ•˜๊ธฐ

ํ”„๋กœ์ ํŠธ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋กœ์ปฌ ํ™˜๊ฒฝ์— ๋‹ค์šด๋กœ๋“œ ๋ฐ›๊ณ , ์ง์ ‘ ๋นŒ๋“œํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋จผ์ €, ์ด ์ €์žฅ์†Œ๋ฅผ ๋‹ค์šด๋กœ๋“œ ํ•˜๊ณ  ์˜์กด์„ฑ ์„ค์น˜๋ฅผ ํ•ฉ๋‹ˆ๋‹ค.

git clone https://github.com/Jaewoook/kor-address-extension
cd kor-address-extension && yarn

๊ทธ๋ฆฌ๊ณ , ํŒจํ‚ค์ง€ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

yarn build && yarn package

Google Chrome ๋ฐ NAVER Whale ๋ธŒ๋ผ์šฐ์ €

  1. chrome://extensions ํŽ˜์ด์ง€์— ์ ‘์†ํ•ฉ๋‹ˆ๋‹ค. (Whale์€ whale://extensions ํ†ตํ•ด์„œ๋„ ์ ‘์† ๊ฐ€๋Šฅ)
  2. ๊ฐœ๋ฐœ์ž ๋ชจ๋“œ๊ฐ€ ํ™œ์„ฑํ™”๋˜์–ด ์žˆ์ง€ ์•Š๋‹ค๋ฉด, ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค.
  3. Load unpacked ๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด ํ”„๋กœ์ ํŠธ ๋ฃจํŠธ์˜ dist ํด๋”๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

Firefox ๋ธŒ๋ผ์šฐ์ €

  1. about:debugging ํŽ˜์ด์ง€์— ์ ‘์†ํ•ฉ๋‹ˆ๋‹ค.
  2. This Firefox ๋ฉ”๋‰ด ์„ ํƒ์„ ํ•ฉ๋‹ˆ๋‹ค.
  3. Load Temporary Add-on... ๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด ํ”„๋กœ์ ํŠธ ๋ฃจํŠธ์˜ dist.zip ํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

์ œ์ž‘์ž

Jaewook Ahn

์ €์ž‘๊ถŒ

์ด ํ”„๋กœ์ ํŠธ๋Š” MIT ๋ผ์ด์„ ์Šค๋ฅผ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค.