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

Frontend Dev/๐Ÿฅ ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE ๋ถ€ํŠธ์บ ํ”„

Section2 ํšŒ๊ณ , ์žฅ๊ฑฐ๋ฆฌ ๋‹ฌ๋ฆฌ๊ธฐ๋ฅผ ์‹œ์ž‘ํ•˜๋Š” ๊ธฐ๋ถ„์œผ๋กœ

๋ฐ˜์‘ํ˜•


Section2 ํšŒ๊ณ , ์žฅ๊ฑฐ๋ฆฌ ๋‹ฌ๋ฆฌ๊ธฐ๋ฅผ ์‹œ์ž‘ํ•˜๋Š” ๊ธฐ๋ถ„์œผ๋กœ

 

 Section1์„ ๋งˆ๋ฌด๋ฆฌํ•˜๋Š” ๊ธ€์„ ์“ด๊ฒŒ ์—Š๊ทธ์ œ ๊ฐ™์€๊ฒŒ ๋ฒŒ์จ Section2๋„ ๋๋‚˜๊ณ , ํ”„๋ก ํŠธ์—”๋“œ ๋ถ€ํŠธ์บ ํ”„์—์„œ ๊ณต๋ถ€๋ฅผ ํ•œ์ง€๋„ ๋‘ ๋‹ฌ์ด ์ง€๋‚ฌ๋‹ค. ์˜ค์ „์—๋Š” ์ปค๋ฆฌ์–ด ์„ธ์…˜์œผ๋กœ ๋ชฉํ‘œ ์„ค์ •์— ๋Œ€ํ•œ ์ด์•ผ๊ธฐ๊ฐ€ ์žˆ์—ˆ๊ณ , ์˜คํ›„์—๋Š” ๋ณด์ด๋Š” ๋ผ๋””์˜ค ๋ผ๋Š” ์„ธ์…˜์œผ๋กœ ์˜จ๋ผ์ธ ๋ถ€ํŠธ์บ ํ”„๋ฅผ ์ง„ํ–‰ํ•˜๋ฉฐ ์–ด๋ ต๊ฑฐ๋‚˜ ํž˜๋“ค์—ˆ๋˜ ์‚ฌ์—ฐ ๋“ฑ์„ ์ œ๋ณด(?)ํ•˜๊ณ  ๊ณต์œ ํ•˜๋Š” ์‹œ๊ฐ„์ด ์žˆ์—ˆ๋‹ค. Section2์˜ ๋งˆ์ง€๋ง‰ Chapter๋กœ ๊ธฐ์ˆ ๋ฉด์ ‘ ์ค€๋น„์™€ ์ถ”์ฒœํ•˜๋Š” github repository ๋“ฑ๋„ ์žˆ์—ˆ๋‹ค.

 

 ํ•˜์ง€๋งŒ ์ด๋ฒˆ์—๋„ ์ง€๋‚œ๋ฒˆ๊ณผ ๊ฐ™์ด ๋‹ค๋ฅธ ๋‚ด์šฉ์€ ์ œ์™ธํ•˜๊ณ  KPT ํšŒ๊ณ  (๋‹ค์†Œ ๋ณ„ ๋‚ด์šฉ์ด ์—†๋Š” ๊ฒƒ ๊ฐ™์ง€๋งŒ)๋กœ ๋งˆ๋ฌด๋ฆฌ๋ฅผ ํ•ด๋ณผ๊นŒ ํ•œ๋‹ค. 

 

๐Ÿ“Œ ๋ชฉํ‘œ: ๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป 2023๋…„ ์•ˆ์— ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ปค๋ฆฌ์–ด ์‹œ์ž‘ํ•˜๊ธฐ

 ๋‚˜์˜ ๋ชฉํ‘œ๋Š” ์—ฌ์ „ํžˆ ๋ณ€ํ•จ์—†์ด ์˜ฌํ•ด ์•ˆ์— ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ปค๋ฆฌ์–ด๋ฅผ ์‹œ์ž‘ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. 

 

โœจ Keep

_๋งŒ์กฑ์Šค๋Ÿฌ์šด ๋ถ€๋ถ„, ๊ณ„์† ์ด์–ด๊ฐ€๋ฉด ์ข‹์„ ๋ถ€๋ถ„

• ๋งค์ผ ๊พธ์ค€ํžˆ ๊ณต๋ถ€ํ•˜๊ณ , ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜๊ณ  ๊ธฐ๋กํ•˜๋Š” ์Šต๊ด€

→ ์–ธ์ œ ์–ด๋””์„œ๋“  ๋‚ด๊ฐ€ ๊ณต๋ถ€ํ–ˆ๋˜ ๋‚ด์šฉ์„ ๊ฒ€์ƒ‰ํ•  ์ˆ˜ ์žˆ๋Š” ์œ ์šฉํ•จ๊ณผ ํŽธ๋ฆฌํ•จ ๐Ÿ™‚

