๋“ค์–ด๊ฐ€๋ฉฐ

์ถ”์„ ์ „์— ๋ฐ๋ธŒ์ฝ”์Šค๋ฅผ ์‹œ์ž‘ํ•œ์ง€๊ฐ€ ์—Š๊ทธ์ œ ๊ฐ™์€๋ฐ ๋ฒŒ์จ 10์›” ๋ง์ด ๋‹ค ๋˜์–ด ๊ฐ„๋‹ค. (์‹œ๊ฐ„ ์™œ ์ด๋ ‡๊ฒŒ ๋น ๋ฅด๋ƒ๊ณ ...)
๋ฐ๋ธŒ์ฝ”์Šค ํ•ฉ๊ฒฉ๋ถ€ํ„ฐ ๊ธฐ๋ณธ ๊ฐ•์˜ ์ˆ˜๊ฐ•๋ถ€ํ„ฐ ํ˜„์žฌ๋Š” ๋…ธ์…˜ ํด๋ก  ํ”„๋กœ์ ํŠธ ์ง„ํ–‰๊นŒ์ง€ ์•Œ์ฐจ๊ฒŒ ์‹œ๊ฐ„์„ ๋ณด๋‚ธ ๊ฒƒ ๊ฐ™๋‹ค.
๊ทธ๋Ÿผ ํ•œ ๋‹ฌ ๋™์•ˆ์˜ ์—ฌ์ •์„ ์ •๋ฆฌํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.



๐Ÿ˜ฒ ๋ฐ๋ธŒ์ฝ”์Šค๋Š” ์ง€์›๋ถ€ํ„ฐ ๊ณ ๋‚œ

๋ฐ๋ธŒ์ฝ”์Šค ์ด์ „์—๋Š” ์ฝ”๋”ฉ์• ํ”Œ ๊ฐ•์˜์™€ ์œ ํŠœ๋ธŒ ๊ฐ•์˜(์ œ๋กœ์ดˆ ๋‹˜, ์ƒํ™œ ์ฝ”๋”ฉ ๋‹˜ ...etc)๋กœ ๋…ํ•™์„ ํ•ด๋ณด๋ ค๊ณ  ํ–ˆ์œผ๋‚˜ ํ”„๋ก ํŠธ์—”๋“œ ์ปค๋ฆฌํ˜๋Ÿผ์— ๋Œ€ํ•œ ๋ฌด์ง€์™€ ๋™๋ฃŒ ๋ฐ ๋ฉ˜ํ† ์˜ ๋ถ€์žฌ๋กœ ์ธํ•ด ์ง„์ฒ™์ด ํฌ์ง„ ์•Š์•˜๋‹ค.

๊ทธ๋ž˜์„œ ํƒ„ํƒ„ํ•œ ํ”„๋ก ํŠธ์—”๋“œ ๊ณต๋ถ€ ๋ฐฉํ–ฅ์„ฑ๊ณผ ๋„ค์ž„๋“œ ๋ฉ˜ํ† ๋‹˜๊ณผ ๋šœ๋ ทํ•˜๊ณ  ๊ฐ™์€ ๋น„์ „์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋“ ๋“ ํ•œ ๋™๊ธฐ๋“ค์ด ์žˆ๋Š” ๋ฐ๋ธŒ์ฝ”์Šค๋ฅผ ์ง€์›ํ•˜๊ฒŒ ๋œ ๊ฒƒ์ด๋‹ค!

์ˆ˜๋งŽ์€ ๊ตญ๋น„์ง€์› ์ฝ”๋”ฉ ๊ต์œก ์ค‘์—์„œ๋„ ์œ ๋ช…ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค๋Š” ์ง€์›๋ถ€ํ„ฐ ๊นŒ๋‹ค๋กœ์› ๋‹ค.
๋Œ€๊ธฐ์—… ์„œ๋ฅ˜ ๊ธ‰์œผ๋กœ ๊ตฌ์ฒด์ ์ธ ๊ฒฝํ—˜์„ ๋ฌป๋Š” ์ž๊ธฐ์†Œ๊ฐœ์„œ๋ถ€ํ„ฐ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ ˆ๋ฒจ 1~2 ์ˆ˜์ค€์— ํ•ด๋‹นํ•˜๋Š” ์ฝ”๋”ฉํ…Œ์ŠคํŠธ, ๊ฒฝํ—˜ ๊ธฐ๋ฐ˜ ์†Œํ”ผ์•„ ๋งค๋‹ˆ์ €๋‹˜์˜ ์••๋ฐ•(?) ๋ฉด์ ‘๊นŒ์ง€ ํ—˜๋‚œํ•˜๊ธฐ ๊ทธ์ง€์—†์—ˆ๋‹ค.

