์ฟ ํก ํํธ๋์ค๋ฅผ ๋ ์ฝ๊ฒ! ๋ฅ๋งํฌ ์๋ ์์ฑ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ ์๊ฐ
์ฟ ํก ํํธ๋์ค ๋ฅ๋งํฌ๋ฅผ ์์ฝ๊ฒ ๋ง๋๋ ๋ฐฉ๋ฒ! ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ์ผ๋ก ์ํ URL ๊ฐ์ง๋ถํฐ ์๋ ์์ฑ, ํด๋ฆฝ๋ณด๋ ๋ณต์ฌ๊น์ง ๊ฐ๋ฅํฉ๋๋ค.
๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ๊ฑฐ๋ ์ ํ๋ธ, SNS ๋ฑ์์ ์ฝํ ์ธ ๋ฅผ ๋ฐํํ๋ฉฐ ์ฟ ํก ํํธ๋์ค ํ๋์ ํ๊ณ ๊ณ์๋ค๋ฉด, ์ํ ๋งํฌ๋ง๋ค ์ฟ ํก ์ํ ๋งํฌ๋ฅผ ์์ฑํ๋ ์์ ์ด ์ผ๋ง๋ ๋ฒ๊ฑฐ๋ก์ด์ง ์ ์์ค ๊ฒ๋๋ค.
ํนํ ๋งค๋ฒ ์ฟ ํก ํํธ๋์ค ์ฌ์ดํธ์ ์ ์ํด ๋งํฌ๋ฅผ ์๋์ผ๋ก ์์ฑํ๊ณ ๋ณต์ฌํ๋ ๊ณผ์ ์ ์๊ฐ๋ ์ค๋ ๊ฑธ๋ฆฌ๊ณ , ์ค์๋ ์์ฃผ ๋ฐ์ํ๊ณค ํ์ฃ . ์ด ๊ธ์์๋ ๊ทธ๋ฐ ๋ฐ๋ณต์ ์ธ ๊ณผ์ ์ ์ค์ด๊ณ , ์์ต๊น์ง ์ฌ๋ฆฌ์ ์๋ ํจ์จ์ ์ธ ๋ฐฉ๋ฒ์ ์๊ฐํฉ๋๋ค. ๋ฐ๋ก ์ด๋ณด์๋ ์ฝ๊ฒ ๋ง๋ค ์ ์๋ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ์ ํตํด ์ฟ ํก ์ํ ๋งํฌ๋ฅผ ์๋์ผ๋ก ์์ฑํ๋ ๋ฐฉ์์ ๋๋ค.
์ฟ ํก ์ํ ์๋ํ ๋ฐฉ์์ ์ด๋ ๊ฒ ์๋.
- ์ฟ ํก ์ํ ํ์ด์ง์ ์ ์ํ๋ฉด ์ฟ ํก ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ์ด ์๋์ผ๋ก URL์ ๊ฐ์งํฉ๋๋ค.
- ์ฌ์ฉ์์ ์ฟ ํก ํํธ๋์ค API ํค๋ฅผ ํตํด ๋ฅ๋งํฌ๋ฅผ ์์ฒญํ๊ณ ,
- ์ฟ ํก ์๋ฒ์์ ์๋ตํ ๋จ์ถ ๋ฅ๋งํฌ URL์ ํด๋ฆฝ๋ณด๋์ ์๋ ๋ณต์ฌํด ์ค๋๋ค.
- ๋ณ๋์ ๋ณต์ฌ ๋ถ์ฌ๋ฃ๊ธฐ ์์ด, ๋ฐ๋ก ์ฝํ ์ธ ์ ๋ถ์ฌ ์ธ ์ ์์ด ์์ ์๋์ ์ ํ๋ ๋ชจ๋ ํฅ์๋ฉ๋๋ค.
๊ธฐ์กด ์ฝ๋ ๊ธฐ๋ฐ, ์ง์ ์์ ๋ฐ ๊ฐ์
์ด ํ์ฅ ํ๋ก๊ทธ๋จ์ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ ํ๋ซํผ์ ๋ณ๊ฒฝ์ ๋ง์ถฐ ์ผ๋ถ ๊ธฐ๋ฅ์ด ๋์ํ์ง ์๊ฒ ๋์ ์ง์ ์์ ํ๊ณ ๊ฐ์ ํด ์ฌ๋ฐฐํฌํ ๋ฒ์ ์ ๋๋ค.
Manifest V3๋ก ์ธํ ์ฃผ์ ๋ณํ์ ์์ ์ด์
2023๋ ์ดํ ๊ตฌ๊ธ์ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ์ Manifest V2 V3๋ก ์ ๋ฉด ์ ํํ๊ณ ์์ต๋๋ค. ์ด ์ ํ์ผ๋ก ์ธํด ๋ค์๊ณผ ๊ฐ์ ๋ณ๊ฒฝ์ฌํญ์ด ์๊ฒผ์ต๋๋ค:
- background.js๊ฐ ํญ์ ์คํ๋๋ ํํ๊ฐ ์๋, ์ด๋ฒคํธ ๊ธฐ๋ฐ์ Service Worker๋ก ๋ณ๊ฒฝ๋จ
- .env.local ํ์ผ์ ํตํ API ํค ๋ก๋ ๋ฐฉ์์ด ๋ ์ด์ ํ์ฉ๋์ง ์์
- ๋ณด์ ๊ฐํ๋ฅผ ์ํด ํ์ฅ ํ๋ก๊ทธ๋จ ์ธ๋ถ์ ๋ฆฌ์์ค ์ ๊ทผ ์ ํ ๊ฐํ
์ด๋ก ์ธํด ๊ธฐ์กด์ ์ํ ๋งํฌ ์์ฑ ๊ธฐ๋ฅ์ด ์ ์ ์๋ํ์ง ์๊ฒ ๋์๊ณ , ์ด์ ๋ฐ๋ผ API ํค๋ฅผ chrome.storage์ ์ ์ฅํ๊ฑฐ๋ ์ฝ๋ ๋ด์ ํ๋์ฝ๋ฉํ๋ ๋ฐฉ์์ผ๋ก ๊ตฌ์กฐ๋ฅผ ๋ฐ๊พธ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด์ผ ํฉ๋๋ค. ๋ฌผ๋ก ๋ฐฐํฌ ์์๋ ํ๋ ์ฝ๋ฉ๋ ์ฝ๋๋ฅผ ์ญ์ ํ๊ณ ๋ฐฐํฌํ์ ์ผ ํฉ๋๋ค.

์ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ์ผ๋ก ์๋ํํด์ผ ํ ๊น?
- ์๊ฐ ์ ์ฝ: ๋ฅ๋งํฌ ๋ง๋ค๊ธฐ ์ํด ์ฌ์ดํธ๋ฅผ ์ฌ๋ฌ ๋ฒ ์ค๊ฐ๋ ๋ฒ๊ฑฐ๋ก์ ํด๊ฒฐ
- ์์ ์ค์ ๋ฐฉ์ง: ๋ณต์ฌ-๋ถ์ฌ๋ฃ๊ธฐ ์ค์ ์์ด ์ ํํ๊ฒ
- ๋๋ง์ ์๋ํ: ๋ฐ๋ณต์์ ์ ๋ด ์์ ๋ง๊ฒ ์ปค์คํฐ๋ง์ด์ง

ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ด๋ ๊ฒ ์๋ํฉ๋๋ค
- ์ฟ ํก ์ํ ํ์ด์ง์ ์ ์ํ๋ฉด
- ํ์ฅ ํ๋ก๊ทธ๋จ์ด URL์ ์๋ ์ธ์
- ๋ฏธ๋ฆฌ ๋ฑ๋ก๋ API ํค๋ก ๋ฅ๋งํฌ ์์ฑ ์์ฒญ
- ์์ฑ๋ ๋ฅ๋งํฌ๋ฅผ ํด๋ฆฝ๋ณด๋์ ๋ณต์ฌํ๊ฑฐ๋ ํ์ ์ผ๋ก ํ์
์ด ๋ชจ๋ ๊ณผ์ ์ด ์ฌ์ฉ์ ์กฐ์ ์์ด ๋ฐฑ๊ทธ๋ผ์ด๋์์ ์งํ๋ฉ๋๋ค.
1.์ค์น ์ ์ค๋น: ์์ถ ํ๊ณ ์ฝ๋ ์์ ํ๊ธฐ
์์ ๋ ๋ด์ฉ ์ฝ๋ ๋ถ๋ฆฌ. ์์ธ์ด๋ฏธ์ง ๋ค์ด๋ก๋ ๊ธฐ๋ฅ ์ถ๊ฐ

1. ํ์ฅ ํ์ผ ์์ถ ํด์
- GitHub์์ ํ์ฅ ํ๋ก๊ทธ๋จ ์ฝ๋๋ฅผ ๋ค์ด๋ก๋ํ๊ฑฐ๋ ZIP ํ์ผ์ ๋ฐ์ต๋๋ค.
- ์: coupang-deeplink-extension.zip
- ์ด ํ์ผ์ ์ํ๋ ํด๋์ ์์ถ ํด์ ํ์ธ์ (์: CoupangLinker)

