Gadgets: Personal app vibe coding that is actually safe โ Kenton Varda, Cloudflare
ํ ์ค ํต์ฌ
๊ฐ์ธ๋ณ๋ก AI๊ฐ ์ฑ ์ฝ๋๋ฅผ ์์ฑยท์์ ํ๋ ๋ฏธ๋๋ฅผ ๊ฐ๋ฅํ๊ฒ ํ๋ ค๋ฉด ๊ธฐ์กด ํด๋ผ์ฐ๋ ๊ตฌ์กฐ๊ฐ ์๋๋ผ, ์ฑ๋ณ ๊ฒฉ๋ฆฌยท๊ณต์ ยท์คํ์ ํ๋ซํผ์ด ์ฑ ์์ง๋ ์์ ํ ๋ค๋ฅธ ์์ ํ ์ธํ๋ผ๊ฐ ํ์ํ๋ค๋ ์ฃผ์ฅ์ด๋ค.
์๊ฐ๋ณ ์์ฝ
-
0:01
๊ฐ์ธ AI codegen์ด ๋ณดํธํ๋๋ฉด ์ฌ์ฉ์๊ฐ ์๊ธฐ ์ฉ๋์ ๋ง๊ฒ ์ฑ์ ์ฆ์์์ ๋ฐ๊พธ๊ฒ ๋๋๋ฐ, ์ค๋๋ ์ ํด๋ผ์ฐ๋ยท์ฑ ๋ฐฐํฌ ๋ฐฉ์์ ์ด๋ฐ ๊ฐ์ธํ์ ๋ง์ง ์๋๋ค. ๊ธฐ๋ฅ ์์ฒญ์ ํ ์ค์ ์ฑ์ ๊ณ์ ์น๋ ๊ธฐ์กด ๋ฐฉ์์ ์ฝ๋ ๋ณต์ก๋์ ์ถ์ ์ง์ฐ๋ง ํค์ด๋ค.
-
3:01
์ฌ์ฉ์๊ฐ AI agent์๊ฒ ์๊ธฐ ์ ์ฉ ๊ธฐ๋ฅ์ ๋ฐ๋ก ์ถ๊ฐํ๊ฒ ํ๋ฉด ํต์ฌ ์ฑ์ ๊น๋ํ๊ฒ ์ ์งํ ์ ์์ง๋ง, AppleยทGoogle ์ค์ฌ์ ํ์์ ๋ฐฐํฌ ๊ตฌ์กฐ์ ํ์ฌ์ ์น ํธ์คํ ๋ฐฉ์์ ์ด๋ฅผ ์ ์ ๋ก ์ค๊ณ๋์ง ์์๋ค. ๊ฒฐ๊ตญ ๊ฐ์ธ ๋ง์ถคํ ์ฑ์ ์น์์ ๊ฐ๋ฅํ์ง๋ง, ๊ทธ ์์ ํด๋ผ์ฐ๋ ์ํคํ ์ฒ๋ ์๋ก ์ง์ผ ํ๋ค.
-
7:03
Cloudflare Workers ์์ ๋ง๋ ์คํ ํ๋ซํผ์์๋ ํ๋์ ์ฑ์ ์ฌ๋ฌ ๋ฌธ์์ฒ๋ผ ๋ค๋ฃจ๋ ๋์ , ๊ฐ ๊ธฐ๋ฅ ๋จ์๋ฅผ gadget์ผ๋ก ๋ง๋ค๊ณ blueprint๋ก ๋ณต์ ยท๊ณต์ ํ ์ ์๋ค. ์ฌ๋ผ์ด๋, ํ์ดํธ๋ณด๋, ์ด๋ฉ์ผ ๋ถ๋ฅ, GitHub PR ์ ๋ฆฌ ๊ฐ์ ์๋ก ๋ค๋ฅธ ์ฑ์ ๊ฐ๊ฐ ๋ ๋ฆฝ ์ธ์คํด์ค๋ก ์ด์ํ๋ฉด์๋ ๊ณต์ ๋ ํ๋ซํผ์ด ์ฒ๋ฆฌํ๋ค.
-
11:00
๊ฐ gadget์ ํ๋์ ๋ชฉ์ ๋ง ๊ฐ์ง๋๋ก ์ค๊ณ๋๋ฏ๋ก ๊ณต์ ๋งํฌ์ ์ ๊ทผ ์ ์ด๋ฅผ ํ๋ซํผ์ด ์ผ๊ด๋๊ฒ ๊ตฌํํ ์ ์๋ค. ๊ทธ๋์ ์ฑ ์์ฒด๊ฐ ๊ถํ ์ฒ๋ฆฌ ์ค์๋ฅผ ํ๋๋ผ๋ ๊ตฌ์กฐ์ ์ผ๋ก ํฐ ์ฌ๊ณ ๋ฅผ ๋ด๊ธฐ ์ด๋ ต๊ณ , ์ฌ์ฉ์๋ ํ์ํ ๋๋ง๋ค ๊ฐ์ ์ฑ์ ์ ์ธ์คํด์ค๋ฅผ ๋ง๋ค์ด ์ธ ์ ์๋ค.
-
12:01
์์ด์ ํธ๋ ๋ฌธ์์ ์ฝ๋๋ฅผ ํจ๊ป ์ฝ๊ณ , ํ์ํ ๊ฒฝ์ฐ ์ฑ ๊ธฐ๋ฅ๊น์ง ์ค์ค๋ก ํ์ฅํ ์ ์๋ค. ์คํธ๋ผ์ดํฌ์ค๋ฃจ, ์ค์ ์ ๋ ฌ, SVG ์ฝ์ ๊ฐ์ ์ ์๊ตฌ๋ฅผ agent๊ฐ ์ง์ ๊ตฌํํ๊ณ , ์ด ๊ณผ์ ์์ ๊ธฐ์กด ์ฑ์ด ์ง์ํ์ง ์๋ ํํ๋ ์ฆ์ ์ถ๊ฐ๋์๋ค.
-
14:00
์์ ์ฑ์ null origin iframe sandbox, ๊ฐํ CSP, postMessage ๊ธฐ๋ฐ ํต์ , Durable Object๋ก ๊ตฌ์ฑ๋ ์๋ฒ ๊ฒฉ๋ฆฌ๋ก ํ๋ณด๋๋ค. ํด๋ผ์ด์ธํธ์ ์๋ฒ๊ฐ ์๋ก์๊ฒ๋ง ์ ํ์ ์ผ๋ก ์ฐ๊ฒฐ๋๊ธฐ ๋๋ฌธ์ XSS๊ฐ ์๊ฒจ๋ ์ธ๋ถ ์ ์ถ๋ก ์ด์ด์ง๊ธฐ ์ด๋ ต๋ค.
-
16:01
์ด ์์คํ ์ containers ์์ด Cloudflare Workers์ Durable Objects๋ง์ผ๋ก ๋์ํ๊ณ , workerd๋ฅผ ํตํด ๋ก์ปฌ์์๋ ์คํ๋๋ค. Home Assistant์ Spotify connector๊น์ง ๋ถ์ฌ ๊ฐ์ ์๋ํ๋ก ํ์ฅํ ๊ณํ์ด์ง๋ง, ํ์ฌ๋ ๊ณต๊ฐ๋ฅผ ์๋๋ฅด์ง ์๊ณ ๋ ์ ์คํ ์ ๋ฆฌ ์ค์ด๋ค.
์ค๋ฌด ์ธ์ฌ์ดํธ
- ๊ฐ์ธํ๋ AI ์ฑ์ ๋ง๋ค๋ ค๋ฉด ํ๋กฌํํธ๋ณด๋ค ๋จผ์ ์ฑ ๋จ์ ๊ฒฉ๋ฆฌ, ๊ณต์ , ๊ถํ์ ํ๋ซํผ์์ ๊ฐ์ ํ๋ ํ๋ค์ค ์ค๊ณ๊ฐ ํ์ํ๋ค.
- ์์ด์ ํธ๊ฐ ์ฝ๋๋ฅผ ์ง์ ์์ ํ๋ ํ๊ฒฝ์ผ์๋ก ๊ธฐ๋ฅ ์ถ๊ฐ ์๋๋ณด๋ค ์์ ํ ์คํ ๊ฒฝ๊ณ์ ํต์ ๊ฒฝ๋ก๋ฅผ ๋จผ์ ์ค๊ณํด์ผ ํ๋ค.
- ๊ฐ๋ฐ์๋ ํ๋์ ๊ฑฐ๋ํ ๋ฉํฐ์ ์ ์ฑ์ ๊ณ์ ํค์ฐ๊ธฐ๋ณด๋ค, ์ฌ์ฉ์๋ณ ์ธ์คํด์ค์ blueprint ์ฌ์ฌ์ฉ ๋ชจ๋ธ๋ก ์ ํ ๊ตฌ์กฐ๋ฅผ ๋ฐ๊พธ๋ ํธ์ด ํ์ค์ ์ด๋ค.