์์ฆ ์ง์ง ์ ๋๊ฒ ๋๊ณ ์ถ๋ค.
ํ์ง๋ง ๋ ๋์ ๊ณณ์ผ๋ก ๋๊ฐ๋ ค๋ฉด ๊ทธ๋ ๊ฒ ํ๋ฉด ์ ๋๋ ๊ฑธ.
์ค๋์ ์ค๋ ์ฆ ๊ฐ์ ๋ ์ฆ ์์ด
๋ ์ฆ ๊ทธ๋ง ์ฌ๊ณ ์ถ์ค.
์๋ ฅ์ด ๋๋ฌด ์ ์ข์์ 2๊ฐ ์ฌ๋ ค๊ณ ํ๋ฉด ๋ ์ฆ๊ฐ ์ฌ๊ณ ๊ฐ ํ๋๋ฐ์ ์์ค ใ
ใ
ใ
ใ
ใ
์ค๋๋ ํ ํฉ๋ง ์ฌ๊ณ ํ ํฉ์ ์ฃผ๋ฌธ ํด ๋จ์ด๐ซก
๊ทธ๋ฆฌ๊ณ ๊น๋์ค ์ปจ๋ฒค์
์ผํฐ ์์ ์นดํ ๊ฐ๋ค.
๋ผ๋ฏธ๊ฐ ์ข์ํ๋ ์นดํ
๋ถ์๊ธฐ๋ ์ข์ ์ง ๋ชจ๋ฅด๊ฒ ๋๋ฐ
์ค๋๋ ์นดํ์ธ๋ฐ ์ฑ
์ ํฌ๊ธฐ๋ ๋์ด๊ฐ ์ง์ง ๋ฑ ์ข์.
์ฑ
์ฝ๊ธฐ ์ข๊ณ ๋
ธํธ๋ถ ํ๊ธฐ ์๋ง์๐
์๊ธฐ์ ๋จน์ ๋ง๋ ์นด ํธ๋ ํ๋์ผ์ต ๋ง์๋ค. >< ใ
ใ
ใ
ใ
ใ
ใ
ใ
๋จน๋๋ผ๊ณ ๋ง์์ด์ ์ฌ์ง์ ๋ชป ์ฐ์๋ค ๐
ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ ๊ฐ์ด ๋ง๋ค๊ธฐ๋ก ํ๋ค.
์๊ธฐ์ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ ์ด๋ป๊ฒ ํ ์ง ์์
- ์ฒ์ ๋ง๋๋ ๊ฑด ๊ฐ๋จํด์ผ ํ๋ค.
- ์ฑ๊ณต์ ์ํด ๋ง๋๋ ๊ฒ์ด ์๋๊ณ , ์ผ๋จ ์ฌ๋ผ๊ฐ๋ ๊ฑฐ& ์๋ํ๋๊ฑฐ ์ค์ํ๋ค.
- ์ฒซ ์ ์ ๋ฐฐ๋ถ๋ฅผ ์๋ ์๋ค.
์ ์ผ ๊ฐ๋จํ๊ณ ์ฝ๊ฒ ํด ๋ณผ ์ ์๋ ๊ฑธ ๋ง๋ค๊ณ ์ถ๋ค. ์์ง์ ๊ธฐ์ ์ด ๋ชจ์๋ผ๋๊น ์ฝ๊ฐ ๊ฐ์ฑ์ ์ผ๋ก ์ ๊ทผ ํ๊ณ ์ถ์๋ฐ, ์๊ฐ ํด ๋ณธ๊ฑด ์์ ๋ชจ๋ฌ์ฐฝ์ ๋์ฐ๊ณ ํฌ์ถ ์ฟ ํค ๋ฉ์์ง๋ฅผ ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ณ ์ถ์๋ ๊ฒ์ด๋ค. ๊ทธ๋ฆฌ๊ณ ์ด๋ฏธ์ง๋ฅผ ๊ฐ๋จํ๊ฒ ๋ฃ๊ณ ์ถ์๋ค.
Manifest V3 ๊ธฐ๋ฐ์ผ๋ก ๊ฐ๋ฅํ๊ณ , popup.html์ ์ฌ์ฉํด ํ์
์ฐฝ or content script๋ก ์นํ์ด์ง ์์ ์ง์ ๋ชจ๋ฌ์ฐฝ์ ์ฝ์
ํ๋ ๋ฐฉ์์ผ๋ก ๋ง๋ค ์ ์๋ค. ํฌ์ถ ์ฟ ํค ๋ฉ์์ง๋ JSON ๋ฐ์ดํฐ๋ก ์ง์ ๋ง๋ค๊ฑฐ๋ ๋๋ค API ํธ์ถ๋ก ๊ตฌํํ๋ ค๊ณ ํ๊ณ , ์๋๋ฉด ๊ฐ๋จํ ๋ฐฐ์ด๊ณผ Math.random()๋ก๋ ์ฝ๊ฒ ๊ตฌํ ๊ฐ๋ฅํ๋ค. ์ฌ๊ธฐ์ ์ฝ๊ฐ ๊ฐ๋ฅํ๋ค๋ฉด ๊ท์ฌ์ด ์ ๋๋ฉ์ด์
ํจ๊ณผ๋ ์ถ๊ฐํ๋ฉด ๋ ์ฌ๋ฏธ์์ ๊ฑฐ ๊ฐ์๋ฐ
ํ์ง๋ง ๋ผ๋ฏธ์ ๋ฐ๋ ์๊ฒฌ
โ ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ฌ์ฉ์์ธต๊ณผ ๋ชฉ์ ์ ๊ณ ๋ คํ ๋์์ธ์ด ์ค์
์ ๋ฆฌํ์๋ฉด
- ์ฒซ ์ํ์ด ์กฐ์กํด ๋ณด์ด๋ฉด ์ ๋๋ค.
- ์๋ ๊ฑธ ๊ฐ์ < ์๋กญ๊ฒ ๋ง๋ค๊ธฐ
- ์ด๋ฏธ์ง๋ ๋ฃ์ง ์๊ณ ๊น๋ํ ๋์์ธ์ ์ ์ง
- ๋ชจ๋ฌ์ฐฝ์ด๋ ํ์ < ์ฌ์ด๋ ํจ๋
- Why? ์ฌ์ฉ์์ธต์ ๊ณ ๋ ค(๋จ์ฑ์ด 90% ์ด์, ์ ๋ฐ ์ด์์ด ํ๋ก๊ทธ๋๋จธ, ํฌ๋กฌ ์ธํ ๋จ๊ณ์์ ํ์ฉ ๊ฐ๋ฅ์ฑ ๊ณ ๋ คํ์)
ํฉ์์
- ์ฌ์ด๋ ํจ๋ ๋ฐฉ์์ผ๋ก ์ ์
- ๋จ์ํ UI/UX๋ก ๊น๋ํ๊ฒ ๊ตฌํ
- ์ต์คํ ์ ์ ํฌ์ถ ์ฟ ํค๋ฅผ ์ผ๋ถ๋ฌ ์ฐพ๋ ์ฌ๋์ ์์ ๊ฒ์ด๋ค. ๋์์ด ๋ ๋งํ ๊ธฐ๋ฅ๊ณผ ๊ฒฐํฉํ๋ ๋ฐฉ์๋ ๊ณ ๋ฏผ ๊ฐ๋ฅ.
- ์ฒซ ์ํ์ ๋๋ฌด ์๋ฒฝํ๋ ค๊ณ ํ๊ธฐ๋ณด๋ค๋, ์๋ํ๋ ๊ฑธ ๋ง๋๋ ๊ฒ์ด ์ฐ์ , ์ฌ๋ผ ๊ฐ๋ ๊ฒ ์ฐ์
- ํน์ ์ฌ์ด๋ ํจ๋์์ ํฌ์ถ ์ฟ ํค ์ธ์ ์ถ๊ฐํ๊ณ ์ถ์ ๊ธฐ๋ฅ?
ํ๋ก๊ทธ๋๋จธ ์นํ์ ์ธ ์งง์ ์กฐ์ธ, ๋๋ค ์ฝ๋ ์ค๋ํซ, ํน์ ์ ์ฉํ ๋จ์ถํค ์๋ด ๊ฐ์ ๊ฑธ ํจ๊ป ๋ฃ์ผ๋ฉด ๋ ์ ์ฉํ๋ค.
๊ทธ ๋ฐ์ ๋์ ์๊ฒฌ json validator ๋ง๋ค๊ณ ์ถ์๋ฐ, ๊ฒ์ ํด ๋ณด๋ ์ด๋ฏธ ๋ง์ด ์์. ์ด๋ฐ ๊ฒ์ 1์ธ ๋
์ ์ฒด์
To do list๋ ๊ด์ฐฎ์๋ฐ ์ฌ์ฉ์๊ฐ ์
๋ ฅํ ๋ฐ์ดํฐ ์ ์ฅ์ ์ด๋ป๊ฒ ํ ์ง? (โํฌ๋กฌ์ ์ํ Todoist ์ฐธ๊ณ ) โ Chrome storage API?
[ํฌ๋กฌ ์ต์คํ ์ ] - ์ํคํ ์ฒ์ ํํ ๋ฆฌ์ผ
ํฌ๋กฌ ์ต์คํ ์ ์ ๋ํด ๊ณต๋ถํ๋ฉด์ ์ ๋ฆฌํ ๊ธ์ ๋๋ค.
velog.io
'Diary' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ ๊ทธ ๋ผ์ดํ (5) | 2025.03.22 |
---|---|
ํ ์ผ์ด ์์ธ๊ฒ ๊ฐ์ ๋๋์ด ๋ค ๋ (8) | 2025.03.19 |
ํญ์น ์์์๋ค ์ง์ง ๊ฐ์ถ... 1ํ๋ง ์คํฌ (7) | 2025.03.16 |
Steve Conte - Rain (3) | 2025.03.09 |
๐ฅ ๊ธ๋๋จธ or ํตํตํ ์ฌ๋์๊ฒ ์ด์ธ๋ฆฌ๋ ์ท (feat. ๋์ ํจ์ ์ฒ ํ) (29) | 2025.02.07 |
์์ฆ ์ง์ง ์ ๋๊ฒ ๋๊ณ ์ถ๋ค.
ํ์ง๋ง ๋ ๋์ ๊ณณ์ผ๋ก ๋๊ฐ๋ ค๋ฉด ๊ทธ๋ ๊ฒ ํ๋ฉด ์ ๋๋ ๊ฑธ.
์ค๋์ ์ค๋ ์ฆ ๊ฐ์ ๋ ์ฆ ์์ด
๋ ์ฆ ๊ทธ๋ง ์ฌ๊ณ ์ถ์ค.
์๋ ฅ์ด ๋๋ฌด ์ ์ข์์ 2๊ฐ ์ฌ๋ ค๊ณ ํ๋ฉด ๋ ์ฆ๊ฐ ์ฌ๊ณ ๊ฐ ํ๋๋ฐ์ ์์ค ใ
ใ
ใ
ใ
ใ
์ค๋๋ ํ ํฉ๋ง ์ฌ๊ณ ํ ํฉ์ ์ฃผ๋ฌธ ํด ๋จ์ด๐ซก
๊ทธ๋ฆฌ๊ณ ๊น๋์ค ์ปจ๋ฒค์
์ผํฐ ์์ ์นดํ ๊ฐ๋ค.
๋ผ๋ฏธ๊ฐ ์ข์ํ๋ ์นดํ
๋ถ์๊ธฐ๋ ์ข์ ์ง ๋ชจ๋ฅด๊ฒ ๋๋ฐ
์ค๋๋ ์นดํ์ธ๋ฐ ์ฑ
์ ํฌ๊ธฐ๋ ๋์ด๊ฐ ์ง์ง ๋ฑ ์ข์.
์ฑ
์ฝ๊ธฐ ์ข๊ณ ๋
ธํธ๋ถ ํ๊ธฐ ์๋ง์๐
์๊ธฐ์ ๋จน์ ๋ง๋ ์นด ํธ๋ ํ๋์ผ์ต ๋ง์๋ค. >< ใ
ใ
ใ
ใ
ใ
ใ
ใ
๋จน๋๋ผ๊ณ ๋ง์์ด์ ์ฌ์ง์ ๋ชป ์ฐ์๋ค ๐
ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ ๊ฐ์ด ๋ง๋ค๊ธฐ๋ก ํ๋ค.
์๊ธฐ์ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ ์ด๋ป๊ฒ ํ ์ง ์์
- ์ฒ์ ๋ง๋๋ ๊ฑด ๊ฐ๋จํด์ผ ํ๋ค.
- ์ฑ๊ณต์ ์ํด ๋ง๋๋ ๊ฒ์ด ์๋๊ณ , ์ผ๋จ ์ฌ๋ผ๊ฐ๋ ๊ฑฐ& ์๋ํ๋๊ฑฐ ์ค์ํ๋ค.
- ์ฒซ ์ ์ ๋ฐฐ๋ถ๋ฅผ ์๋ ์๋ค.
์ ์ผ ๊ฐ๋จํ๊ณ ์ฝ๊ฒ ํด ๋ณผ ์ ์๋ ๊ฑธ ๋ง๋ค๊ณ ์ถ๋ค. ์์ง์ ๊ธฐ์ ์ด ๋ชจ์๋ผ๋๊น ์ฝ๊ฐ ๊ฐ์ฑ์ ์ผ๋ก ์ ๊ทผ ํ๊ณ ์ถ์๋ฐ, ์๊ฐ ํด ๋ณธ๊ฑด ์์ ๋ชจ๋ฌ์ฐฝ์ ๋์ฐ๊ณ ํฌ์ถ ์ฟ ํค ๋ฉ์์ง๋ฅผ ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ณ ์ถ์๋ ๊ฒ์ด๋ค. ๊ทธ๋ฆฌ๊ณ ์ด๋ฏธ์ง๋ฅผ ๊ฐ๋จํ๊ฒ ๋ฃ๊ณ ์ถ์๋ค.
Manifest V3 ๊ธฐ๋ฐ์ผ๋ก ๊ฐ๋ฅํ๊ณ , popup.html์ ์ฌ์ฉํด ํ์
์ฐฝ or content script๋ก ์นํ์ด์ง ์์ ์ง์ ๋ชจ๋ฌ์ฐฝ์ ์ฝ์
ํ๋ ๋ฐฉ์์ผ๋ก ๋ง๋ค ์ ์๋ค. ํฌ์ถ ์ฟ ํค ๋ฉ์์ง๋ JSON ๋ฐ์ดํฐ๋ก ์ง์ ๋ง๋ค๊ฑฐ๋ ๋๋ค API ํธ์ถ๋ก ๊ตฌํํ๋ ค๊ณ ํ๊ณ , ์๋๋ฉด ๊ฐ๋จํ ๋ฐฐ์ด๊ณผ Math.random()๋ก๋ ์ฝ๊ฒ ๊ตฌํ ๊ฐ๋ฅํ๋ค. ์ฌ๊ธฐ์ ์ฝ๊ฐ ๊ฐ๋ฅํ๋ค๋ฉด ๊ท์ฌ์ด ์ ๋๋ฉ์ด์
ํจ๊ณผ๋ ์ถ๊ฐํ๋ฉด ๋ ์ฌ๋ฏธ์์ ๊ฑฐ ๊ฐ์๋ฐ
ํ์ง๋ง ๋ผ๋ฏธ์ ๋ฐ๋ ์๊ฒฌ
โ ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ฌ์ฉ์์ธต๊ณผ ๋ชฉ์ ์ ๊ณ ๋ คํ ๋์์ธ์ด ์ค์
์ ๋ฆฌํ์๋ฉด
- ์ฒซ ์ํ์ด ์กฐ์กํด ๋ณด์ด๋ฉด ์ ๋๋ค.
- ์๋ ๊ฑธ ๊ฐ์ < ์๋กญ๊ฒ ๋ง๋ค๊ธฐ
- ์ด๋ฏธ์ง๋ ๋ฃ์ง ์๊ณ ๊น๋ํ ๋์์ธ์ ์ ์ง
- ๋ชจ๋ฌ์ฐฝ์ด๋ ํ์ < ์ฌ์ด๋ ํจ๋
- Why? ์ฌ์ฉ์์ธต์ ๊ณ ๋ ค(๋จ์ฑ์ด 90% ์ด์, ์ ๋ฐ ์ด์์ด ํ๋ก๊ทธ๋๋จธ, ํฌ๋กฌ ์ธํ ๋จ๊ณ์์ ํ์ฉ ๊ฐ๋ฅ์ฑ ๊ณ ๋ คํ์)
ํฉ์์
- ์ฌ์ด๋ ํจ๋ ๋ฐฉ์์ผ๋ก ์ ์
- ๋จ์ํ UI/UX๋ก ๊น๋ํ๊ฒ ๊ตฌํ
- ์ต์คํ ์ ์ ํฌ์ถ ์ฟ ํค๋ฅผ ์ผ๋ถ๋ฌ ์ฐพ๋ ์ฌ๋์ ์์ ๊ฒ์ด๋ค. ๋์์ด ๋ ๋งํ ๊ธฐ๋ฅ๊ณผ ๊ฒฐํฉํ๋ ๋ฐฉ์๋ ๊ณ ๋ฏผ ๊ฐ๋ฅ.
- ์ฒซ ์ํ์ ๋๋ฌด ์๋ฒฝํ๋ ค๊ณ ํ๊ธฐ๋ณด๋ค๋, ์๋ํ๋ ๊ฑธ ๋ง๋๋ ๊ฒ์ด ์ฐ์ , ์ฌ๋ผ ๊ฐ๋ ๊ฒ ์ฐ์
- ํน์ ์ฌ์ด๋ ํจ๋์์ ํฌ์ถ ์ฟ ํค ์ธ์ ์ถ๊ฐํ๊ณ ์ถ์ ๊ธฐ๋ฅ?
ํ๋ก๊ทธ๋๋จธ ์นํ์ ์ธ ์งง์ ์กฐ์ธ, ๋๋ค ์ฝ๋ ์ค๋ํซ, ํน์ ์ ์ฉํ ๋จ์ถํค ์๋ด ๊ฐ์ ๊ฑธ ํจ๊ป ๋ฃ์ผ๋ฉด ๋ ์ ์ฉํ๋ค.
๊ทธ ๋ฐ์ ๋์ ์๊ฒฌ json validator ๋ง๋ค๊ณ ์ถ์๋ฐ, ๊ฒ์ ํด ๋ณด๋ ์ด๋ฏธ ๋ง์ด ์์. ์ด๋ฐ ๊ฒ์ 1์ธ ๋
์ ์ฒด์
To do list๋ ๊ด์ฐฎ์๋ฐ ์ฌ์ฉ์๊ฐ ์
๋ ฅํ ๋ฐ์ดํฐ ์ ์ฅ์ ์ด๋ป๊ฒ ํ ์ง? (โํฌ๋กฌ์ ์ํ Todoist ์ฐธ๊ณ ) โ Chrome storage API?
[ํฌ๋กฌ ์ต์คํ ์ ] - ์ํคํ ์ฒ์ ํํ ๋ฆฌ์ผ
ํฌ๋กฌ ์ต์คํ ์ ์ ๋ํด ๊ณต๋ถํ๋ฉด์ ์ ๋ฆฌํ ๊ธ์ ๋๋ค.
velog.io
'Diary' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ ๊ทธ ๋ผ์ดํ (5) | 2025.03.22 |
---|---|
ํ ์ผ์ด ์์ธ๊ฒ ๊ฐ์ ๋๋์ด ๋ค ๋ (8) | 2025.03.19 |
ํญ์น ์์์๋ค ์ง์ง ๊ฐ์ถ... 1ํ๋ง ์คํฌ (7) | 2025.03.16 |
Steve Conte - Rain (3) | 2025.03.09 |
๐ฅ ๊ธ๋๋จธ or ํตํตํ ์ฌ๋์๊ฒ ์ด์ธ๋ฆฌ๋ ์ท (feat. ๋์ ํจ์ ์ฒ ํ) (29) | 2025.02.07 |