๋กœ์ปฌ ๐Ÿ’ป ์›น ์„œ๋ฒ„๋ฅผ ์ „ ์„ธ๊ณ„์— ๋…ธ์ถœ ๐ŸŒ

3432 ๋‹จ์–ด testingwebdevproductivitytutorial

์™œ์š” ?



์›น ๊ฐœ๋ฐœ์ž๋Š” (๋Œ€๋ถ€๋ถ„) ์šฐ๋ฆฌ๊ฐ€ ์„ ํ˜ธํ•˜๋Š” ๋„๊ตฌ์™€ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ localhost์—์„œ ๊ฐœ๋ฐœํ•˜๊ณ  ์šฐ๋ฆฌ๊ฐ€ ๊ตฌ์ถ•ํ•œ ๊ฒƒ์„ ํ…Œ์ŠคํŠธํ•  ๋กœ์ปฌ ์„œ๋ฒ„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋•Œ๋•Œ๋กœ ๋™๋ฃŒ๋‚˜ ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ์ง„ํ–‰ ์ƒํ™ฉ์„ ๋ณด์—ฌ์ฃผ๊ฑฐ๋‚˜ ๋ธŒ๋ผ์šฐ์ € ์Šคํƒ๊ณผ ๊ฐ™์€ ์˜จ๋ผ์ธ ํ…Œ์ŠคํŠธ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…Œ์ŠคํŠธํ•ด์•ผ ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“  ์ž‘์€ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์œ„ํ•ด ๊ฐœ๋ฐœ ์„œ๋ฒ„์— ๋ฐฐํฌํ•˜๋Š” ๊ฒƒ์€ ๊ฐ€์น˜๊ฐ€ ์—†์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜๋Š” ๋ฐฐํฌ ํ”„๋กœ์„ธ์Šค์— ์‹œ๊ฐ„์ด ๋งŽ์ด ๊ฑธ๋ฆฌ๊ฑฐ๋‚˜ ๋ฐฐํฌ๊ฐ€ ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆด ์‹œ๊ฐ„์ด ์—†์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด์œ ๊ฐ€ ๋ฌด์—‡์ด๋“  ์ŠคํŠธ๋ ˆ์Šค ์—†์ด localhost.run , serveo.net , ngrok.com , no-ip.com ๊ณผ ๊ฐ™์€ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋กœ์ปฌ ํ˜ธ์ŠคํŠธ๋ฅผ ๋…ธ์ถœํ•˜๋Š” ๋งค์šฐ ์‰ฌ์šด ๋ฐฉ๋ฒ•์ด ์žˆ์œผ๋ฉฐ ์•„๋งˆ๋„ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์ด ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์•„๋งˆ๋„ ๊ฐ€์žฅ ์ž˜ ์•Œ๋ ค์ง„ ๊ฒƒ์€ ngrok ๋ฐ no-ip.com์ด์ง€๋งŒ ์ง€๋‚œ๋ฒˆ์— ํ™•์ธํ–ˆ์„ ๋•Œ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ๋“ฑ๋กํ•ด์•ผ ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋” ์‰ฌ์šด ๋ฐฉ๋ฒ•์„ ์ฐพ์•˜๊ณ  ์•„๋ž˜์— ์ œ์‹œํ•  ๋Œ€์•ˆ์„ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค.

ngrok.com ๋ฐ/๋˜๋Š” no-ip.com์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์ž์Šต์„œ๋Š” dev.to์—์„œ ๋˜๋Š” ๋น ๋ฅธ ๊ฒ€์ƒ‰์œผ๋กœ ๋งŽ์€ ๊ฒƒ์„ ์ฐพ์„ ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค.

์–ด๋–ป๊ฒŒ ?



Localhost.run์€ ๋“ฑ๋ก ์—†์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ„ฐ๋ฏธ๋„์—์„œ ๊ฐ„๋‹จํ•œ ๋ช…๋ น์„ ํ˜ธ์ถœํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

ssh -R 80:localhost:8080 ssh.localhost.run


์—ฌ๊ธฐ์„œ 8080์€ ๋กœ์ปฌ ์„œ๋ฒ„์˜ ์ˆ˜์‹  ํฌํŠธ๋กœ ๊ฐ„์ฃผ๋ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ๊ฐ„๋‹จํ•œ ์˜ˆ์ž…๋‹ˆ๋‹ค. ๋กœ์ปฌ ๊ฐœ๋ฐœ ์„œ๋ฒ„๊ฐ€ ํฌํŠธ 3000์—์„œ ์‹คํ–‰๋˜๊ณ  ์žˆ์œผ๋ฏ€๋กœ visting localhost:3000 ์„ ํ†ตํ•ด ํ…Œ์ŠคํŠธํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•ฉ๋‹ˆ๋‹ค.

ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ์„ ์‹คํ–‰ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