๋ชจ๋“  ์ง€์› ๊ณผ์ •์„ ๋งˆ์น˜๊ณ  ์•ฝ 1์ฃผ๊ฐ„ ์ •๋ง ํ”ผ๊ฐ€ ๋ง๋ž๋‹ค.
ํ˜ผ์ž์„œ ์ฝ”๋”ฉ ๊ณต๋ถ€๋ฅผ ํ•˜๋Š” ๊ฒƒ์ด ๊ณ ๋…ํ–ˆ๊ณ  ์ •๋ง ์›ํ–ˆ๋˜ ๊ต์œก์ด์—ˆ์œผ๋ฉฐ ์ทจ์—…์— ๋Œ€ํ•œ ์••๋ฐ•๋„ ์ปธ๊ธฐ๋•Œ๋ฌธ์ด๋‹ค.



๐ŸŽ‰ ํ•ฉ๊ฒฉ?! ์‹คํ™”?

๊ฒฐ๊ณผ ๋ฐœํ‘œ ๋‚ ๊นŒ์ง€ ๋ฉ”์ผ์„ ๋งค์ผ ๋ช‡ ๋ฒˆ์”ฉ ํ™•์ธํ–ˆ๋Š”์ง€ ๋ชจ๋ฅธ๋‹ค.
ํ˜น์‹œ๋‚˜ ์ผ์ฐ ๋ฐœํ‘œํ•˜์ง€๋Š” ์•Š์„๊นŒ. ํ•ฉ๊ฒฉ ๋ฉ”์ผ์„ ๋ˆ„๋ฝํ•ด์„œ ํ•ฉ๊ฒฉ ์ทจ์†Œ๊ฐ€ ๋˜๋ฉด ์–ด์ฉŒ๋‚˜... ์˜ค๋งŒ ์ƒ๊ฐ์ด ๋‹ค ๋“ค์—ˆ๋‹ค.

ํ•˜์ง€๋งŒ ๊ทธ๊ฒƒ์€ ๊ธฐ์šฐ์˜€์„๊นŒ. ์ •์งํ•˜๊ฒŒ ๋”ฑ ๋ฐœํ‘œ๋‚  ๋ฉ”์ผ์ด ์™”๋‹ค ๐ŸŽŠ
ํ•˜์ง€๋งŒ ํ•ฉ๊ฒฉ์ด ๋์ด ์•„๋‹ˆ์—ˆ๋‹ค.

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



โœˆ ๋ฐ๋ธŒ์ฝ”์Šค ๊ธด ์—ฌ์ •์˜ ์‹œ์ž‘

5๊ฐœ์›” ๋™์•ˆ ํ•จ๊ป˜ํ•  ํ”„๋กฑ์ด ๋™๊ธฐ๋“ค๊ณผ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์„ธ๊ณ„๊ด€ ์ตœ๊ฐ•์ž E ์†Œํ”ผ์•„ ๋งค๋‹ˆ์ € ๋‹˜๊ณผ ๊ฐ€๋ณ๊ฒŒ(?) OT๋ฅผ ์ง„ํ–‰ํ–ˆ๋‹ค.
5๊ฐœ์›”์ด๋ž€ ๊ธด ์—ฌ์ •์„ ํ•จ๊ป˜ ์ด๋ฆฌ ๊ตฌ๋ฅด๊ณ  ์ €๋ฆฌ ๊ตฌ๋ฅผ ์ƒ๊ฐํ•˜๋‹ˆ ๋ฒŒ์จ๋ถ€ํ„ฐ ์„ค๋ œ๋‹ค.(์ทจํ–ฅ ์•„๋‹™๋‹ˆ๋‹ค)

์ฒซ ๋ฒˆ์งธ ๋‹จ์œ„ ๊ธฐ๊ฐ„ ๋™์•ˆ ํ•จ๊ป˜ํ•  ํ˜„์ฃผ ๋ฉ˜ํ† ๋‹˜๊ณผ ํ˜„์ฃผํŒ€ ๋ฉค๋ฒ„๋“ค์„ ๋งŒ๋‚˜๊ฒŒ ๋˜์—ˆ๋‹ค. ๋ฌด์—‡๋ณด๋‹ค ํŒ€์›๋“ค ๋ชจ๋‘ ์‹ค๋ ฅ์„ ๋– ๋‚˜ ์—ด์ •์ ์ด์—ˆ๊ณ  ์„œ๋กœ๋ฅผ ์กด์ค‘ํ•˜๋Š” ํƒœ๋„๊ฐ€ ๋ง˜์— ๋“ค์—ˆ๋‹ค.

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



