home
이λ ₯μ„œ
home
Product
Side Project (Essential)
Side Project (Etc.)
GitHub
TISTORY Blog
Instagram
home

TWIP ChatBox test tool Chrome Extension

μœ ν˜•
Side Project (Etc.)
ν•œ 쀄 μ†Œκ°œ
Twip Chatbox ν…Œλ§ˆ μ œμž‘ μ‹œ ν•„μš”ν•œ μ±„νŒ… ν…ŒμŠ€νŠΈμ™€ μ†ŒμŠ€ μ½”λ“œ μžλ™ μ €μž₯ 및 ν…œν”Œλ¦Ώ 관리λ₯Ό λ„μ™€μ£ΌλŠ” Chromium 기반 λΈŒλΌμš°μ € ν™•μž₯ν”„λ‘œκ·Έλž¨
ν”„λ‘œμ νŠΈ κΈ°κ°„
2022/08/02 β†’ 2022/08/22
ν”„λ‘œμ νŠΈ 기술 μŠ€νƒ
Svelte
Headless UI
Chrome Extension
νŒ€ ꡬ성
1인 개발
λ‹΄λ‹Ή ν¬μ§€μ…˜
Front-End
2 more properties

링크

GitHub Repository

twip-chatbox-test-tool
skymins04

Chrome WebStore

Twip chatbox test tool
Twip Chatbox의 ν…ŒμŠ€νŠΈ μ±„νŒ…μ„ μƒμ„±ν•˜λŠ” 크둬확μž₯μž…λ‹ˆλ‹€.
https://chrome.google.com/webstore/detail/twip-chatbox-test-tool/dmpokkhjjinmldokleiiibigbieikdoa

λ‹΄λ‹Ή μ—­ν•  및 기술 μŠ€νƒ

β€’
Svelte
β€’
headless UI

Β μ£Όμš” κ°œλ°œμ‚¬ν•­

β€’
Twip Chatbox ν…ŒμŠ€νŠΈ μ±„νŒ… 생성 κΈ°λŠ₯
β—¦
μ„€μ •ν•œ λ©”μ‹œμ§€ 리슀트 λ‚΄μ—μ„œ λžœλ€ν•˜κ²Œ μ±„νŒ… λ©”μ‹œμ§€λ₯Ό 생성
β—¦
ν…ŒμŠ€νŠΈ μ±„νŒ… λ©”μ‹œμ§€ 리슀트 μ„€μ • κΈ°λŠ₯
β—¦
μ—¬λŸ¬ μœ μ € μœ ν˜•μ„ μ μš©ν•œ ν…ŒμŠ€νŠΈ μ±„νŒ… 생성 및 μœ μ € μœ ν˜• ν™œμ„±/λΉ„ν™œμ„± κΈ°λŠ₯
β–ͺ
μΌλ°˜μœ μ €
β–ͺ
Broadcaster
β–ͺ
Moderator
β–ͺ
Partner
β–ͺ
Subscriber
β–ͺ
Turbo
β–ͺ
Premium
β–ͺ
Bits
β–ͺ
Admin
β–ͺ
Staff
β—¦
ν…ŒμŠ€νŠΈ μ±„νŒ… 간격 쑰절 κΈ°λŠ₯
β—¦
ν…ŒμŠ€νŠΈ μ±„νŒ… λ‚΄μ—­ μ΄ˆκΈ°ν™” κΈ°λŠ₯
β€’
Twip Chatbox μ˜€λ²„λ ˆμ΄ 슬둯 κΈ°λŠ₯
β—¦
Twip Chatbox μ»€μŠ€ν…€ν…Œλ§ˆ CSSλ₯Ό μ €μž₯ν•  수 μžˆλŠ” κΈ°λŠ₯
β—¦
μ €μž₯된 μ»€μŠ€ν…€ν…Œλ§ˆμ— λŒ€ν•œ β€œν˜„μž¬ μ˜€λ²„λ ˆμ΄μ— μ μš©β€, β€œCSS파일 λ‹€μš΄λ‘œλ“œβ€, β€œλ―Έλ¦¬λ³΄κΈ°β€ κΈ°λŠ₯
β€’
Twip Chatbox μ˜€λ²„λ ˆμ΄ CSS μžλ™μ €μž₯ κΈ°λŠ₯
β—¦
Twip Chatbox μ»€μŠ€ν…€ν…Œλ§ˆ CSS μžλ™μ €μž₯ κΈ°λŠ₯
β—¦
μƒμ‹œ μžλ™μ €μž₯ ν™œμ„±ν™” μ˜΅μ…˜ 선택 κΈ°λŠ₯
β—¦
μžλ™ μ €μž₯된 μ»€μŠ€ν…€ν…Œλ§ˆμ— λŒ€ν•œ β€œν˜„μž¬ μ˜€λ²„λ ˆμ΄μ— μ μš©β€, β€œνŠΈμœ•μ„€μ •νŽ˜μ΄μ§€ λ°”λ‘œκ°€κΈ°β€, β€œCSS파일 λ‹€μš΄λ‘œλ“œβ€, β€œλ―Έλ¦¬λ³΄κΈ°β€ κΈ°λŠ₯