home
์ด๋ ฅ์„œ
home
Product
Side Project (Essential)
Side Project (Etc.)
GitHub
TISTORY Blog
Instagram
home

TWIP Chrome Extension

์œ ํ˜•
Product
ํ•œ ์ค„ ์†Œ๊ฐœ
์ฃผ์‹ํšŒ์‚ฌ ์ด์ œ์ด์—”์˜, ๋”์šฑ ํŽธ๋ฆฌํ•œ TWIP ์ƒํ™œ์„ ์ œ๊ณตํ•˜๋Š” Chromium ๊ธฐ๋ฐ˜ ๋ธŒ๋ผ์šฐ์ € ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ
ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„
2023/09/04 โ†’ 2023/09/22
ํ”„๋กœ์ ํŠธ ๊ธฐ์ˆ  ์Šคํƒ
PNPM Workspace
Typescript
Chrome Extension
Ultra Runner
Google Analytics 4
Vite
ํŒ€ ๊ตฌ์„ฑ
์ฃผ์‹ํšŒ์‚ฌ ์ด์ œ์ด์—” ์†Œ์† ์ œํ’ˆ
๋‹ด๋‹น ํฌ์ง€์…˜
Front-End
2 more properties

๋งํฌ

Chrome WebStore

chromewebstore.google.com
https://chromewebstore.google.com/detail/twip-extension/chcjkfehcdnfongfgcgbmlmafllgolbn?hl=ko

๋‹ด๋‹น ์—ญํ•  ๋ฐ ๊ธฐ์ˆ  ์Šคํƒ

โ€ข
TWIP Chrome Extension์˜ ์•„์ด๋””์–ด ์ œ๊ธฐ ๋ฐ ๊ฐœ๋ฐœ ์ „๋‹ด
โ€ข
์ฃผ์š” ๊ธฐ์ˆ ์Šคํƒ
โ—ฆ
Typescript
โ—ฆ
PNPM Workspace
โ—ฆ
Ultra Runner
โ—ฆ
Google Analytics 4
โ—ฆ
Vite

ย ์ฃผ์š” ๊ฐœ๋ฐœ์‚ฌํ•ญ

โ€ข
Twitch ๋ฐ YouTube ์‚ฌ์ดํŠธ ๋‚ด์—์„œ ํŽธ๋ฆฌํ•˜๊ฒŒ TWIP ํ›„์› ๋ฐ ํด๋ฆฝ ๊ธฐ๋Šฅ์„ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก UI ์ œ๊ณตํ•˜๋Š” Chromium ๋ธŒ๋ผ์šฐ์ € ๊ธฐ๋ฐ˜ ํ™•์žฅํ”„๋กœ๊ทธ๋žจ ์ „์ฒด ๊ฐœ๋ฐœ.
โ—ฆ
ํŠน์ด์‚ฌํ•ญ: ์‚ฌ๋‚ด ์•„์ด๋””์–ด ์ฑ„๋„์— ์Šค์Šค๋กœ ์ œ๊ธฐํ•œ ์ œํ’ˆ ์•„์ด๋””์–ด๋กœ ์‹œ์ž‘ํ•œ ํ”„๋กœ์ ํŠธ์ด๋‹ค. PoC ๋ฐ ์ œํ’ˆ ์ถœ์‹œ๊นŒ์ง€ 2์ฃผ ๋‚ด๋กœ ์™„๋ฃŒํ•จ.
โ—ฆ
์‚ฌ์šฉ ๊ธฐ์ˆ : TypeScript, Vite, PNPM Workspace, Chrome Extension Manifest v3
โ–ช
PNPM Workspace์™€ Ultra Runner๋ฅผ ํ†ตํ•ด Chrome Extension์˜ ๊ฐ ๊ตฌ์„ฑ์š”์†Œ(background, ui, common) ํ™˜๊ฒฝ์„ ๋ถ„๋ฆฌํ•˜์—ฌ ๊ด€๋ฆฌํ•จ
โ–ช
Google Analytics 4๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ TWIP Chrome Extension์˜ ๊ฐ ์š”์†Œ๋ณ„ ์‚ฌ์šฉ๋Ÿ‰์„ ์ถ”์ ํ•จ
โ–ช
Vite๋ฅผ ํ†ตํ•ด ๋‹จ์ผ ํŒŒ์ผ๋กœ ๋ฒˆ๋“ค๋ง๋˜๋„๋ก ํ•จ.