๐Ÿ“š ์ฒ˜์Œ์€ ๊ฐ€๋ณ๊ฒŒ(?) ์ž๋ฃŒ๊ตฌ์กฐ ๋ฐ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ

๋ฐ๋ธŒ์ฝ”์Šค์˜ ์ฒซ ๋‹จ์ถ”๋Š” ์ด์„ ํ˜‘ ๊ฐ•์‚ฌ๋‹˜์˜ ์ž๋ฃŒ๊ตฌ์กฐ ๋ฐ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ๊ฐ•์˜์˜€๋‹ค.
๊ฐœ๋ฐœ์ž์˜ ๊ธฐ๋ณธ ์ค‘ ํ•˜๋‚˜์ธ ์ž๋ฃŒ๊ตฌ์กฐ์— ๋Œ€ํ•ด์„œ ์ญ‰ ํ›‘์œผ์…จ๋‹ค. ์†”์งํžˆ ๊ฐ•์˜๋Š” ๋Ÿฌํ”„ํ•˜๊ฒŒ ์ง„ํ–‰ํ•˜์…จ๊ธฐ ๋•Œ๋ฌธ์— ๋‚ด๊ฐ€ ํ˜ผ์ž์„œ ์•„๋Š” ๋ถ€๋ถ„๋„ ๊ณต๋ถ€ํ•˜๊ณ  ๋ชจ๋ฅด๋Š” ๋ถ€๋ถ„์€ ๋” ๊ณต๋ถ€ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ–ˆ๋‹ค.

๋Ÿฌํ”„ํ•˜๊ฒŒ ์ง„ํ–‰ํ•˜์…จ์ง€๋งŒ ๊ทธ ์•ˆ์— JavaScript๋ฅผ 200% ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์œ ์šฉํ•œ ํŒ๊ณผ ๊ตฌํ˜„๋ฒ•, ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ ์ค€๋น„ํ•  ๋•Œ ๋งˆ์ธ๋“œ์…‹ ๋ฐ ๊ฟ€ํŒ์„ ํ•จ์ถ•ํ•˜์—ฌ ์Šต๋“ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.
๋˜ํ•œ ์ด ๊ธฐ๊ฐ„ ๋™์•ˆ ์ง„ํ–‰ํ–ˆ๋˜ ์ด์„ ํ˜‘ ๊ฐ•์‚ฌ๋‹˜์˜ ํŠน๊ฐ•๋„ ์ง„์งœ ๊ฑฐ์ง“๋ง ์•ˆ ์น˜๊ณ  ์œ ik ๊ทธ ์ž์ฒด์˜€๋‹ค.

์ง€๊ธˆ ๋…ธ์…˜ ํด๋ก  ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋А๋‚€๊ฑด๋ฐ ์ด ๊ธฐ๊ฐ„ ๋™์•ˆ ์ž๋ฃŒ๊ตฌ์กฐ๋ฅผ ์ข€ ๊ผผ๊ผผํžˆ ๊ณต๋ถ€ํ–ˆ๋˜ ๊ฒŒ ํฐ ํž˜์ด ๋˜๊ณ  ์žˆ๋‹ค.
์‹ค์ œ ์›นํŽ˜์ด์ง€๋ฅผ ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃฐ ๋•Œ ์ž๋ฃŒ๊ตฌ์กฐ์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ์—†์œผ๋ฉด ์‚ฌ์‹ค์ƒ ๊ฐœ๋ฐœ์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๋‹ค.



๐Ÿ˜Ž ์ƒํผํ†กํ†ก Git ํŠน๊ฐ•

๋ฐ”๋‹๋ผ JS ๊ฐ•์˜ ๊ธฐ๊ฐ„์— ๋Œ์ž…ํ•˜๊ธฐ ์ „์— ํ† ์Šค ์ง„์œ ๋ฆผ ๊ฐ•์‚ฌ๋‹˜์˜ Git ํŠน๊ฐ•์ด ์žˆ์—ˆ๋‹ค.๊ธฐ์กด์— Git์— ๋Œ€ํ•ด์„œ ์–•๊ฒŒ ์•Œ๊ณ  ์žˆ์—ˆ๊ธฐ์— ํ•ญ์ƒ Git ์‚ฌ์šฉ๋ฒ•์— ๋ชฉ๋ง๋ผ ์žˆ์—ˆ๋‹ค.

