๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋…์„œ ๋ชฉ๋ก/๋ชจ๋”ฅ๋‹ค Modern JS Deep Dive

[๋ชจ๋”ฅ๋‹ค] 01์žฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ

728x90

์ˆ˜์ • : 23.09.17

 

๋ชจ๋”ฅ๋‹ค ๊ฐ™์ด ์ฝ๊ธฐ 2๊ธฐ๋ฅผ ๋ชจ์ง‘ํ•˜๊ณ  ์˜ค๋Š˜๋ถ€ํ„ฐ 1์ฃผ์ฐจ ์‹œ์ž‘!

 

๋นจ๋ฆฌ ๊ฐ€๋Š” ์œ ์ผํ•œ ๋ฐฉ๋ฒ•์€ ์ œ๋Œ€๋กœ ๊ฐ€๋Š” ๊ฒƒ์ด๋‹ค

- ๋กœ๋ฒ„ํŠธ ๋งˆํ‹ด - ํด๋ฆฐ์ฝ”๋“œ ์ €์ž

 

+ ๋“ค์–ด๊ฐ€๊ธฐ 

- ์ฝ”๋“œ๋ฅผ ๊ตฌํ˜„ํ•˜๋ ค๋ฉด ๋‹น์—ฐํžˆ ์ž์‹ ์ด ์ž‘์„ฑํ•˜๋Š” ์ฝ”๋“œ์˜ ๋™์ž‘์„ ์˜ˆ์ธกํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ์˜ ๋™์ž‘์„ ์˜ˆ์ธกํ•˜์ง€ ๋ชปํ•˜๋Š” ์ƒํƒœ์—์„œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•œ๋‹ค๋Š” ๊ฒƒ์€ ๋ง์ด ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. 

ํ‚ค์›Œ๋“œ ์œ„์ฃผ๋กœ ๊ณต๋ถ€ํ•˜๊ธฐ. 

์ฒ˜์Œ๋ถ€ํ„ฐ ์™„๋ฒฝ ๋ถˆ๊ฐ€! ์—ฌ๋Ÿฌ๋ฒˆ ๋ฐ˜๋ณตํ•ด์„œ ํ•™์Šตํ•˜๋Š” ๊ฒƒ์ด ํšจ์œจ์ !

 

์˜๋„์ ์ธ ์—ฐ์Šต๋„ ํ•„์š”. 

์—ฌ๊ธฐ์„œ ์˜๋„์ ์ธ ์—ฐ์Šต์ด๋ž€? ๊ตฌ๊ฒฝ ใ„ดใ„ด, ์‰ฝ๊ฒŒ ํ•ด๊ฒฐ ๊ฐ€๋Šฅํ•œ ๊ฒƒ์„ ๋ฐ˜๋ณตํ•˜๋Š” ๊ฒƒ๋„ ์•„๋‹˜.

=> ์ž์‹ ์˜ ๋Šฅ๋ ฅ์„ ์‚ด์ง ๋„˜์–ด์„œ๋Š” ๋„์ „์„ ์ง€์†์ ์œผ๋กœ ์‹œ๋„ํ•˜๋Š” ๊ฒƒ!!

 

 

 

1.1 ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€?

ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€ ์‹คํ–‰์„ ์š”๊ตฌํ•˜๋Š” ์ผ์ข…์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜. 

-> ์ฆ‰, ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ์•ž์„œ ํ•ด๊ฒฐํ•ด์•ผํ•  ๋ฌธ์ œ (์š”๊ตฌ์‚ฌํ•ญ)์„ ๋ช…ํ™•ํžˆ ์ดํ•ดํ•œ ํ›„, ์ ์ ˆํ•œ ๋ฌธ์ œ ํ•ด๊ฒฐ ๋ฐฉ์•ˆ์„ ์ •์˜ํ•  ํ•„์š”๊ฐ€ ์žˆ๋‹ค. 

์ด๋•Œ ํ•„์š”ํ•œ ๊ฒƒ : ๋ฌธ์ œ ํ•ด๊ฒฐ ๋Šฅ๋ ฅ

๋ฌธ์ œ ํ•ด๊ฒฐ๋Šฅ๋ ฅ์€ ์•Œ๊ณ ๋ฆฌ์ฆ˜๊ณผ ๋‹ค๋ฅด๋‹ค. 

์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ๋ฌธ์ œ ํ•ด๊ฒฐ ๋Šฅ๋ ฅ์„ ํ•จ์–‘ํ•˜๋Š”๋ฐ ํฐ ๋„์›€์ด ๋˜์ง€๋งŒ, ๋ฌธ์ œ ํ•ด๊ฒฐ ๋Šฅ๋ ฅ์€ ๋” ํฐ ์ฐจ์›์˜ ๋Šฅ๋ ฅ์ด๋‹ค. 

 

<๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•>

1. ๋จผ์ € ๋ฌธ์ œ(์š”๊ตฌ์‚ฌํ•ญ) ์„ ๋ช…ํ™•ํžˆ ์ดํ•ดํ•œ๋‹ค. (์ปดํ“จํ„ฐ์˜ ์ž…์žฅ์—์„œ ๋ฐ”๋ผ๋ด์•ผํ•œ๋‹ค.)