• ํ•˜๋ฃจ๋ฅผ ๋Œ์•„๋ณด๋Š” ์•„์ฃผ ๊ฐ„๋žตํ•œ ํšŒ๊ณ  ์ž‘์„ฑ

→ ์‚ฌ์‹ค ๋ณ„๋‚ด์šฉ ์•ˆ์“ฐ๋Š” ๊ฐ„๋žตํ•œ ํšŒ๊ณ ์ด์ง€๋งŒ, ํ•˜๋ฃจ ํ•™์Šต๊ณผ ์ƒ๊ฐ์„ ๋Œ์•„๋ณด๊ธฐ ์ข‹์€ ๊ฒƒ ๊ฐ™๋‹ค.

• ์ œ์‹œ๊ฐ„์— ์ถœ์„ํ•˜๊ธฐ (์ง€๊ฐ โŒ)

• ์ตœ์†Œ ํ•˜๋ฃจ 30๋ถ„ ์ŠคํŠธ๋ ˆ์นญ

 

โœจ Problem

_๋ชฉํ‘œ๋ฅผ ์ด๋ฃจ๋Š”๋ฐ ์žฅ์• ๋ฌผ์ด ๋˜์—ˆ๊ฑฐ๋‚˜, ๊ฐœ์„ ์ด ํ•„์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐ๋˜๋Š” ๋ถ€๋ถ„

• ์–ด๋ ค์šด ๋‚ด์šฉ์ด ๋‚˜์˜ค๋ฉด ๋งˆ์Œ์ด ์กฐ๊ธ‰ํ•ด์ง„๋‹ค.

→ ์ฐจ๊ทผ์ฐจ๊ทผ ํ•ด๋‚˜๊ฐ€์ž.

• ์•‰์•„์„œ ๊ณต๋ถ€๋งŒ ํ•˜๋Š”๋ฐ๋„ ํ”ผ๋กœ๊ฐ์ด ์Œ“์—ฌ๊ฐ€๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๋จธ๋ฆฌ๋ฅผ ํ™˜๊ธฐ์‹œํ‚ฌ ํ•„์š”๊ฐ€ ์žˆ๋Š” ๋“ฏ.. ๐Ÿ˜ต‍๐Ÿ’ซ

 

โœจ Try

_์ฆ‰์‹œ ์‹ค์ฒœํ•  Action Item

• ๋‹ค๋ฅธ ์‚ฌ๋žŒ๊ณผ ๋น„๊ตํ•˜์ง€ ๋ง๊ณ , ๋‚˜์˜ ๋ชฉํ‘œ์— ๋งž๊ฒŒ ๋…ธ๋ ฅํ•˜์ž.

• ์ด๋ก ๋„ ๋ฌผ๋ก  ์ค‘์š”ํ•˜๊ฒ ์ง€๋งŒ, ์ฝ”๋“œ ์ž‘์„ฑ์„ ๋„์ ๋„์  ๋งŽ์ด ํ•ด๋ณด์ž..!

 


