Published:

Last Updated:

쿠팑 νŒŒνŠΈλ„ˆμŠ€λ₯Ό 더 μ‰½κ²Œ! λ”₯링크 μžλ™ 생성 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨ μ†Œκ°œ

쿠팑 νŒŒνŠΈλ„ˆμŠ€ λ”₯링크λ₯Ό μ†μ‰½κ²Œ λ§Œλ“œλŠ” 방법! 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨μœΌλ‘œ μƒν’ˆ URL 감지뢀터 μžλ™ 생성, ν΄λ¦½λ³΄λ“œ λ³΅μ‚¬κΉŒμ§€ κ°€λŠ₯ν•©λ‹ˆλ‹€.


λΈ”λ‘œκ·Έλ₯Ό μš΄μ˜ν•˜κ±°λ‚˜ 유튜브, SNS λ“±μ—μ„œ μ½˜ν…μΈ λ₯Ό λ°œν–‰ν•˜λ©° 쿠팑 νŒŒνŠΈλ„ˆμŠ€ ν™œλ™μ„ ν•˜κ³  κ³„μ‹œλ‹€λ©΄, μƒν’ˆ λ§ν¬λ§ˆλ‹€ 쿠팑 μƒν’ˆ 링크λ₯Ό μƒμ„±ν•˜λŠ” μž‘μ—…μ΄ μ–Όλ§ˆλ‚˜ λ²ˆκ±°λ‘œμš΄μ§€ 잘 μ•„μ‹€ κ²λ‹ˆλ‹€.

특히 맀번 쿠팑 νŒŒνŠΈλ„ˆμŠ€ μ‚¬μ΄νŠΈμ— 접속해 링크λ₯Ό μˆ˜λ™μœΌλ‘œ μƒμ„±ν•˜κ³  λ³΅μ‚¬ν•˜λŠ” 과정은 μ‹œκ°„λ„ 였래 걸리고, μ‹€μˆ˜λ„ 자주 λ°œμƒν•˜κ³€ ν•˜μ£ . 이 κΈ€μ—μ„œλŠ” 그런 반볡적인 과정을 쀄이고, μˆ˜μ΅κΉŒμ§€ 올리수 μžˆλŠ” 효율적인 방법을 μ†Œκ°œν•©λ‹ˆλ‹€. λ°”λ‘œ μ΄ˆλ³΄μžλ„ μ‰½κ²Œ λ§Œλ“€ 수 μžˆλŠ” 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨μ„ 톡해 쿠팑 μƒν’ˆ 링크λ₯Ό μžλ™μœΌλ‘œ μƒμ„±ν•˜λŠ” λ°©μ‹μž…λ‹ˆλ‹€.

쿠팑 μƒν’ˆ μžλ™ν™” 방식은 μ΄λ ‡κ²Œ μž‘λ™.

  • 쿠팑 μƒν’ˆ νŽ˜μ΄μ§€μ— μ ‘μ†ν•˜λ©΄ 쿠팑 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨μ΄ μžλ™μœΌλ‘œ URL을 κ°μ§€ν•©λ‹ˆλ‹€.
  • μ‚¬μš©μžμ˜ 쿠팑 νŒŒνŠΈλ„ˆμŠ€ API ν‚€λ₯Ό 톡해 λ”₯링크λ₯Ό μš”μ²­ν•˜κ³ ,
  • 쿠팑 μ„œλ²„μ—μ„œ μ‘λ‹΅ν•œ 단좕 λ”₯링크 URL을 ν΄λ¦½λ³΄λ“œμ— μžλ™ 볡사해 μ€λ‹ˆλ‹€.
  • λ³„λ„μ˜ 볡사 λΆ™μ—¬λ„£κΈ° 없이, λ°”λ‘œ μ½˜ν…μΈ μ— λΆ™μ—¬ μ“Έ 수 μžˆμ–΄ μž‘μ—… 속도와 정확도 λͺ¨λ‘ ν–₯μƒλ©λ‹ˆλ‹€.

κΈ°μ‘΄ μ½”λ“œ 기반, 직접 μˆ˜μ • 및 κ°œμ„ 

이 ν™•μž₯ ν”„λ‘œκ·Έλž¨μ€ 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨ ν”Œλž«νΌμ˜ 변경에 맞좰 일뢀 κΈ°λŠ₯이 λ™μž‘ν•˜μ§€ μ•Šκ²Œ 되자 직접 μˆ˜μ •ν•˜κ³  κ°œμ„ ν•΄ μž¬λ°°ν¬ν•œ λ²„μ „μž…λ‹ˆλ‹€.

Manifest V3둜 μΈν•œ μ£Όμš” 변화와 μˆ˜μ • 이유

