Skip to content

gdsckoreahackathon2022/03_PUrPP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

17 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

URIBILLA

๊น€์œค์žฌ, ํŽธ์žฅ์šฑ, ๋ฐฑ์ง€์œค, ์ดํ™๊ธฐ
์ฃผ์ œ: ๊ธฐํ›„๋ณ€ํ™”

๋งํฌ, https://gistproject.co.kr

์–ด๋–ค ์ƒ๊ฐ์œผ๋กœ ๋งŒ๋“ค์—ˆ๋‚˜์š”?

๊ธฐํ›„ ๋ณ€ํ™” ๋ฌธ์ œ๋Š” ์–ธ์ œ๋‚˜ ์ค‘์š”ํ•œ ๋ฌธ์ œ์˜€์ง€๋งŒ, ๋™์‹œ์— ๊ทธ ์‹ฌ๊ฐ์„ฑ์„ ์ธ์ง€ํ•˜๊ธฐ ํž˜๋“  ๊ฒƒ์ด ํ˜„์‹ค์ž…๋‹ˆ๋‹ค.
์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์‚ฌ๋žŒ๋“ค์ด ์˜๋„ํ•˜์ง€ ์•Š๊ณ ๋„, ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๊ทธ๋“ค์ด ๋ฌธ์ œ๋ฅผ ํ•œ ๋ฒˆ ๋” ์ƒ๊ฐํ•˜๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์„๊นŒ์š”?

๊ด‘๊ณ ๋„ ๋ณด๊ธฐ ๊ท€์ฐฎ์•„ ์œ ํŠœ๋ธŒ ํ”„๋ฆฌ๋ฏธ์—„์„ ๊ตฌ๋…ํ•˜๋Š” ์‹œ๋Œ€์—, ๊ณ ์ „์ ์ธ ์„ค๋ฌธ๊ณผ ์•™์ผ€์ดํŠธ๋Š” ๋ฌธ์ œ ์ธ์‹์— ๋„์›€์ด ๋˜์ง€ ์•Š์„ ๊ฒƒ์ด๋ผ ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ €ํฌ๋Š”, 'ํ–‰๋ณตํ•œ ์‚ฌ๊ณ '๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ๋ฅผ ์ƒ๊ฐํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋ฅผ ๋งŒ๋“ค์–ด ๋ณด์•˜์–ด์š”.

๊ตฌ๊ธ€ ํฌ๋กฌ์˜ '๊ณต๋ฃก ๊ฒŒ์ž„'์„ ์•„์‹œ๋‚˜์š”?
์™€์ดํŒŒ์ด๊ฐ€ ์ž˜ ์•ˆ๋˜๊ฑฐ๋‚˜, ์ธํ„ฐ๋„ท ์—ฐ๊ฒฐ์— ์˜ค๋ฅ˜๊ฐ€ ์ƒ๊ฒจ ์ŠคํŠธ๋ ˆ์Šค ๋ฐ›๋Š” ์ƒํ™ฉ์—
๊ฐ„๋‹จํ•˜์ง€๋งŒ ๊ท€์—ฌ์šด ๊ฒŒ์ž„์„ ๋„ฃ์–ด ์ƒํ™ฉ์„ ์œ ์พŒํ•˜๊ฒŒ ๋„˜๊ฒผ๋˜ ๊ธฐ์–ต์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์ธํ„ฐ๋„ท์ด ์•ˆ๋˜๋ฉด ๊ฒ€์ƒ‰ ์—”์ง„์ด ๋” ์ด์ƒ ํ•  ์ˆ˜ ์žˆ๋Š” ์ผ์ด ์—†๋Š”๋ฐ, ๊ณต๋ฃก ๊ฒŒ์ž„์€ ์ด๋Ÿฐ ์ƒํ™ฉ์—์„œ ์ž ์‹œ ์‰ฌ์–ด๊ฐˆ ํƒ€์ด๋ฐ์„ ์คฌ๋˜ ๊ธฐ์–ต์ด ์žˆ๋„ค์š”. ๊ท€์—ฌ์šด ๊ณต๋ฃก์ด ์žˆ๋Š”๋ฐ, ํ•œ ๋ฒˆ ๋ˆŒ๋Ÿฌ๋ณด์ง€ ์•Š๊ณ  ์–ด๋–ป๊ฒŒ ๋ฐฐ๊ธฐ๊ฒ ๋‚˜์š”.