๐ŸŒ™  ์˜ค๋Š˜์˜ ํšŒ๊ณ , Section 2๊ฐ€ ๋๋‚˜๊ณ ...

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

 ์„น์…˜ 2์—์„œ๋Š” JavaScript์˜ ์‹ฌํ™” ๊ฐœ๋…๊ณผ React๋ฅผ ์‹œ์ž‘ํ–ˆ๊ณ , HTTP์™€ ๋„คํฌ์›Œํฌ, ๋งˆ์ง€๋ง‰์œผ๋กœ๋Š” Node.js์™€ Express๋ฅผ ํ™œ์šฉํ•œ ๊ธฐ๋ณธ์ ์ธ ์›น ์„œ๋ฒ„ ๊ตฌ์ถ•๋„ ๋ฐฐ์› ๋‹ค. Section1 ์—์„œ ๋ฐœํŒ์„ ๊น”์•„๋‘” (๊ทธ ๋• fs๋ชจ๋“ˆ์„ ์™œ ์‚ฌ์šฉํ•˜๋‚˜ ํ–ˆ์—ˆ์ง€…) ๊ฐœ๋…๋“ค์ด ๋“ฑ์žฅํ–ˆ๊ณ , ๋ฆฌ์•กํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋ฉฐ ํ™”๋ฉด์„ ๊ตฌํ˜„ํ•˜๋Š” ์ž‘์—…์ด ํ™•์‹คํžˆ ์žฌ๋ฏธ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ๋‹ค์‹œ ํ•œ ๋ฒˆ ๋Š๊ผˆ์ง€๋งŒ, ๋„คํŠธ์›Œํฌ ํ†ต์‹ ์„ ๊ณต๋ถ€ํ•  ๋•Œ์—๋Š” ์˜ˆ์ƒ๋Œ€๋กœ ์—ญ์‹œ๋‚˜ ์–ด๋ ค์› ๋‹ค. ์ •๋ง๋กœ ์ฒ˜์Œ ๋‹ค๋ค„๋ณธ Node.js์™€ Express๋Š” ์ฒ˜์Œ์—” ๋„ˆ๋ฌด ์–ด๋ ค์›Œ์„œ ๋ง‰๋ง‰ํ–ˆ์ง€๋งŒ, ๊ณต๋ถ€๋ฅผ ํ•˜๋‹ค๋ณด๋‹ˆ ์–ด? ์ด๊ฒƒ๋„ ์žฌ๋ฐŒ๋Š”๋ฐ? ๋ผ๋Š” ์ƒ๊ฐ๊นŒ์ง€ ๋“ค์—ˆ๋‹ค. ๋ฌผ๋ก  ๊ธฐ์ดˆ ์ž‘์—…์ด์–ด์„œ ๊ทธ๋Ÿด๊ฒƒ์ด๋ผ ์˜ˆ์ƒํ•œ๋‹ค.

 ๋ถ€ํŠธ์บ ํ”„ ์ด์ „์—๋„ React๋ฅผ ์‚ด์ง ๊ณต๋ถ€ํ•ด๋ดค์ง€๋งŒ, ์™œ ๋‚œ ๋‹ค ์žŠ์€๊ฒƒ์ธ๊ฐ€. ๋‹ค์‹œ ๋ญ”๊ฐ€๋ฅผ ๋งŒ๋“ค๋ ค๊ณ  ํ•˜๋‹ˆ ์—ญ์‹œ๋‚˜ ์‰ฝ์ง€ ์•Š์•˜๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ๊ทธ๋‚˜๋งˆ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ๊ธฐ๋ก์„ ํ•ด๋†”์„œ ๋‹คํ–‰์ด์—ˆ์ง€…

 ์˜ค๋Š˜ ์ˆ˜์—… ํ›„์— ์„น์…˜ 3์ด ์—ด๋ ธ๋‹ค. ๋‚˜์—๊ฒ ๋„ˆ๋ฌด๋‚˜ ์–ด๋ ค์šธ ๊ฒƒ๋งŒ ๊ฐ™์€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ํŒŒํŠธ๋ฅผ ์‹œ์ž‘์œผ๋กœ ์„น์…˜ 2์—์„œ ์Œ“์€ ๋ฒ ์ด์Šค๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋ฆฌ์•กํŠธ ์ƒํƒœ๊ด€๋ฆฌ์™€ ๋„คํŠธ์›Œํฌ ์‹ฌํ™” ๋“ฑ์˜ ๋‚ด์šฉ๋„ ๋ณด์˜€๋‹ค. ์„น์…˜ 3๋„ ์žฌ๋ฐŒ๊ฒŒ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ.

 ํ•˜๊ณ  ์‹ถ์€๊ฑด ๋งŽ๊ณ  ํ•ด์•ผํ•  ๊ฒƒ๋“ค๋„ ๋„ˆ๋ฌด ๋งŽ์€๋ฐ, ์‹œ๊ฐ„์€ ๋ถ€์กฑํ•˜๊ณ , ํ”ผ๋กœ๋Š” ์Œ“์—ฌ๊ฐ„ ํ•œ ๋‹ฌ์ด์—ˆ๋‹ค. ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ๋ฌด๋ฆฌ์—†์ด ์ž˜ ๋”ฐ๋ผ๊ฐ€๋Š” ๊ฒƒ ๊ฐ™์€๋ฐ, ๋‚˜๋งŒ ๋Š๋ฆฐ๊ฒƒ ๊ฐ™๊ธฐ๋„ ํ–ˆ๋‹ค. ๋ฌผ๋ก  ๊ทธ๋ ‡์ง€ ์•Š๊ฒ ์ง€๋งŒ ๋งˆ์Œ์ด ๋งŽ์ด ์กฐ๊ธ‰ํ•ด์ ธ์„œ ํ”ผ๋กœ๊ฐ์„ ๊ฐ€๋“ ์•ˆ๊ณ ์„œ๋„ ์ผ์ฐ ์ž ์ž๋ฆฌ์— ๋“ค๊ณ  ์‹ถ์ง€ ์•Š์€ ๋‚ ๋“ค์ด ๋งŽ์•˜๋‹ค. ์š”์ฆ˜์—๋Š” ํŠนํžˆ๋‚˜ ๋” ๊ทธ๋žฌ๋‹ค.

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

๋ฐ˜์‘ํ˜•