๋ฐœํ‘œ์ž


๋…ธ์ง€์—ฐ

๋…ธ์ง€์—ฐ

๋•์งˆํ•˜๋‹ค ๋งŒ๋“ค๊ฒŒ ๋œ "๋‚ด ๋ง˜๋Œ€๋กœ JavaScript ์‹œ๊ฐํ™” ์ปจํ…์ธ "

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

์ „์šฐ์ง„

์ „์šฐ์ง„

์žƒ์–ด๋ฒ„๋ฆฐ UI๋ฅผ ์ฐพ์•„์„œ: ๋””์ž์ธ์‹œ์Šคํ…œ ๊ฐœ๋ฐœ๊ธฐ

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

๋ฐ€๋ ˆ์‹œ์•„ ๋งฅ๊ทธ๋ฆฌ๊ฑฐ

๋ฐ€๋ ˆ์‹œ์•„ ๋งฅ๊ทธ๋ฆฌ๊ฑฐ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ๋จธ์‹ ๋Ÿฌ๋‹์œผ๋กœ VR์— ๋‚ ๊ฐœ ๋‹ฌ๊ธฐ

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

์ด์€์žฌ

์ด์€์žฌ

์˜คํ”ˆ ์†Œ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ฐฐํฌํ•ด๋ด…์‹œ๋‹ค

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

์•„๋ˆ„๋ผ๋‹ค ์ฟ ๋งˆ๋ฆฌ

์•„๋ˆ„๋ผ๋‹ค ์ฟ ๋งˆ๋ฆฌ

์ ‘๊ทผ์„ฑ์ด ๋–จ์–ด์ง€๋Š” ์›น์‚ฌ์ดํŠธ? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ž˜๋ชป์€ ์•„๋‹ˆ๋ž๋‹ˆ๋‹ค.

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

๋ฒค ๋ฐํฌ๋ผ์ด

๋ฒค ๋ฐํฌ๋ผ์ด

๋น„๋ฐ€๋ฒˆํ˜ธ์—๊ฒ ์ž‘๋ณ„์„, WebAuthn์—๊ฒŒ ์•ˆ๋…•์„!

์šฐ๋ฆฌ๋Š” ์˜จ๋ผ์ธ์—์„œ ํ•˜๋ฃจ์—๋„ ์ˆ˜์‹ญ๋ฒˆ ์šฐ๋ฆฌ์˜ ์•„์ด๋ดํ‹ฐํ‹ฐ๋ฅผ ์ฆ๋ช…ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ';--have i been pwned?์— ๋“ฑ๋ก๋œ 100์–ต ๊ฐœ์— ๋‹ฌํ•˜๋Š” ๊ฐœ์ธ ์ •๋ณด ์œ ์ถœ ๊ฑด์ˆ˜๊ฐ€ ๋ณด์—ฌ์ฃผ๋“ฏ, ์ด ์‹๋ณ„ ๊ณผ์ •์—๋Š” ์น˜๋ช…์ ์ธ ์•ฝ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐ”๋กœ ๋น„๋ฐ€๋ฒˆํ˜ธ์ž…๋‹ˆ๋‹ค. Web Authentication API(๋˜๋Š” WebAuthn)๋Š” "์„œ๋ฒ„๊ฐ€ ๋น„๋ฐ€๋ฒˆํ˜ธ ๋Œ€์‹  ๊ณต๊ฐœํ‚ค ์•”ํ˜ธํ™”๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž๋ฅผ ๋“ฑ๋กํ•˜๊ณ  ์ธ์ฆํ•  ์ˆ˜ ์žˆ๋„๋ก" ํ•ด์ฃผ๋Š” W3C์™€ FIDO์˜ ํ‘œ์ค€์ž…๋‹ˆ๋‹ค. WebAuthn์€ ์„œ๋ฒ„์™€ ๋ธŒ๋ผ์šฐ์ €์™€ ์ธ์ฆ์ž ๊ฐ„์— ๋น„๋ฐ€๋ฒˆํ˜ธ ์—†์ด๋„ ์ธ์ฆ์„ ๊ฐ€๋Šฅ์ผ€ ํ•˜๋Š” ์—ฌ๋Ÿฌ ํ‘œ์ค€ ์ค‘ ํ•˜๋‚˜๋กœ, ๋ชจ๋“  ํ˜„๋Œ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€์›๋ฉ๋‹ˆ๋‹ค. ์ด ๋ฐœํ‘œ์—์„œ๋Š” WebAuthn์ด ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€, ๊ทธ๋ฆฌ๊ณ  ์—ฌ๋Ÿฌ๋ถ„์ด ์ง์ ‘ ์ด ๊ธฐ์ˆ ์„ ํ™œ์šฉํ•˜์—ฌ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉ์ž์—๊ฒŒ ํ›จ์”ฌ ์•ˆ์ „ํ•œ ์˜จ๋ผ์ธ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ด์ค„ ์ˆ˜ ์žˆ๋Š”์ง€ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