2. ๋ณต์žกํ•จ์„ ๋‹จ์ˆœํ•˜๊ฒŒ ๋ถ„ํ•ดํ•œ๋‹ค.

3. ์ž๋ฃŒ๋ฅผ ์ •๋ฆฌ & ๊ตฌ๋ถ„ํ•œ๋‹ค.

4. ์ˆœ์„œ์— ๋งž๊ฒŒ ํ–‰์œ„๋ฅผ ๋ฐฐ์—ดํ•œ๋‹ค.

 

์ปดํ“จํŒ… ์‚ฌ๊ณ  

: ์ต์ˆ™ํ•œ ๊ฒƒ์„ ๋‹น์—ฐ์‹œ ํ•˜๋Š” ์‚ฌ๋žŒ์˜ ์ผ๋ฐ˜์ ์ธ ์‚ฌ๊ณ  ๋ฐฉ์‹ ๋Œ€์‹  ์ปดํ“จํ„ฐ๊ฐ€ ์•Œ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์•ผํ•œ๋‹ค.  

- ํŒ๋‹จํ•ด์•ผํ•˜๋Š” ์ƒํƒœ์™€ ๊ทธ ์ƒํƒœ๋ฅผ ํŒ๋‹จํ•˜๋Š” ์‹œ๊ธฐ, ๊ทธ๋ฆฌ๊ณ  ํŒ๋‹จ ๊ธฐ์ค€์„ ์ •์˜ํ•ด์•ผ ํ•˜๋ฉฐ, ์ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋ถ„ํ•ดํ•œ ์ฒ˜๋ฆฌ์˜ ์‹คํ–‰ ์—ฌ๋ถ€๋ฅผ ๊ฒฐ์ •ํ•ด์•ผ ํ•œ๋‹ค. 

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

 

 

 

1.2 ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด

ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด : ๋ณต์žกํ•œ ๊ธฐ๊ณ„์–ด๋ฅผ ๋Œ€์‹ ํ•ด ์‚ฌ๋žŒ์ด ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์•ฝ์†๋œ ๊ตฌ๋ฌธ(๋ฌธ๋ฒ•) ์œผ๋กœ ๊ตฌ์„ฑ๋œ ์–ธ์–ด. 

์‚ฌ๋žŒ์ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋กœ ํ”„๋กœ๊ทธ๋žจ์„ ์ž‘์„ฑ -> ์ธํ„ฐํ”„๋ฆฐํ„ฐ/ ์ปดํŒŒ์ผ๋Ÿฌ ๋กœ ๋ถˆ๋ฆฌ๋Š” ์ผ์ข…์˜ ๋ฒˆ์—ญ๊ธฐ๋กœ ๋ฒˆ์—ญ -> ๊ธฐ๊ณ„๊ฐ€ ์ดํ•ด

-> ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•ด ์ปดํ„ฐ์—๊ฒŒ ์‹คํ–‰์„ ์š”๊ตฌํ•˜๋Š” ์ผ์ข…์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜. 

 

 

1.3 ๊ตฌ๋ฌธ๊ณผ ์˜๋ฏธ 

์–ธ์–ด์˜ ์—ญํ•  -> ๋ฌธ๋ฒ•์˜ ๋งž๋Š” ๋ฌธ์žฅ์„ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ์€ ๋ฌผ๋ก , ์˜๋ฏธ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์•ผ ํ•œ๋‹ค. 

๋ฌธ์ œ ํ•ด๊ฒฐ ๋Šฅ๋ ฅ์„ ํ†ตํ•ด ๋งŒ๋“ค์–ด๋‚ธ ํ•ด๊ฒฐ ๋ฐฉ์•ˆ -> ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•ด ํ‘œํ˜„ํ•œ๋‹ค.

์ฆ‰, ์ž‘์„ฑ๋œ ์ฝ”๋“œ๋Š” ํ•ด๊ฒฐ ๋ฐฉ์•ˆ์˜ ๊ตฌ์ฒด์  ๊ตฌํ˜„๋ฌผ์ด๋‹ค.  -> ์š”๊ตฌ์‚ฌํ•ญ์ด ์‹คํ˜„๋˜์–ด์•ผ ์˜๋ฏธ๊ฐ€ ์žˆ๋‹ค. 

 

๊ฒฐ๋ก 

๊ฒฐ๊ตญ ์˜๋ฏธ ์žˆ๋Š” ๋ฌธ์ œ ํ•ด๊ฒฐ์ด ๋˜์–ด์•ผ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•œ ์ง„์ •ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค!

์–ธ์–ด๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ < ๋ฌธ์ œ๋ฅผ ์ •ํ™•ํžˆ ํŒŒ์•…ํ•˜๊ณ  ๋ถ„์„ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค. 

์š”๊ตฌ์‚ฌํ•ญ์˜ ์ง‘ํ•ฉ์„ ๋ถ„์„ํ•ด์„œ ์ ์ ˆํ•œ ์ž๋ฃŒ๊ตฌ์กฐ์™€ ํ•จ์ˆ˜์˜ ์ง‘ํ•ฉ์œผ๋กœ ๋ณ€ํ™˜ํ•œ ํ›„, ๊ทธ ํ๋ฆ„์„ ์ œ์–ดํ•˜๋Š” ๊ฒƒ

 

 

 

 

728x90
๋ฐ˜์‘ํ˜•