์ด๋Ÿฐ ๋‚ด๊ฒ ์ง„์œ ๋ฆผ ๊ฐ•์‚ฌ๋‹˜์˜ Git ์ชฝ์ง‘๊ฒŒ ํŠน๊ฐ•์€ ๊ฐ€๋ญ„์— ๋‚ด๋ฆฐ ๋‹จ๋น„์˜€๋‹ค. ์ž์นซ ์ž˜๋ชปํ•˜๋ฉด ์—„์ฒญ ํ—ท๊ฐˆ๋ฆด ์ˆ˜ ์žˆ๋Š” Git ๊ฐœ๋…์„ ๋ฐ”๋‹ค์ƒ๋ฌผ ์นœ๊ตฌ๋“ค์˜ ํ˜‘์—…์— ๋น„์œ ํ•˜์—ฌ ์œ ์น˜์›์ƒ์—๊ฒŒ ์„ค๋ช…ํ•˜์‹œ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๊น”๋”ํ•˜๊ฒŒ ์ •๋ฆฌํ•ด์ฃผ์…จ๋‹ค.

ํ˜„์žฌ๊นŒ์ง€ ์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ๊ณต๋ถ€ํ–ˆ๋˜ Git ๊ฐœ๋…๋“ค์„ ๊ณผ์ œ์™€ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰์— ํ†กํ†กํžˆ ์จ๋จน๊ณ  ์žˆ๋‹ค. ์ธํ”„๋Ÿฐ ๊ฐ•์˜ ํ• ์ธ ์ฟ ํฐ๋„ ๋ฐ›์•„์„œ ๊ตฌ๋งคํ–ˆ๋‹ค!



๐Ÿ˜ฅ ํ˜„์ฃผํŒ€[4] = null ?!

ํŒ€์› ์ค‘ ํ•œ ๋ช…์ด ๊ฐœ์ธ ์‚ฌ์ •์œผ๋กœ ํƒˆ์ฃผํ–ˆ๋‹ค.
์ž์„ธํ•œ ๋‚ด๋ง‰์€ ๋ชจ๋ฅด์ง€๋งŒ ๊ฐ‘์ž‘์Šค๋Ÿฌ์šด ํƒˆ์ฃผ๋กœ ๋‚จ์€ ํŒ€์›๋“ค์ด ์‰ฌ์‰ฌํ•˜๋Š” ๋ถ„์œ„๊ธฐ๊ฐ€ ์ž ๊น ์žˆ์—ˆ๋‹ค.

ํ•˜์ง€๋งŒ ๋‚œ ๋ฐ๋ธŒ์ฝ”์Šค๊ฐ€ ๋งˆ์ง€๋ง‰ ๊ธฐํšŒ์ด์ž ๋„์•ฝ์˜ ๋ฐœํŒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์ž„ํ•˜๊ณ  ์žˆ์—ˆ๊ธฐ์— ๋ณ„๋กœ ํƒ€๊ฒฉ์€ ์—†์—ˆ๋‹ค.
๋‹คํ–‰ํžˆ ๋‹ค๋ฅธ ํŒ€์›๋ถ„๋“ค๋„ ์—ด์ •์€ ์ถฉ๋งŒํ–ˆ๊ธฐ์— ๊ฐœ์˜์น˜ ์•Š๊ณ  ๋ฐ”๋‹๋ผ JS ๊ฐ•์˜๋ฅผ ์ค€๋น„ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.



๐ŸŽฎ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘

์ฒ˜์Œ์—๋Š” ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์Šคํ„ฐ๋””๋ฅผ ์ง„ํ–‰ํ•ด๋ณด๋ ค๊ณ  ํ–ˆ๋‹ค.
ํ•˜์ง€๋งŒ ๊ฐœ์ธ๋ณ„๋กœ ์ˆ˜์ค€์ด๋‚˜ ์–ธ์–ด๋„ ๋‹ฌ๋ž๊ธฐ์— ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ๊ณต๋ถ€๋Š” ๊ฐ์ž ์žฌ๋Ÿ‰์— ๋งก๊ธฐ๊ธฐ๋กœ ํ–ˆ๋‹ค.