์œ ์ €์Šคํ‹ด

์œ ์ €์Šคํ‹ด

ํ‡ด๊ทผ ํ›„ ์ง‘ ๋„์ฐฉ 10๋ถ„ ์ „, ์ง‘ ์•ˆ ๊ฑฐ์‹ค์˜ ์—์–ด์ฝ˜์„ ์ผœ๊ณ  ์‹ถ์–ด์„œ ์‚ฝ์งˆํ•œ ์ฐ

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

์„œ์žฌ์›

์„œ์žฌ์›

์ฝ”๋“œ ์ธ์ˆ˜๋ถ„ํ•ด โ€” ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์ฝ”๋“œ ์ •๋ฆฌํ•˜๊ธฐ

๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์ฝ”๋“œ(boilerplate code, ๋ฐ˜๋ณต์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ์ฝ”๋“œ)๋Š” ๋ถˆํ•„์š”ํ•˜๊ฒŒ ํ”„๋กœ๊ทธ๋ž˜๋จธ์˜ ๋‡Œ๋ฅผ ์ ์œ ํ•˜์—ฌ ์‚ฌ๊ณ ๋ฅผ ๋ฐฉํ•ดํ•˜๋Š” ์š”์†Œ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ๋งŽ์€ ์ฑ…๊ณผ ์œ ๋ช… ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค์€ ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์ฝ”๋“œ๋ฅผ ์ง€์–‘ํ•˜๋ผ๊ณ  ์ด์•ผ๊ธฐํ•˜๊ณ , ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค์€ ์ƒ์†๊ณผ ์ถ”์ƒํ™”๋ฅผ ๋น„๋กฏํ•œ ์˜จ๊ฐ– ๋ฐฉ๋ฒ•์„ ํ†ตํ•ด ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์ฝ”๋“œ๋ฅผ ํ”ผํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ์ด๋Ÿฐ ๋ถ€๋‹จํ•œ ๋…ธ๋ ฅ์—๋„ ์šฐ๋ฆฌ๋Š” ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์ฝ”๋“œ๋ฅผ ๋งค์ผ ๋งˆ์ฃผ์น˜๊ณค ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ , ๊ฐ€๋”์”ฉ์€ ์ •๋ง ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ•  ์ง€ ๋ชจ๋ฅด๊ฒ ๋Š” โ€˜๋ณด์Šค' ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์ฝ”๋“œ๋ฅผ ๋งŒ๋‚˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฐ ๋์—†๋Š” ์ „์Ÿ, ์ด์ œ ์ง€๊ฒน์ง€ ์•Š์œผ์‹ ๊ฐ€์š”? ๊ทธ๋Ÿฐ ๋ถ„๋“ค์„ ์œ„ํ•ด ์ค€๋น„ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์ฝ”๋“œ๋“ค๊ณผ์˜ ์ „์Ÿ์—์„œ ์šฐ์œ„๋ฅผ ์ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ค„ โ€˜์ฝ”๋“œ ์ธ์ˆ˜๋ถ„ํ•ดโ€™ ํ…Œํฌ๋‹‰์„์š”. ์ด ๋ฐœํ‘œ๋ฅผ ๋“ค์œผ์‹  ํ›„์— ์—ฌ๋Ÿฌ๋ถ„๋“ค์€ ๋‹น๋‹นํžˆ ์„ ์–ธํ•  ์ˆ˜ ์žˆ์œผ์‹ค ๊ฒ๋‹ˆ๋‹ค. โ€œ์™”๋…ธ๋ผ, ๋ณด์•˜๋…ธ๋ผ, ์ด๊ฒผ๋…ธ๋ผโ€

/images/speakers/yeom.jpg/images/speakers/seonghyeon.jpg