์ด ์ ์—์„œ ์ฐฉ์•ˆํ•ด, ๊ณต๋ฃก ๊ฒŒ์ž„ ๋Œ€์‹  ๊ธฐํ›„ ๋ณ€ํ™”์— ๋Œ€ํ•ด ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋Š” ์ž‘์€ ๊ฒŒ์ž„์„ ๋„ฃ์–ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.
๊ธฐํ›„ ๋ฌธ์ œ์— ๋Œ€ํ•ด ์•Œ๊ณ  ์žˆ๊ฑฐ๋‚˜, ํ•œ๋ฒˆ์ด๋ผ๋„ ์ƒ๊ฐํ•ด๋ณธ ์ ์ด ์žˆ๋Š” ์‚ฌ๋žŒ๋“ค์€
์˜ˆ์ƒํ•˜์ง€ ๋ชปํ•˜๋Š” ์‹œ์ ์— ๊ฐ€๋ฒผ์šด ๊ฒŒ์ž„์„ ํ”Œ๋ ˆ์ดํ•˜๋ฉด์„œ ์žŠ๊ณ  ์žˆ์—ˆ๋˜ ๋ฌธ์ œ์— ๋Œ€ํ•ด ๋‹ค์‹œ๊ธˆ ์ƒ๊ธฐ์‹œ์ผœ์ฃผ๊ณ ,
ํ‰์†Œ ๊ธฐํ›„ ๋ฌธ์ œ์— ๊ด€์‹ฌ์ด ์—†๋Š” ํƒ€๊ฒŸ์ธต๋„ ๊ฐ•์ œ์„ฑ ์—†์ด ์ž์‹ ์ด ์ƒ๊ฐ์ง€ ๋ชปํ–ˆ๋˜ ๋ฌธ์ œ์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์–ด์š”.

ํ•„์š”ํ•œ๊ฑด ์›น๊ณผ ๊ฒŒ์ž„.
Google Cloud Platform์˜ compute engine์œผ๋กœ, ๊ฐ€์ƒ๋จธ์‹ ์„ ์‚ฌ์šฉํ•˜์—ฌ ์„œ๋ฒ„๋ฅผ ํ˜ธ์ŠคํŒ…ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

load balancer๋ฅผ ์ด์šฉํ•˜์—ฌ https ๋ฅผ ๊ตฌํ˜„ํ•˜์˜€์Šต๋‹ˆ๋‹ค. https ๋ฅผ ์ด์šฉํ•ด์•ผ service workers ๋ฅผ ์ด์šฉํ•  ์ˆ˜ ์žˆ์—ˆ๊ณ , ์ด๋ฅผ ํ†ตํ•ด์„œ no internet connection error page ๋ฅผ ์ปค์Šคํ…€ ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๊ฒŒ์ž„์€ ๋ฐ”๋‹๋ผ js ์˜ requestAnimationFrame ์„ ์ด์šฉํ•ด์„œ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์ง์ ‘ ์บ๋ฆญํ„ฐ๋“ค๊ณผ ๋งต์„ ๋””์ž์ธ ํ•˜์˜€์–ด์š”. ์ดํ›„ ์ถฉ๋Œ ๊ฐ์ง€, ์ค‘๋ ฅ ๊ฐ€์† ๋ชจ๋ฐฉ ๋“ฑ์„ ์‹ ๊ฒฝ์จ์„œ ๊ตฌํ˜„์„ ๋งˆ๋ฌด๋ฆฌ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

[๊ตฌ๊ธ€ ๊ธฐ์ˆ ]

Google Cloud Platform - compute engine์œผ๋กœ virtual machine ์‚ฌ์šฉํ•˜์—ฌ ์„œ๋ฒ„๋ฅผ ํ˜ธ์ŠคํŒ… load balancer ์‚ฌ์šฉํ•˜์—ฌ https ์ ‘์† ๊ฐ€๋Šฅํ•˜๊ฒŒ ๊ตฌํ˜„ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์„œ๋น„์Šค ์›Œ์ปค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์˜คํ”„๋ผ์ธ ํ™˜๊ฒฝ์„ ํ†ต์ œํ•˜์˜€์Šต๋‹ˆ๋‹ค

๊ทธ๋ž˜์„œ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค

๊ท€์—ฌ์šด ์ง€๊ตฌ์™€ ํ•จ๊ป˜, ์˜ค๋Š˜์˜ ์›นํŽ˜์ด์ง€๊ฐ€ ์žˆ๋„ค์š”. ๋ฌด์—‡์„ ํ•˜๋Š” ์‚ฌ์ดํŠธ์ธ์ง€, ๋“ค์–ด๊ฐ€๋ณผ๊นŒ์š”?