๊ทธ ๋‹ค์Œ์œผ๋กœ ์ •ํ•œ ๊ฒƒ์ด ๋ฐ”๋กœ!! ๋ฏธ๋‹ˆ๊ฒŒ์ž„ ์ฒœ๊ตญ ํ”„๋กœ์ ํŠธ์˜€๋‹ค.
์ดˆ๊ธฐ์—๋Š” ํ…ŒํŠธ๋ฆฌ์Šค ํ•˜๋‚˜๋งŒ ๋งŒ๋“ค์–ด๋ณด์ž๊ณ  ํ–ˆ์ง€๋งŒ ๋ฉ˜ํ† ๋‹˜์ด ๊ฒŒ์ž„ ํ•˜๋‚˜๋งŒ์œผ๋กœ๋Š” ํ˜‘์—…์ด ํž˜๋“ค ์ˆ˜ ์žˆ๋‹ค๊ณ  ๋ผˆ์žˆ๋Š” ์กฐ์–ธ์„ ํ•ด์ฃผ์…จ๋‹ค.

๊ทธ๋ฆฌํ•˜์—ฌ ํ˜„์ฃผํŒ€์˜ ์ข…์ฐฉ์ง€๋Š” 4๋ช…์˜ ํŒ€์›์ด ๊ฐ์ž ๊ฒŒ์ž„ ํ•˜๋‚˜์”ฉ์„ ๋งŒ๋“ค์–ด์„œ ๊ฐ ๊ฒŒ์ž„์„ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋Š” ๋ฏธ๋‹ˆ๊ฒŒ์ž„ ์ฒœ๊ตญ ์‚ฌ์ดํŠธ๋ฅผ ๊ณ ์•ˆํ–ˆ๋‹ค.
๋‚œ 2048 ๋ณด๋“œ๊ฒŒ์ž„์„ ๊ตฌํ˜„ํ–ˆ๊ณ  ๋‚˜๋จธ์ง€ ํŒ€์›๋“ค์€ ํ…ŒํŠธ๋ฆฌ์Šค, ๊ทธ๋ฆผํผ์ฆ๊ฒŒ์ž„, ๊ณต๋ฃก ๋‹ฌ๋ฆฌ๊ธฐ ๊ฒŒ์ž„์„ ๊ตฌํ˜„ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.
(ํ˜„์žฌ๋Š” ๋…ธ์…˜ ํด๋ก  ํ”„๋กœ์ ํŠธ ๊ณผ์ œ์—๋„ ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•ด ์ž ์ • ์ค‘๋‹จ์ด๋‹ค ใ… ใ… )



๐ŸŒ ๋ฐ”๋‚˜๋‚˜ ์•„๋‹ˆ๊ณ  ๋ฐ”๋‹๋ผ JS

์ด์ „ ์ด์„ ํ˜‘ ๊ฐ•์‚ฌ๋‹˜ ๊ฐ•์˜๋Š” ์ด๋ก  ์œ„์ฃผ์˜€๋‹ค๋ฉด ๊น€ํƒœํฌ ๊ฐ•์‚ฌ๋‹˜์˜ ๋ฐ”๋‹๋ผ JS ๊ฐ•์˜๋Š” ์‹ค์Šต ์œ„์ฃผ์˜€๋‹ค.

ํŒ€์›๋“ค ๋ชจ๋‘ ์‹ค์Šต์„ ํ†ตํ•œ ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋‹ˆ ์ดํ•ดํ•˜๋Š” ์‹œ๊ฐ„์€ ์˜ค๋ž˜ ๊ฑธ๋ ค๋„ ์ด์ œ์•ผ ์ฝ”๋”ฉํ•˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค๊ณ  ์ž…์„ ๋ชจ์•˜๋‹ค. (๊ทธ๋ ‡๋‹ค๊ณ  ์ž๋ฃŒ๊ตฌ์กฐ&์ฝ”๋”ฉํ…Œ์ŠคํŠธ ๊ฐ•์˜๊ฐ€ ์žฌ๋ฏธ์—†์—ˆ๋˜ ๊ฑด ์•„๋‹ˆ์—์š”!! ๋ญ๋“  ๊ธฐ์ดˆ๊ฐ€ ํƒ„ํƒ„ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค..!)

Todo List, ์—๋””ํ„ฐ, ๊ฒŒ์‹œํŒ์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“ค๋ฉด์„œ ์ด๋ฒคํŠธ, ๋น„๋™๊ธฐ, ์Šคํ† ๋ฆฌ์ง€์™€ ๊ฐ™์€ ๋ฐ”๋‹๋ผ JS๋กœ ์›น์„ ๊ฐœ๋ฐœํ•  ๋•Œ ํ•„์ˆ˜์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๊ฐœ๋…๋“ค์„ ์‹ค์Šตํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์•„์ง๊นŒ์ง€๋Š” ์ฝ”๋“œ ๋”ฐ๋ผ์น˜๋Š” ๋ฐ ๊ธ‰๊ธ‰ํ–ˆ๋‹ค๊ณ  ์ƒ๊ฐ์ด ๋“ ๋‹ค.
์™œ๋ƒํ•˜๋ฉด ๋…ธ์…˜ ํด๋ก  ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋น„์Šทํ•œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š”๋ฐ ํ•œ์ฐธ์„ ํ—ค๋งค๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

๊ฐ•์˜๋ฅผ ๋“ค์€ ๊ฒƒ์€ ๋ง ๊ทธ๋Œ€๋กœ ๋“ค์€ ๊ฑฐ์ง€ ๋‚ด ๊ฒƒ์ด ๋œ ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค. ๋ฐฑ๋ฌธ์ด ๋ถˆ์—ฌ์ผํƒ€... ์•ž์œผ๋กœ ๋งŽ์ด ๋งŽ์ด ์ฝ”๋“œ๋ฅผ ๋‚ด ์†์œผ๋กœ ์ณ๋ณด์•„์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋งค์ผ ๋งค์ผ ๋“ ๋‹ค.



๐Ÿ“˜ ์›น ํ”„๋ก ํŠธ์—”๋“œ ๋ Œ๋”๋ง ์—ญ์‚ฌ...?

๋ฐ”๋‹๋ผ JS ๊ฐ•์˜๋ฅผ ์ง„ํ–‰ํ•˜์‹  ๊น€ํƒœํฌ(roto) ๊ฐ•์‚ฌ๋‹˜์˜ ํŠน๊ฐ•์ด์—ˆ๋‹ค.
๊ธฐ๋ณธ์ ์ธ ๋ธŒ๋ผ์šฐ์ €์— ๋Œ€ํ•œ CS ์ง€์‹์— ๋Œ€ํ•œ ๋‚ด์šฉ์ด์—ˆ๊ณ  ๊ธฐ์ดˆ์ ์ธ HTML ๋ Œ๋”๋ง์—์„œ๋ถ€ํ„ฐ CSR, SSR๊นŒ์ง€์˜ ์—ญ์‚ฌ๋ฅผ ๋„“๊ฒŒ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.

๊ฐ•์˜ ์ดํ›„ ๊ฐ•์‚ฌ๋‹˜์˜ ๋ผˆ์žˆ๋Š” ์กฐ์–ธ์ด ์ธ์ƒ ๊นŠ์—ˆ๋‹ค.

  • ๋ฐฑ๋ฌธ์ด ๋ถˆ์—ฌ์ผํƒ€
  • ์—‰๋ฉ์ด ๋ฌด๊ฑฐ์šด ์‚ฌ๋žŒ์ด ๊ฒฐ๊ตญ ์ด๊ธด๋‹ค
  • ์ฝ”๋”ฉ ์ž˜ ์งœ๋Š” ์‚ฌ๋žŒ๋ณด๋‹ค ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ์ž˜ํ•˜๋Š” ์‚ฌ๋žŒ์ด ์ข‹์€ ๊ฐœ๋ฐœ์ž

์ด ์„ธ ๊ฐ€์ง€ ๋ชจ๋‘ ์–ธ๋œป ๋ณด๋ฉด ๋‹น์—ฐํ•œ ์–˜๊ธฐ๊ฐ™์ง€๋งŒ ์ง€ํ‚ค๊ธฐ๋Š” ์ œ์ผ ์–ด๋ ค์šด ์Šต๊ด€์ด์ž ํƒœ๋„์˜€๋‹ค. ์•ž์œผ๋กœ ์ด ์„ธ๊ฐ€์ง€๋ฅผ ์ง€ํ‚ค๋ฉด์„œ ๊ฐœ๋ฐœ ๊ณต๋ถ€๋ฅผ ํ•˜๋ฆฌ๋ผ๊ณ  ๋‹ค์งํ–ˆ๋‹ค.



๐Ÿ“ ๊ธฐ๋ก์˜ ์ค‘์š”์„ฑ

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