2. ์ฃผ์ ๊ตฌ์ฑ ํ์ผ
- manifest.json: ํ์ฅ ๊ธฐ๋ณธ ์ ๋ณด ๋ฐ ์ค์
- background.js: API ์์ฒญ, ๋ฅ๋งํฌ ์์ฑ ๋ฑ ํต์ฌ ๋ก์ง
- content.js: ์ฟ ํก ์ํ ํ์ด์ง์ ์ฝ์ ๋๋ ์ฝ๋
- icons/: ํ์ฅ ์์ด์ฝ๋ค
- styles.css: UI ์คํ์ผ๋ง (์ต์ )
- api-config.txt: api๋ฑ ํ๊ฒฝ ์ค์
2. API ํค ์ค์ ํ๊ธฐ (๊ฐ์ฅ ์ค์!)
์ฟ ํก API๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด ๊ฐ์ธ ํค ์ ๋ณด๋ฅผ ์ค์ ํด์ผ ํฉ๋๋ค.
1. API ํค ๋ฐ๊ธ
- ์ฟ ํก ํํธ๋์ค ๋ก๊ทธ์ธ API ๊ด๋ฆฌ ํค ์์ฑ
- ๋ฐ๊ธ๋ฐ์ Access Key, Secret Key, Sub ID๋ฅผ ๋ณต์ฌํ์ธ์.

2. background.js ํ์ผ ์์
์๋ ์ฝ๋๋ง ๋ณธ์ธ์ ํค๋ก ๋ณ๊ฒฝํ์ธ์ ์ฝ๋ ์:
ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ ๋ฑ๋กํ๊ธฐ
- ํฌ๋กฌ์์ ์ฃผ์์ฐฝ์ chrome://extensions ์ ๋ ฅ
- ์ค๋ฅธ์ชฝ ์๋จ ๊ฐ๋ฐ์ ๋ชจ๋ ON
- ์์ถํด์ ๋ ํ์ฅ ํ๋ก๊ทธ๋จ ๋ก๋ ํด๋ฆญ
- ์๊น ์์ถ ํ์๋ ํด๋ (์: CoupangLinker) ์ ํ
ํ์ฅ ํ๋ก๊ทธ๋จ์ด ์ค์น๋๋ฉด ์๋จ์ ์์ด์ฝ์ด ํ์๋ฉ๋๋ค.

์๋ ํ ์คํธ ๋ฐ ๋ฌธ์ ํด๊ฒฐ
- ์ฟ ํก ์ํ ํ์ด์ง๋ฅผ ์ด์ด๋ณด์ธ์.
- ํ์ฅ ํ๋ก๊ทธ๋จ์ด ์๋์ผ๋ก ์ฟ ํก ์ํ ๋งํฌ๋ฅผ ์์ฑํ๋์ง ํ์ธ
- ํด๋ฆฝ๋ณด๋ ๋ณต์ฌ๋จ
- ํ์ ์ ๋งํฌ ํ์๋จ
โ ์๋ ์ ํ๋ฉด?
- ๋ค์ chrome://extensions ๋ด ํ์ฅ ์ค๋ฅธ์ชฝ "์๋น์ค ์์ปค ๋ณด๊ธฐ"
- Console ํญ์์ ์๋ฌ ๋ฉ์์ง ํ์ธ
- API ์์ฒญ์ด ์คํจํ๋์ง Network ํญ ํ์ธ (401/403์ด๋ฉด ํค ์ค๋ฅ)

๋๋ง์ ์๋ํ๋ก ์์ต, ์๊ฐ ๋ชจ๋ ์ก์
์ฟ ํก ์ํ ๋งํฌ๋ฅผ ํ๋ํ๋ ๋ง๋ค๋ ์๋๋ ๋๋ฌ์ต๋๋ค. ์ด์ ๋ ํ ๋ฒ ํด๋ฆญ, ์๋ ๊ทธ๋ฅ ํ์ด์ง ์ด๊ธฐ๋ง ํด๋ ์๋์ผ๋ก ๋งํฌ ์์ฑ!
์ด ํ์ฅ ํ๋ก๊ทธ๋จ์ ์์ผ๋ก ์ฌ๋ฌ๋ถ์ ์ฟ ํก ํํธ๋์ค ํ๋์ ๋ ์ฝ๊ณ , ๋น ๋ฅด๊ณ ,๋ํ ์ฟ ํก ํํธ๋์ค ์๋ ๋ฑ๋ก ๋ฐฉ๋ฒ ์ด์ ๋ฆฌ | API ํ์ฉ๋ถํฐ ๋งํฌ ๋ณํ๊น์ง ๋ด์ฉ์ ํ์ธ ํ์๋ฉด ์์ ์ ์ผ๋ก ๋ง๋ค์ด์ค ๋ ๋ ํ ๋๊ตฌ๊ฐ ๋ ๊ฒ๋๋ค.