TIL 45: HA2 ํšŒ๊ณ 

์ง€๋‚œ ํ•œ ๋‹ฌ

[JS/Node] ๊ฐ์ฒด ์ง€ํ–ฅ JavaScript, ๋น„๋™๊ธฐ

[์ž๋ฃŒ๊ตฌ์กฐ/์•Œ๊ณ ๋ฆฌ์ฆ˜] ์žฌ๊ท€, ์ž๋ฃŒ๊ตฌ์กฐ ๊ธฐ์ดˆ

[HTTP/๋„คํŠธ์›Œํฌ]

[React] ๋ฐ์ดํ„ฐ ํ๋ฆ„์˜ ์ดํ•ด ๋น„๋™๊ธฐ ์š”์ฒญ ์ฒ˜๋ฆฌ, ์ปดํฌ๋„ŒํŠธ ๋””์ž์ธ, Redux ์ƒํƒœ ๊ด€๋ฆฌ

[Web Server]

[๋ฐฐํฌ] ํด๋ผ์ด์–ธํŠธ ๋นŒ๋“œ์™€ ๋ฐฐํฌ

 

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

 

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

 

Section 3์—๋Š” ๋ฐฑ์—”๋“œ ์œ„์ฃผ๋กœ ๊ณต๋ถ€ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ํŽ˜์–ด ๋ถ„์˜ ๋ง์— ๋”ฐ๋ฅด๋ฉด Section 2๋ณด๋‹ค ๋‚œ์ด๋„๊ฐ€ ๋” ๋†’๋‹ค๊ณ  ํ•˜์ง€๋งŒ, ์ง€์น˜์ง€ ์•Š๊ณ  ์—ด์‹ฌํžˆ ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค! ๊ทธ๋ฆฌ๊ณ  ์ˆ˜๋™์ ์œผ๋กœ ์ฃผ์–ด์ง„ ๋‚ด์šฉ๋งŒ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๊ฒŒ์ž„ ํ”„๋กœ์ ํŠธ ๋“ฑ ์ตœ๋Œ€ํ•œ ๋‹ค์–‘ํ•œ ๋„์ „์„ ์ง€์†์ ์œผ๋กœ ํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹คใ…Žใ…Žใ…Ž ๋”ฐ.๋ผ.์„œ. ์˜ค๋Š˜์€ HA2์—์„œ ๋‹ค ๋ชปํ’€์—ˆ๋˜ AdvancedํŒŒํŠธ๋ฅผ ๋” ํ’€์–ด๋ณด๊ณ , Chrome Dinosaur Game์„ ์™„์„ฑ์‹œ์ผœ์„œ Challenge ์นดํ…Œ๊ณ ๋ฆฌ์— ๋งˆ์ € ๋” ์ •๋ฆฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹น๐Ÿ˜Š