๋‹จ์ˆœํžˆ velog๋‚˜ tistory์™€ ๊ฐ™์€ ํ”Œ๋žซํผ์„ ํ†ตํ•ด ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ๋ฅผ ์ž‘์„ฑํ•ด๋„ ์ข‹์ง€๋งŒ ๋ธ”๋กœ๊ทธ ํ”Œ๋žซํผ์„ ๊ฐœ๋ฐœํ•˜๋Š” ๊ฒƒ์„ ์ ๊ทน ์ถ”์ฒœํ•˜์…จ๋‹ค.
๋‚˜๋„ ์–ธ์  ๊ฐ€๋Š” ๊ฐœ๋ฐœํ•ด๋ด์•ผ์ง€ ํ–ˆ๋˜ ์ƒ๊ฐ๋งŒ ๊ฐ€์ง€๊ณ  ์žˆ์—ˆ๋Š”๋ฐ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ๋กœ ๋ฐ”๋กœ ์ง„ํ–‰ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ๋™๊ธฐ๋ถ€์—ฌ๊ฐ€ ๋˜์—ˆ๋‹ค.

๋˜ํ•œ ๋‹จ์ˆœํžˆ ๋‚ด์šฉ ์ •๋ฆฌ๋Š” ์•„๋ฌด ์“ฐ์ž˜๋ฐ๊ธฐ๊ฐ€ ์—†๋‹ค๊ณ  ํ•˜์…จ๋‹ค. ๋‹จ ๋ช‡ ์ค„์ด๋ผ๋„ ๊ดœ์ฐฎ์œผ๋‹ˆ ์ž์‹ ์ด ๊ฐœ๋ฐœ ๋˜๋Š” ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉด์„œ ๋ฐฐ์šด ์ , ๋А๋‚€ ์ , ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•œ ๋กœ๊ทธ๋ฅผ ๋‚จ๊ธฐ๋Š” ๊ฒƒ์ด ์ง„์ •ํ•œ ๊ธฐ๋ก์ด๋ผ๊ณ  ํ•˜์…จ๋‹ค.

์ •๋ง 1000% ๊ณต๊ฐํ•˜๋Š” ๋ถ€๋ถ„์ด์—ˆ๋‹ค. ์ดํ›„ ๋‚ด ๋ธ”๋กœ๊ทธ ์ž‘์„ฑ๋ฒ•๋„ ๋งŽ์ด ๋ณ€ํ™”ํ•˜์˜€๋‹ค. ์กฐ๊ธˆ์”ฉ์ด๋ผ๋„ ์ƒˆ๋กœ ๋ฐฐ์šด ์ ์ด๋‚˜ ๋ฌธ์ œ ํ•ด๊ฒฐ์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๊ธฐ๋กํ•˜๊ณ  ์žˆ๋‹ค. ์ข‹์€ ๋ณ€ํ™”๋ผ ๋ฟŒ๋“ฏํ•˜๋‹ค.



[N] ๋Œ€๋ง์˜ ๋…ธ์…˜ ํด๋ก  ํ”„๋กœ์ ํŠธ.onGoing = true

2, 3์ฃผ์ฐจ ๊ณผ์ œ์˜€๋˜ ์ž๋ฃŒ๊ตฌ์กฐ ๋ฐ Todo List ๊ณผ์ œ๊ฐ€ ๋๋‚˜์ž๋งˆ์ž ๊ธฐ๋Œ€ ๋ฐ˜ ๊ฑฑ์ • ๋ฐ˜์ด์—ˆ๋˜ ๋…ธ์…˜ ํด๋ก  ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ ๊ณผ์ œ๊ฐ€ ํ›… ๋“ค์–ด์™”๋‹ค.

์•„์ง ๋ฐ”๋‹๋ผ JS ๊ฐ•์˜์— ๋Œ€ํ•œ ์ดํ•ด๋‚˜ ์ •๋ฆฌ๊ฐ€ ํ™•์‹คํ•˜์ง€ ์•Š์€ ์ƒํƒœ์˜€๊ธฐ์— ํ˜„์žฌ๊นŒ์ง€ ๊ฐ„๋‹จํ•œ ๊ธฐ๋Šฅ ๊ตฌํ˜„ 1, 2๊ฐœ ํ•˜๋Š”๋ฐ 3์ผ์ด ๊ผฌ๋ฐ• ๊ฑธ๋ ธ๋‹ค.