ssh -R 80:localhost:3000 ssh.localhost.run


๊ทธ๋ฆฌ๊ณ  ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์‘๋‹ต์„ ๊ธฐ๋‹ค๋ฆด ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Connect to http://MACHINENAME-7zhx.localhost.run or https://MACHINENAME-7zhx.localhost.run


์ด์ œ ์œ„์˜ ๋งํฌ ์ค‘ ํ•˜๋‚˜๋ฅผ ์ธํ„ฐ๋„ท์—์„œ ์•ก์„ธ์Šคํ•˜๊ฑฐ๋‚˜ ์™ธ๋ถ€ ํ…Œ์ŠคํŠธ ํ™˜๊ฒฝ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ”„๋กœ์„ธ์Šค๋ฅผ ์ข…๋ฃŒํ•  ๋•Œ๊นŒ์ง€ ์„œ๋ฒ„๊ฐ€ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.

๊ทธ๊ฒŒ ์ „๋ถ€์ž…๋‹ˆ๋‹ค. ๋“ฑ๋ก์ด๋‚˜ ๋‹ค๋ฅธ ๋ฒˆ๊ฑฐ๋กœ์›€์ด ํ•„์š” ์—†์œผ๋ฉฐ ๋ฌด๋ฃŒ ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.

๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋‹ค์Œ ๋ช…๋ น์œผ๋กœ serveo.net ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ssh -R 80:localhost:3000 serveo.net


์ตœ๊ทผ์— ๊ธฐ๋ณต์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉํ•˜๊ธฐ ์ „์— ์„œ๋ณด ํ™•์ธ์„ ์œ„ํ•ด website ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค.

๋ชจ๋“  ์œ ์‚ฌํ•œ ์„œ๋น„์Šค



  • localhost.run (๋ฌด๋ฃŒ, ๋“ฑ๋ก ์—†์Œ)

  • serveo.net (์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ž„, ๋ฌด๋ฃŒ, ๋“ฑ๋ก ์—†์Œ)

  • ngrok.com (์œ ๋ฃŒ, ๋ฌด๋ฃŒ ํ‰๊ฐ€ํŒ, ๋“ฑ๋ก ์—†์ด๋„ ๋ฌด๋ฃŒ)

  • no-ip.com (์œ ๋ฃŒ, ๋ฌด๋ฃŒ ํ‰๊ฐ€ํŒ, ์›”๊ฐ„ ์žฌ๋“ฑ๋ก ์‹œ ๋ฌด๋ฃŒ)

  • cloudflare argo tunnel (๋ฌด๋ฃŒ, ๋“ฑ๋ก ์—†์Œ)

  • dyn.com (์œ ๋ฃŒ, ๋ฌด๋ฃŒ ํ‰๊ฐ€ํŒ)

  • Docker tunnel (๋ฌด๋ฃŒ, ์„ค์ • ํ•„์š”)

  • Docker tunnel (๋ฌด๋ฃŒ, ์„ค์ • ํ•„์š”)

  • Do it yourself tutorial (๋ฌด๋ฃŒ, ์„ค์ • ํ•„์š”)

  • ์—ผ๋‘์— ๋‘๊ฑฐ๋‚˜ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ด์ ์ด ์žˆ๋Š” ๋‹ค๋ฅธ ์œ ์‚ฌํ•œ ์„œ๋น„์Šค๋ฅผ ๊ฒŒ์‹œํ•˜๊ฑฐ๋‚˜ ์œ„ ๋ชฉ๋ก์— ๋Œ€ํ•œ ์ˆ˜์ • ์‚ฌํ•ญ์„ ์ €์—๊ฒŒ ๋ณด๋‚ด์ฃผ์‹ญ์‹œ์˜ค.

    ๊ฒฝ๊ณ 



    ์ผ๋ถ€ ์‚ฌ๋žŒ๋“ค์€ ๊ทธ๋Ÿฌํ•œ ์„œ๋น„์Šค๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์‹ค์ œ๋กœ ISP์˜ ์ด์šฉ ์•ฝ๊ด€์„ ์œ„๋ฐ˜ํ•˜๋Š” ๊ฒƒ์ด๋ผ๋Š” ์˜๊ฒฌ์—์„œ ์šฐ๋ ค๋ฅผ ์ œ๊ธฐํ–ˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—๋Š” ๋Œ€์•ˆ์˜ ์‚ฌ์šฉ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ISP๊ฐ€ ๊ทธ๋Ÿฌํ•œ ์—ฐ๊ฒฐ์„ ์•Œ๊ฑฐ๋‚˜ ๊ฐ์ง€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ€๋Šฅ์„ฑ์€ ๋งค์šฐ ์ ์Šต๋‹ˆ๋‹ค.

    ์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