์—ผ์ธํ™” & ๊น€์„ฑํ˜„

p5 for 50+: ์ค‘์žฅ๋…„ ๋ฐ ๋…ธ๋…„์ธต์„ ์œ„ํ•œ ์ฝ”๋”ฉ ๊ต์œก

p5 for 50+(50๋Œ€+๋ฅผ ์œ„ํ•œ p5)๋Š” 2020 ํ”„๋กœ์„ธ์‹ฑ ์žฌ๋‹จ ํŽ ๋กœ์šฐ์‹ญ ํ”„๋กœ์ ํŠธ๋กœ, ํ•œ๊ตญ์˜ ์ค‘์žฅ๋…„์ธต๊ณผ ๋…ธ๋…„์ธต์˜ ๋””์ง€ํ„ธ ๋ฆฌํ„ฐ๋Ÿฌ์‹œ์™€ ๊ถŒ๋ฆฌ ํ–ฅ์ƒ์„ ๋ชฉํ‘œ๋กœ ์‹œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ฝ”๋”ฉ ๊ต์œก์˜ ์—ฐ๋ น๋ณ„ ์š”๊ตฌ ์‚ฌํ•ญ์— ๋งž์ถฐ p5.js์˜ ํ•™์Šต ์žฅ๋ฒฝ์„ ๋‚ฎ์ถ˜ ์›น ์•ฑ์„ ํ”„๋กœํ† ํƒ€์ž…ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐœํ‘œ์—์„œ๋Š” ์ ‘๊ทผ์„ฑ์žˆ๋Š” ์ฝ”๋”ฉ ๊ต์œก์„ ์œ„ํ•œ ๋””์ž์ธ ๊ด€์ ์—์„œ์˜ ์‹œ์‚ฌ์ ์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐํ•ฉ๋‹ˆ๋‹ค.

์ž์ด ์‚ฐํ† ์‹œ

์ž์ด ์‚ฐํ† ์‹œ

๋ชจ๋…ธ๋ ˆํฌ์—์„œ ๊ฐœ๋ฐœํ•˜๊ธฐ

์ €๋Š” ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ์—์„œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜์˜ ๋Œ€๊ทœ๋ชจ git ๋ฆฌํฌ์ง€ํ† ๋ฆฌ์— ์ฐธ์—ฌํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—” 300๋ช… ์ด์ƒ์˜ ๊ฐœ๋ฐœ์ž๋“ค์ด Microsoft365 ์ œํ’ˆ๊ตฐ์— ๊ฑธ์นœ ๋ชจ๋“  ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ๋Šฅ์„ ๊ฐœ๋ฐœํ•˜๊ณ  ๋นŒ๋“œํ•ฉ๋‹ˆ๋‹ค. ์•ฝ 150๊ฐ€์ง€์˜ npm์˜ ํŒจํ‚ค์ง€๊ฐ€ ์‚ฌ์šฉ๋˜๊ณ , 100๋งŒ ์ค„ ์ด์ƒ์˜ TypeScript ์ฝ”๋“œ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ปดํฌ๋„ŒํŠธ๋“ค์„ ์ฝ”๋กœ์ผ€์ด์…˜(co-location)ํ•จ์œผ๋กœ์จ ํŒ€ ๋ผ๋ฆฌ์˜ ํ˜‘์—… ๋ฐ ์ฝ”๋“œ ๊ณต์œ ๊ฐ€ ํ›จ์”ฌ ์‰ฌ์›Œ์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐœํ‘œ์—์„œ๋Š” ๊ฐœ๋ฐœ์ด ์‰ฝ๊ณ  ๋น ๋ฅด๊ณ  ์•ˆ์ •์ ์œผ๋กœ ์ง„ํ–‰๋˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ๋„๊ตฌ์™€ ์ฝ”๋“œ ์ •๋ฆฌ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐํ•ฉ๋‹ˆ๋‹ค. ํŠนํžˆ ๊ฐ€์žฅ ๊ณจ์น˜์•„ํ”ˆ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์™€ ์—ฌ๋Ÿฌ ํŒจํ‚ค์ง€์— ๊ฑธ์ณ ๊ณตํ†ต๋œ ์ž‘์—…์„ ์กฐ์ •ํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ์ง‘์ค‘์ ์œผ๋กœ ๋‹ค๋ฃน๋‹ˆ๋‹ค.