ํ•˜์ง€๋งŒ ๋ญ”๊ฐ€ ์•„๋“œ๋ ˆ๋‚ ๋ฆฐ์ด ์ƒ˜์†Ÿ๋Š”๋‹ค. ๋งจ๋•…์— ํ—ค๋”ฉํ•˜๋Š” ๊ฑฐ ๊ฐ™์ง€๋งŒ ๊ทธ ๋•…์—์„œ ์ƒˆ์‹น์ด ์ž๋ผ๋ผ๋Š” ๊ธฐ๋ถ„์ด ๋А๊ปด์ง„๋‹ค. ์ด์ œ์„œ์•ผ ๋‚˜์˜ ๊ฐœ๋ฐœ ๊ทผ์œก์ด ์„ฑ์žฅํ•˜๋Š” ๊ธฐ๋ถ„์ด๋‹ค.



๐Ÿค— const ikjunFuture = success

์•ž์œผ๋กœ์˜ ๋ฏธ๋ž˜ ๋น„์ „์„ ์„ ์–ธํ•˜๊ณ  ํ•œ ๋‹ฌ ํšŒ๊ณ ๋ฅผ ๋งˆ์น˜๋„๋ก ํ•˜๊ฒ ๋‹ค.

  • ๋‚จ์€ 4๊ฐœ์›” ๋™์•ˆ ๋ฐ๋ธŒ์ฝ”์Šค๋ฅผ ๋ฌด์‚ฌ ์™„์ฃผํ•œ๋‹ค
  • ๋ฐ๋ธŒ์ฝ”์Šค๋ฅผ ๋งˆ์น  ๋•Œ๋Š” ๋‹จ์ˆœ ์ทจ์—…์ด ์•„๋‹Œ ์„ฑ์žฅ๊ฐ€๋Šฅ์„ฑ ์ถฉ๋งŒํ•œ ํ”„๋ก ํŠธ์—”๋“œ ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋œ๋‹ค
  • ๋ฐ๋ธŒ์ฝ”์Šค ํ”„๋กฑ์ด๋“ค๊ณผ ์งฑ์นœ ๋ฐ ๋“ ๋“ ํ•œ ๋™๋ฃŒ๊ฐ€ ๋œ๋‹ค
  • ์•„ํ”„์ง€ ์•Š๊ณ  ๊ฑด๊ฐ•์„ ์œ ์ง€ํ•œ๋‹ค

ํ•œ ๋‹ฌ ๋™์•ˆ ๊ฐœ๋ฐœ ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉด์„œ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ์‹  ํ˜„์ฃผํŒ€์›๋ถ„๋“ค, ํ˜„์ฃผ ๋ฉ˜ํ† ๋‹˜, ์†Œํ”ผ์•„ ๋งค๋‹ˆ์ €๋‹˜, ์ด์„ ํ˜‘ ๊ฐ•์‚ฌ๋‹˜, ๊น€ํƒœํฌ ๊ฐ•์‚ฌ๋‹˜, ์ง„์œ ๋ฆผ ๊ฐ•์‚ฌ๋‹˜, ๋งˆ๊ด‘ํœ˜ ๊ฐ•์‚ฌ๋‹˜, ํ”„๋กฑ์ด๋ถ„๋“ค ์ง„์‹ฌ์œผ๋กœ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
์•ž์œผ๋กœ ๋” ํ™”์ดํŒ…์ž…๋‹ˆ๋‹ค. ์•„์ž์•„์ž!



๐Ÿ˜… ๊ธด ํšŒ๊ณ ๊ธ€์„ ์ฝ์–ด์ฃผ์‹  ๋ชจ๋“  ๋ถ„๋“ค ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ํ•ด๋‹น ๋‚ด์šฉ์€ ํ•œ ๋‹ฌ ๋™์•ˆ ๊ฐœ๋ฐœ ๊ณต๋ถ€ ๋ฐ ๋ฐ๋ธŒ์ฝ”์Šค ๋‚ด์šฉ์„ ์ •๋ฆฌํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.

profile
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ค€๋น„์ค‘...

4๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2023๋…„ 10์›” 19์ผ

์•„์ž์•„์ž!

1๊ฐœ์˜ ๋‹ต๊ธ€
comment-user-thumbnail
2023๋…„ 10์›” 20์ผ

๋‹ค์Œ ๋‹ฌ๋„ ๊ฐ™์ด ์—ด์‹ฌํžˆ ๋‹ฌ๋ฆฝ์‹œ๋‹ค ์ต์ค€๋‹˜!!๐Ÿ”ฅ

1๊ฐœ์˜ ๋‹ต๊ธ€