2023λ…„ 이후 ꡬ글은 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨μ„ Manifest V2 V3둜 μ „λ©΄ μ „ν™˜ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. 이 μ „ν™˜μœΌλ‘œ 인해 λ‹€μŒκ³Ό 같은 변경사항이 μƒκ²ΌμŠ΅λ‹ˆλ‹€:

  • background.jsκ°€ 항상 μ‹€ν–‰λ˜λŠ” ν˜•νƒœκ°€ μ•„λ‹Œ, 이벀트 기반의 Service Worker둜 변경됨
  • .env.local νŒŒμΌμ„ ν†΅ν•œ API ν‚€ λ‘œλ“œ 방식이 더 이상 ν—ˆμš©λ˜μ§€ μ•ŠμŒ
  • λ³΄μ•ˆ κ°•ν™”λ₯Ό μœ„ν•΄ ν™•μž₯ ν”„λ‘œκ·Έλž¨ μ™ΈλΆ€μ˜ λ¦¬μ†ŒμŠ€ μ ‘κ·Ό μ œν•œ κ°•ν™”

이둜 인해 기쑴의 μƒν’ˆ 링크 생성 κΈ°λŠ₯이 정상 μž‘λ™ν•˜μ§€ μ•Šκ²Œ λ˜μ—ˆκ³ , 이에 따라 API ν‚€λ₯Ό chrome.storage에 μ €μž₯ν•˜κ±°λ‚˜ μ½”λ“œ 내에 ν•˜λ“œμ½”λ”©ν•˜λŠ” λ°©μ‹μœΌλ‘œ ꡬ쑰λ₯Ό λ°”κΎΈμ–΄ 문제λ₯Ό ν•΄κ²°ν•΄μ•Ό ν•©λ‹ˆλ‹€. λ¬Όλ‘  배포 μ‹œμ—λŠ” ν•˜λ“œ μ½”λ”©λœ μ½”λ“œλ₯Ό μ‚­μ œν•˜κ³  λ°°ν¬ν•˜μ…”μ•Ό ν•©λ‹ˆλ‹€.

쿠팑 νŒŒνŠΈλ„ˆμŠ€ 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨
ꡬ버전 쿠팑 μƒν’ˆλ§ν¬ 생성기

μ™œ 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨μœΌλ‘œ μžλ™ν™”ν•΄μ•Ό ν• κΉŒ?

  • μ‹œκ°„ μ ˆμ•½: λ”₯링크 λ§Œλ“€κΈ° μœ„ν•΄ μ‚¬μ΄νŠΈλ₯Ό μ—¬λŸ¬ 번 μ˜€κ°€λŠ” λ²ˆκ±°λ‘œμ›€ ν•΄κ²°
  • μž‘μ—… μ‹€μˆ˜ λ°©μ§€: 볡사-λΆ™μ—¬λ„£κΈ° μ‹€μˆ˜ 없이 μ •ν™•ν•˜κ²Œ
  • λ‚˜λ§Œμ˜ μžλ™ν™”: λ°˜λ³΅μž‘μ—…μ„ λ‚΄ 손에 맞게 μ»€μŠ€ν„°λ§ˆμ΄μ§•
쿠팑 μƒν’ˆ μžλ™ 생성기
쿠팑 μƒν’ˆλ§ν¬ μžλ™ 생성기 μ—…κ·Έλ ˆμ΄λ“œ 버전

ν™•μž₯ ν”„λ‘œκ·Έλž¨μ€ μ΄λ ‡κ²Œ μž‘λ™ν•©λ‹ˆλ‹€

  1. 쿠팑 μƒν’ˆ νŽ˜μ΄μ§€μ— μ ‘μ†ν•˜λ©΄
  2. ν™•μž₯ ν”„λ‘œκ·Έλž¨μ΄ URL을 μžλ™ 인식
  3. 미리 λ“±λ‘λœ API ν‚€λ‘œ λ”₯링크 생성 μš”μ²­
  4. μƒμ„±λœ λ”₯링크λ₯Ό ν΄λ¦½λ³΄λ“œμ— λ³΅μ‚¬ν•˜κ±°λ‚˜ νŒμ—…μœΌλ‘œ ν‘œμ‹œ

이 λͺ¨λ“  과정이 μ‚¬μš©μž μ‘°μž‘ 없이 λ°±κ·ΈλΌμš΄λ“œμ—μ„œ μ§„ν–‰λ©λ‹ˆλ‹€.

1.μ„€μΉ˜ μ „ μ€€λΉ„: μ••μΆ• ν’€κ³  μ½”λ“œ μˆ˜μ •ν•˜κΈ°

ν”„λ‘œκ·Έλž¨ μˆ˜μ •μΌ: 2025λ…„10μ›”26일

쿠팑 νŒŒνŠΈλ„ˆμŠ€ μƒν’ˆ μžλ™ν™” 6탄: 쿠팑 ν™•μž₯ ν”„λ‘œκ·Έλž¨ μ—…κ·Έλ ˆμ΄λ“œ 버전 배포 μž…λ‹ˆλ‹€.

μˆ˜μ •λœ λ‚΄μš© μ½”λ“œ 뢄리. 상세이미지 λ‹€μš΄λ‘œλ“œ κΈ°λŠ₯ μΆ”κ°€

쿠팑 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨

