๐ŸŒฑ <groot/>
Posts (2 ํŽ˜์ด์ง€) | Groot's Tech Blog

์ „์ฒด ๊ธ€

์ด 18๊ฐœ์˜ ๊ธ€

๐ŸŒ
Web

์—ด๋ ค์žˆ๋Š”๋ฐ ์ฃฝ์–ด์žˆ๋‹ค โ€” Manifest V3 Service Worker์˜ ์ข€๋น„ WebSocket ๋‹ค๋ฃจ๊ธฐ

์‹ค์‹œ๊ฐ„ ์‹œ์„ธ ํฌ๋กฌ ํ™•์žฅ์„ ๋งŒ๋“ค๋ฉด์„œ ๊ฐ€์žฅ ์˜ค๋ž˜ ์”จ๋ฆ„ํ•œ ๊ฑด "์‹ค์‹œ๊ฐ„ ์—ฐ๊ฒฐ์ด ์ž๊พธ ์กฐ์šฉํžˆ ์ฃฝ๋Š”" ๋ฌธ์ œ์˜€๋‹ค. Manifest V3(MVโ€ฆ

2026.07.02ยท3๋ถ„ ์ฝ๊ธฐ
๐ŸŒ
Web

SPA ์ƒˆ๋กœ๊ณ ์นจ์—๋„ ํ„ฐ๋„์ด ์•ˆ ํ’€๋ฆฌ๊ฒŒ โ€” URLยท์ฟ ํ‚คยท๋ฆฌ๋‹ค์ด๋ ‰ํŠธ๋กœ ์„ธ์…˜ ์ถ”์ ํ•˜๊ธฐ

ํ„ฐ๋„์—์„œ ์€๊ทผํžˆ ๊ณจ์น˜ ์•„ํŒ ๋˜ ๋ฌธ์ œ. ๊ณต๊ฐœ URL์€ https://server/abc12345/page ์ฒ˜๋Ÿผ ์•ž์— ํ„ฐ๋„ ID(abc12345) ๊ฐ€ ๋ถ™๋Š”๋‹ค. ์„œ๋ฒ„๋Š” ์ด IDโ€ฆ

2026.07.02ยท3๋ถ„ ์ฝ๊ธฐ
๐ŸŒ
Web

์–ด๋Š ์›นํŽ˜์ด์ง€ ์œ„์—๋“  ์‹ค์‹œ๊ฐ„ ์‹œ์„ธ๋ฅผ ๋„์šฐ๊ธฐ โ€” ํฌ๋กฌ ํ™•์žฅ์„ ๋งŒ๋“  ์ด์•ผ๊ธฐ

โ€ฆ

2026.07.02ยท2๋ถ„ ์ฝ๊ธฐ
๐ŸŒ
Web

์ด๋ฏธ์ง€ยทํฐํŠธ๋ฅผ ํ…์ŠคํŠธ ์ฑ„๋„๋กœ ๋‚˜๋ฅด๊ธฐ โ€” ๋ฐ”์ด๋„ˆ๋ฆฌ๋ฅผ WebSocket์œผ๋กœ ํ„ฐ๋„๋งํ•˜๊ธฐ

ํ„ฐ๋„์„ ์ฒ˜์Œ ๋งŒ๋“ค์–ด ํ…์ŠคํŠธ ํŽ˜์ด์ง€๋ฅผ ๋„์› ์„ ๋• ์ž˜ ๋๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ด๋ฏธ์ง€๊ฐ€ ๊นจ์ง€๊ณ , ํฐํŠธ๊ฐ€ ์•ˆ ๋‚˜์˜ค๊ณ , CSSโ€ฆ

2026.07.02ยท3๋ถ„ ์ฝ๊ธฐ
๐ŸŒ
Web

์ฝ”๋“œ ์ˆ˜์ • ์—†์ด ์›๊ฒฉ ๋ธŒ๋ผ์šฐ์ €์˜ ์ฝ˜์†” ๋กœ๊ทธ ๊ฐ€์ ธ์˜ค๊ธฐ โ€” HTML ์ฃผ์ž… + console ์˜ค๋ฒ„๋ผ์ด๋“œ

โ€ฆ

2026.07.02ยท2๋ถ„ ์ฝ๊ธฐ
๐ŸŒ
Web

ํ•œ ๋ฒˆ ์งœ์„œ ๋ฒˆ๋“ค๋Ÿฌ 5๊ฐœ ์ง€์›ํ•˜๊ธฐ โ€” unplugin์œผ๋กœ ๋งŒ๋“  ์œ ๋‹ˆ๋ฒ„์„ค ํ”Œ๋Ÿฌ๊ทธ์ธ

react-code-locator๋ฅผ ๋งŒ๋“ค ๋•Œ ํ˜„์‹ค์ ์ธ ๊ณ ๋ฏผ์ด ํ•˜๋‚˜ ์žˆ์—ˆ๋‹ค. ์š”์ฆ˜ React ํ”„๋กœ์ ํŠธ์˜ ๋ฒˆ๋“ค๋Ÿฌ๋Š” ์ œ๊ฐ๊ฐ์ด๋‹ค. Vite, Next.js(Webpack), Rollupโ€ฆ

2026.07.02ยท3๋ถ„ ์ฝ๊ธฐ
๐ŸŒ
Web

์œ„์ ฏ 10๊ฐœ์—์„œ ํŽ˜์ด์ง€๊ฐ€ ๋ฒ„๋ฒ…์˜€๋‹ค โ€” ๊ฐ•์ œ reflow๋ฅผ ์œ ํœด ์‹œ๊ฐ„์œผ๋กœ ๋ฐ€์–ด๋‚ด 95% ๊ฐœ์„ ํ•œ ์ด์•ผ๊ธฐ

โ€ฆ

2026.07.02ยท3๋ถ„ ์ฝ๊ธฐ
๐ŸŒ
Web

๋‹จ๋ฐฉํ–ฅ WebSocket์„ ์–‘๋ฐฉํ–ฅ ์š”์ฒญ/์‘๋‹ต์œผ๋กœ โ€” UUID์™€ Map์œผ๋กœ ๋™์‹œ ์š”์ฒญ ๋งค์นญํ•˜๊ธฐ

๋กœ์ปฌ ์„œ๋ฒ„๋ฅผ ๊ณต๊ฐœ URL๋กœ ์—ฌ๋Š” ํ„ฐ๋„์˜ ์‹ฌ์žฅ์€ "๋ฐ”๊นฅ์—์„œ ์˜จ HTTP ์š”์ฒญ์„, WebSocketโ€ฆ

2026.07.02ยท2๋ถ„ ์ฝ๊ธฐ
ยฉ 2026 ยท Groot's Tech Blog. Built with Gatsby ๐ŸŒฑ