์–ด๋ผ, ๋„คํŠธ์›Œํฌ ์ ‘์†์ด ์‹คํŒจํ–ˆ๋„ค์š”. ์™€์ดํŒŒ์ด ์—ฐ๊ฒฐ์„ ํ™•์ธํ•ด์•ผ๊ฒ ๋„ค์š”... ๋ชป๋ณด๋˜ ๊ฒŒ์ž„์ด ์žˆ๋„ค์š”?

ํ˜ธ๊ธฐ์‹ฌ์€ ํ–‰๋™์˜ ๊ฐ€์žฅ ํฐ ์›๋™๋ ฅ์ž…๋‹ˆ๋‹ค.
์ „ํ˜€ ์ƒ๊ฐ์ง€๋„ ๋ชปํ–ˆ๊ฒ ์ง€๋งŒ, ์ด๋ฒˆ ๊ธฐํšŒ๋ฅผ ํ†ตํ•ด ๊ธฐํ›„ ๋ณ€ํ™”์˜ ์‹ฌ๊ฐ์„ฑ์— ๋Œ€ํ•ด ์ƒ๊ฐํ•ด๋ณด๋Š”๊ฒƒ์€ ์–ด๋–จ๊นŒ์š”?

์ด๋Ÿฐ ์˜๋ฏธ๋ฅผ ์ค„ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™์•„์š”

์ปค๋‹ค๋ž€ ๋ฌธ์ œ์ผ์ˆ˜๋ก ์ง์ ‘ ํ•ด๊ฒฐํ•˜๋ ค๋Š” ๋…ธ๋ ฅ๋„ ์ค‘์š”ํ•˜์ง€๋งŒ,
๋ฌธ์ œ์— ๋Œ€ํ•œ ์ธ์‹์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด์ฃผ๋Š” ๊ฒƒ ๊ทธ ์ž์ฒด๊ฐ€ ๋” ์ค‘์š”ํ•œ ๊ฒƒ ๊ฐ™์•„์š”.
์ž‘์€ ๊ฒŒ์ž„๊ณผ ๊ธฐํ›„ ๋ฌธ์ œ์˜ ์—ฐ๊ฒฐ๊ณ ๋ฆฌ๊ฐ€ ํฌ๋ฏธํ•ด ๋ณด์ผ์ง€ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ,
๋„ˆ๋ฌด ๊ฑฐ๋Œ€ํ•œ ๋ฌธ์ œ๋กœ๋งŒ ๋А๊ปด์ง€๋Š” ๊ธฐํ›„ ๋ณ€ํ™” ๋ฌธ์ œ๋ฅผ ๋ถ€๋‹ด ์—†์ด ๋“ค์—ฌ๋‹ค๋ณผ ์ˆ˜ ์žˆ๋Š” ํ•˜๋‚˜์˜ ๊ธฐํšŒ๋ฅผ ์ฃผ๋Š” ๊ฒƒ,
์ด๊ฒƒ๋งŒ์œผ๋กœ๋„ ํ•˜๋ฃป๋ฐค์˜ ๋…ธ๋ ฅ์˜ ๊ฐ€์น˜ ์ •๋„๋Š” ๋‹คํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑด ์–ด๋–จ๊นŒ์š”?

์ €ํฌ์˜ ๋ชฉํ‘œ๊ฐ€ ์ž‘์€ ๊ณต๊ฐ„์„ ํ™œ์šฉํ•˜์—ฌ 'ํ–‰๋ณตํ•œ ์‚ฌ๊ณ '๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด๊ธฐ์—,
๊ทธ ๋ฐฉ์‹์—๋Š” ์ œ์•ฝ์ด ์—†์Šต๋‹ˆ๋‹ค.
์ด๋Ÿฐ ๊ฒŒ์ž„ ๋ง๊ณ ๋„, OSV(Oddly Satisfying Video)๋ผ๊ณ ๋„ ํ•˜์ฃ ,
๊ฐ„๋‹จํ•œ ํ„ฐ์น˜์™€ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ํ†ตํ•ด์„œ๋„ ๊ฒฝ๊ฐ์‹ฌ์„ ์ค„ ์ˆ˜ ์žˆ๊ณ 
์„ค๋ฌธ์กฐ์‚ฌ์™€ ์บ ํŽ˜์ธ์€ ํ˜ธ์†Œ์˜ ์„ฑ๊ฒฉ์ด ๊ฐ•ํ•˜์ง€๋งŒ
์ž์—ฐ์Šค๋Ÿฌ์šด ๋ฐฉ์‹์œผ๋กœ ๋ถ€๋‹ด ์—†์ด ๋ฌธ์ œ์— ์ ‘๊ทผํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ๊ฒƒ์ด ๊ฐ€๋Šฅํ• ๊ฑฐ์˜ˆ์š”.

About

Pick Your Preferred Pronoun

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors