Custom Tunnel
๋ก์ปฌ ๊ฐ๋ฐ ์๋ฒ๋ฅผ ๊ณต๊ฐ URL๋ก ์ฆ์ ๊ณต์ ํ๋ VSCode ํ์ฅ. QR ์ฝ๋ยท์๊ฒฉ ์ฝ์ ๋ก๊ทธยทHTTPS๊น์ง ์ง์ํด, ๋ชจ๋ฐ์ผ ํ์ธ๊ณผ ํ์ ๊ณต์ ์ ๋ฒ๊ฑฐ๋ก์์ ์์ด์ด์.
๐ ๊ด๋ จ ๊ธ
ํ๋ก์์ ๋ฆฌ๋ฒ์ค ํ๋ก์ โ ๋ฐฉํฅ์ด ๋ค์งํ๋ฉด ๋ญ๊ฐ ๋ฌ๋ผ์ง๋
ํฐ๋์ ๋ง๋ค๋ค๊ฐ ๊นจ๋ฌ์๋ค Custom Tunnelโฆ
ngrok์ ์ง์ ๋ง๋ค์๋ค โ ๋ก์ปฌ ์๋ฒ๋ฅผ ๊ณต๊ฐ URL๋ก ์ฌ๋ VSCode ํ์ฅ
"์ง๊ธ ๋ก์ปฌ์์ ๋๋ ๊ฑฐ, ํฐ์ผ๋ก ์ข ๋ณผ ์ ์์๊น?" ๊ฐ๋ฐํ๋ค ๋ณด๋ฉด ์์ฃผ ๊ฒช๋๋ค. ๋ก์ปฌ(localhost:300โฆ
SPA ์๋ก๊ณ ์นจ์๋ ํฐ๋์ด ์ ํ๋ฆฌ๊ฒ โ URLยท์ฟ ํคยท๋ฆฌ๋ค์ด๋ ํธ๋ก ์ธ์ ์ถ์ ํ๊ธฐ
ํฐ๋์์ ์๊ทผํ ๊ณจ์น ์ํ ๋ ๋ฌธ์ . ๊ณต๊ฐ URL์ https://server/abc12345/page ์ฒ๋ผ ์์ ํฐ๋ ID(abc12345) ๊ฐ ๋ถ๋๋ค. ์๋ฒ๋ ์ด IDโฆ
์ด๋ฏธ์งยทํฐํธ๋ฅผ ํ ์คํธ ์ฑ๋๋ก ๋๋ฅด๊ธฐ โ ๋ฐ์ด๋๋ฆฌ๋ฅผ WebSocket์ผ ๋ก ํฐ๋๋งํ๊ธฐ
ํฐ๋์ ์ฒ์ ๋ง๋ค์ด ํ ์คํธ ํ์ด์ง๋ฅผ ๋์ ์ ๋ ์ ๋๋ค. ๊ทธ๋ฐ๋ฐ ์ด๋ฏธ์ง๊ฐ ๊นจ์ง๊ณ , ํฐํธ๊ฐ ์ ๋์ค๊ณ , CSSโฆ
์ฝ๋ ์์ ์์ด ์๊ฒฉ ๋ธ๋ผ์ฐ์ ์ ์ฝ์ ๋ก๊ทธ ๊ฐ์ ธ์ค๊ธฐ โ HTML ์ฃผ์ + console ์ค๋ฒ๋ผ์ด๋
โฆ
๋จ๋ฐฉํฅ WebSocket์ ์๋ฐฉํฅ ์์ฒญ/์๋ต์ผ๋ก โ UUID์ Map์ผ๋ก ๋์ ์์ฒญ ๋งค์นญํ๊ธฐ
๋ก์ปฌ ์๋ฒ๋ฅผ ๊ณต๊ฐ URL๋ก ์ฌ๋ ํฐ๋์ ์ฌ์ฅ์ "๋ฐ๊นฅ์์ ์จ HTTP ์์ฒญ์, WebSocketโฆ