1. ν™•μž₯ 파일 μ••μΆ• ν•΄μ œ

  • GitHubμ—μ„œ ν™•μž₯ ν”„λ‘œκ·Έλž¨ μ½”λ“œλ₯Ό λ‹€μš΄λ‘œλ“œν•˜κ±°λ‚˜ ZIP νŒŒμΌμ„ λ°›μŠ΅λ‹ˆλ‹€.
  • 예: coupang-deeplink-extension.zip
  • 이 νŒŒμΌμ„ μ›ν•˜λŠ” 폴더에 μ••μΆ• ν•΄μ œν•˜μ„Έμš” (예: CoupangLinker)
쿠팑 μƒν’ˆ HTML μ½”λ“œ μžλ™ 생성기
쿠팑 μ‚¬μ΄νŠΈ μ ‘μ†ν•˜λ©΄ μžλ™μœΌλ‘œ μƒν’ˆ HTML TABLE μ½”λ“œ 생성

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λ₯Ό λ³΅μ‚¬ν•˜μ„Έμš”.
쿠팑 νŒŒνŠΈλ„ˆμŠ€ apiλ°œκΈ‰ν›„ 쿠팑 크둬 ν™•μž₯ν”„λ‘œκ·Έλž¨μ— μ μš©ν•˜κΈ°

2. background.js 파일 μˆ˜μ •

μ•„λž˜ μ½”λ“œλ§Œ 본인의 ν‚€λ‘œ λ³€κ²½ν•˜μ„Έμš” μ½”λ“œ 예:

크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨ λ“±λ‘ν•˜κΈ°

  1. ν¬λ‘¬μ—μ„œ μ£Όμ†Œμ°½μ— chrome://extensions μž…λ ₯
  2. 였λ₯Έμͺ½ 상단 개발자 λͺ¨λ“œ ON
  3. μ••μΆ•ν•΄μ œλœ ν™•μž₯ ν”„λ‘œκ·Έλž¨ λ‘œλ“œ 클릭
  4. μ•„κΉŒ μ••μΆ• ν’€μ—ˆλ˜ 폴더 (예: CoupangLinker) 선택

ν™•μž₯ ν”„λ‘œκ·Έλž¨μ΄ μ„€μΉ˜λ˜λ©΄ 상단에 μ•„μ΄μ½˜μ΄ ν‘œμ‹œλ©λ‹ˆλ‹€.

쿠팑 μƒν’ˆ 크둬 ν™•μž₯ ν”„λ‘œκ·Έλž¨

μž‘λ™ ν…ŒμŠ€νŠΈ 및 문제 ν•΄κ²°

  • 쿠팑 μƒν’ˆ νŽ˜μ΄μ§€λ₯Ό μ—΄μ–΄λ³΄μ„Έμš”.
  • ν™•μž₯ ν”„λ‘œκ·Έλž¨μ΄ μžλ™μœΌλ‘œ 쿠팑 μƒν’ˆ 링크λ₯Ό μƒμ„±ν–ˆλŠ”μ§€ 확인
    • ν΄λ¦½λ³΄λ“œ 볡사됨
    • νŒμ—…μ— 링크 ν‘œμ‹œλ¨

❗ μž‘λ™ μ•ˆ ν•˜λ©΄?

  • λ‹€μ‹œ chrome://extensions λ‚΄ ν™•μž₯ 였λ₯Έμͺ½ "μ„œλΉ„μŠ€ μ›Œμ»€ 보기"
  • Console νƒ­μ—μ„œ μ—λŸ¬ λ©”μ‹œμ§€ 확인
  • API μš”μ²­μ΄ μ‹€νŒ¨ν–ˆλŠ”μ§€ Network νƒ­ 확인 (401/403이면 ν‚€ 였λ₯˜)
쿠팑 νŒŒνŠΈλ„ˆμŠ€ 링크 μžλ™ μƒμ„±ν•˜κΈ°

λ‚˜λ§Œμ˜ μžλ™ν™”λ‘œ 수읡, μ‹œκ°„ λͺ¨λ‘ 작자

쿠팑 μƒν’ˆ 링크λ₯Ό ν•˜λ‚˜ν•˜λ‚˜ λ§Œλ“€λ˜ μ‹œλŒ€λŠ” λλ‚¬μŠ΅λ‹ˆλ‹€. μ΄μ œλŠ” ν•œ 번 클릭, μ•„λ‹ˆ κ·Έλƒ₯ νŽ˜μ΄μ§€ μ—΄κΈ°λ§Œ 해도 μžλ™μœΌλ‘œ 링크 생성!

이 ν™•μž₯ ν”„λ‘œκ·Έλž¨μ€ μ•žμœΌλ‘œ μ—¬λŸ¬λΆ„μ˜ 쿠팑 νŒŒνŠΈλ„ˆμŠ€ ν™œλ™μ„ 더 쉽고, λΉ λ₯΄κ³ ,λ˜ν•œ 쿠팑 νŒŒνŠΈλ„ˆμŠ€ μžλ™ 등둝 방법 총정리 | API ν™œμš©λΆ€ν„° 링크 λ³€ν™˜κΉŒμ§€ λ‚΄μš©μ„ 확인 ν•˜μ‹œλ©΄ μ•ˆμ •μ μœΌλ‘œ λ§Œλ“€μ–΄μ€„ λ“ λ“ ν•œ 도ꡬ가 될 κ²λ‹ˆλ‹€.