' ๊ธฐ๋ก โœ๏ธ 112

[์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ] 2๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ | ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ…Œ์ŠคํŠธ ๊ด€๋ฆฌ

* ๊ฐœ์ธ ํ•™์Šต์„ ์œ„ํ•œ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. 2๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ 3์žฅ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ…Œ์ŠคํŠธ ๊ด€๋ฆฌ 049. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ…Œ์ŠคํŠธ 1. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ…Œ์ŠคํŠธ์˜ ๊ฐœ๋… - ๊ฒ€์ฆ(Verification) : ๊ฐœ๋ฐœ์ž - ํ™•์ธ(Validation) : ์‚ฌ์šฉ์ž 2. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ…Œ์ŠคํŠธ์˜ ํ•„์š”์„ฑ - ํ”„๋กœ๊ทธ๋žจ ์‹คํ–‰์ „ ์˜ค๋ฅ˜ ๋ฐœ๊ฒฌํ•˜์—ฌ ์˜ˆ๋ฐฉ - ์‹ ๋ขฐ๋„ ํ–ฅ์ƒ 050. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ…Œ์ŠคํŠธ์˜ ๋ถ„๋ฅ˜ 1. ํ”„๋กœ๊ทธ๋žจ ์‹คํ–‰ ์—ฌ๋ถ€์— ๋”ฐ๋ฅธ ํ…Œ์ŠคํŠธ - ์ •์ ํ…Œ์ŠคํŠธ: ์›Œํฌ์Šค๋ฃจ, ์ธ์ŠคํŽ™์…˜, ์ฝ”๋“œ๊ฒ€์‚ฌ - ๋™์ ํ…Œ์ŠคํŠธ : ๋ธ”๋ž™๋ฐ•์Šค/ํ™”์ดํŠธ๋ฐ•์Šค ํ…Œ์ŠคํŠธ 2. ํ…Œ์ŠคํŠธ ๊ธฐ๋ฐ˜์— ๋”ฐ๋ฅธ ํ…Œ์ŠคํŠธ - ๋ช…์„ธ ๊ธฐ๋ฐ˜ ํ…Œ์ŠคํŠธ :๋™๋“ฑ ๋ถ„ํ• , ๊ฒฝ๊ณ„ ๊ฐ’ ๋ถ„์„ - ๊ตฌ์กฐ ๊ธฐ๋ฐ˜ ํ…Œ์ŠคํŠธ : ๊ตฌ๋ฌธ ๊ธฐ๋ฐ˜, ๊ฒฐ์ • ๊ธฐ๋ฐ˜, ์กฐ๊ฑด ๊ธฐ๋ฐ˜ - ๊ฒฝํ—˜ ๊ธฐ๋ฐ˜ ํ…Œ์ŠคํŠธ : ์—๋Ÿฌ ์ถ”์ •, ์ฒดํฌ ๋ฆฌ์ŠคํŠธ, ํƒ์ƒ‰์  ํ…Œ์ŠคํŒ… 3. ์‹œ๊ฐ์— ..

[REACT] ๋ฆฌ์•กํŠธ process.env undefined

๋ฆฌ์•กํŠธ process.env undefined ํ•ด๊ฒฐ๋ฒ• ํ”„๋กœ์ ํŠธ ์ดˆ๊ธฐ ์…‹ํŒ… ์ค‘, api๋ฅผ ํ˜ธ์ถœํ•˜๋‹ˆ๊นŒ ์ž๊พธ ์„œ๋ฒ„์ฃผ์†Œ๋กœ ํ˜ธ์ถœ๋˜๋Š”๊ฒŒ ์•„๋‹Œ ์ด์ฒ˜๋Ÿผ ์ž๊พธ ๋กœ์ปฌ ์ฃผ์†Œ๋กœ ํ˜ธ์ถœ์ด ๋˜์—ˆ๋‹ค. ์ฝ˜์†”์„ ์ฐ์–ด๋ณด๋‹ˆ undefined,,,, ๊ตฌ๊ธ€๋ง์— ๋Œ€ํ‘œ์ ์ธ ํ•ด๊ฒฐ๋ฒ•์ด ๋‘๊ฐ€์ง€๊ฐ€ ์žˆ์—ˆ๋‹ค. 1. .env ํŒŒ์ผ์„ ๋ฃจํŠธ ์œ„์น˜์— ๋„ฃ๊ธฐ 2. ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ๋ฐ”๋ฅธ ํ˜•์‹์œผ๋กœ ์„ค์ •ํ•˜๊ธฐ - REACT_APP_key=value - ๊ฐ ์ค„ ๋์— ์„ธ๋ฏธ์ฝœ๋ก , ์ฝค๋งˆ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ธฐ - ๋”ฐ์˜ดํ‘œ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ธฐ ๋‚ด ๋ฌธ์ œ๋Š” REACT_APP_key=value ์˜ ๋ฌธ์ œ์˜€๋‹ค. REACT_APP

[์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ] 2๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด๊ฐœ๋ฐœ | ์ œํ’ˆ ์†Œํ”„ํŠธ์›จ์–ด ํŒจํ‚ค์ง•

* ๊ฐœ์ธ ํ•™์Šต์„ ์œ„ํ•œ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. 2๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ 3์žฅ ์ œํ’ˆ ์†Œํ”„ํŠธ์›จ์–ด ํŒจํ‚ค์ง• 041. ์†Œํ”„ํŠธ์›จ์–ด ํŒจํ‚ค์ง• 1. ์†Œํ”„ํŠธ์›จ์–ด ํŒจํ‚ค์ง•์˜ ๊ฐœ์š” ์†Œํ”„ํŠธ์›จ์–ด ํŒจํ‚ค์ง• : ๋ชจ๋“ˆ๋ณ„๋กœ ์ƒ์„ฑํ•œ ์‹คํ–‰ ํŒŒ์ผ๋“ค์„ ๋ฌถ์–ด ๋ฐฐํฌ์šฉ ์„ค์น˜ ํŒŒ์ผ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ - ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹Œ ์‚ฌ์šฉ์ž๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ์ง„ํ–‰ 2. ํŒจํ‚ค์ง• ์‹œ ๊ณ ๋ ค์‚ฌํ•ญ - ์‚ฌ์šฉ์ž์˜ ์‹œ์Šคํ…œ ํ™˜๊ฒฝ์— ํ•„์š”ํ•œ ์ตœ์†Œ ํ™˜๊ฒฝ ์ •์˜ 3. ํŒจํ‚ค์ง• ์ž‘์—… ์ˆœ์„œ - ๊ธฐ๋Šฅ ์‹๋ณ„ -> ๋ชจ๋“ˆํ™” -> ๋นŒ๋“œ ์ง„ํ–‰ -> ์‚ฌ์šฉ์ž ํ™˜๊ฒฝ ๋ถ„์„ -> ํŒจํ‚ค์ง• ๋ฐ ์ ์šฉ ์‹œํ—˜ -> ํ”ผํ‚ค์ง• ๋ณ€๊ฒฝ ๊ฐœ์„  -> ๋ฐฐํฌ 042. ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ ์ž‘์„ฑ 1. ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ์˜ ๊ฐœ์š” ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ : ๊ฐœ๋ฐœ ๊ณผ์ •์—์„œ ์ •๋ฆฌ๋œ ๋ฆด๋ฆฌ์ฆˆ ์ •๋ณด๋ฅผ ๊ณ ๊ฐ๊ณผ ๊ณต์œ ํ•˜๊ธฐ ์œ„ํ•œ ๋ฌธ์„œ 043. ๋””์ง€ํ„ธ ์ €์ž‘๊ถŒ ๊ด€๋ฆฌ(DRM) 2. ๋””์ง€ํ„ธ ์ €์ž‘๊ถŒ ๊ด€๋ฆฌ(DEM; Digital..

[์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ] 2๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ | ํ†ตํ•ฉ ๊ตฌํ˜„

* ๊ฐœ์ธ ํ•™์Šต์„ ์œ„ํ•œ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. 2๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ 1์žฅ ํ†ตํ•ฉ ๊ตฌํ˜„ 039. ๋‹จ์œ„ ๋ชจ๋“ˆ ๊ตฌํ˜„ 1. ๋‹จ์œ„ ๋ชจ๋“ˆ์˜ ๊ฐœ์š” - ์†Œํ”„ํŠธ์›จ์–ด ๊ตฌํ˜„์— ํ•„์š”ํ•œ ์—ฌ๋Ÿฌ ๋™์ž‘ ์ค‘ ํ•œ ๊ฐ€์ง€ ๋™์ž‘์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๋ชจ๋“ˆ๋กœ ๊ตฌํ˜„ํ•œ ๊ฒƒ - ๋‹จ์œ„ ๊ธฐ๋Šฅ ๋ช…์„ธ์„œ ์ž‘์„ฑ -> ์ž…/์ถœ๋ ฅ ๊ธฐ๋Šฅ ๊ตฌํ˜„ -> ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๊ตฌํ˜„ 2. ๋‹จ์œ„ ๊ธฐ๋Šฅ ๋ช…์„ธ์„œ ์ž‘์„ฑ - ๋‹จ์œ„ ๊ธฐ๋Šฅ ๋ช…์„ธ์„œ : ์„ค๊ณ„ ๊ณผ์ •์—์„œ ์ž‘์„ฑํ•˜๋Š” ๊ธฐ๋Šฅ ๋ฐ ์ฝ”๋“œ ๋ช…์„ธ์„œ๋‚˜ ์„ค๊ณ„ ์ง€์นจ๊ณผ ๊ฐ™์ด ๋‹จ์œ„ ๊ธฐ๋Šฅ์„ ๋ช…์„ธํ™”ํ•œ ๋ฌธ์„œ๋“ค์„ ์˜๋ฏธ 3. ์ž…์ถœ๋ ฅ ๊ธฐ๋Šฅ ๊ตฌํ˜„ - ๋ชจ๋“ˆ ๊ฐ„ ํ†ต์‹  ๋ฐฉ์‹์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ๋Œ€ํ‘œ์ ์ธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ธํ„ฐํŽ˜์ด์Šค ์ง‘ํ•ฉ์œผ๋กœ ๋ณต์ˆ˜์˜ ํ”„๋กœ์„ธ์Šค๋ฅผ ์ˆ˜ํ–‰ํ•˜์—ฌ ์ด๋ค„์ง€๋Š” ํ”„๋กœ์„ธ์Šค ๊ฐ„ ํ†ต์‹ ๊นŒ์ง€ ๊ตฌํ˜„ ๊ฐ€๋Šฅํ•˜๋‹ค. - IPC์˜ ๋Œ€ํ‘œ ๋ฉ”์†Œ๋“œ - Shared Memory - Socket - Semaphor..

[์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ] 2๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ | ๋ฐ์ดํ„ฐ ์ž…,์ถœ๋ ฅ ๊ตฌํ˜„

* ๊ฐœ์ธ ํ•™์Šต์„ ์œ„ํ•œ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. 2๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ 1์žฅ ๋ฐ์ดํ„ฐ ์ž…,์ถœ๋ ฅ ๊ตฌํ˜„ 034. ์ž๋ฃŒ ๊ตฌ์กฐ 1. ์ž๋ฃŒ๊ตฌ์กฐ์˜ ์ •์˜ ํšจ์œจ์ ์ธ ํ”„๋กœ๊ทธ๋žจ์„ ์ž‘์„ฑํ•  ๋•Œ ๊ฐ€์žฅ ์šฐ์„ ์ ์ธ ๊ณ ๋ ค์‚ฌํ•ญ์€ ์ €์žฅ ๊ณต๊ฐ„์˜ ํšจ์œจ์„ฑ๊ณผ ์‹คํ–‰์‹œ๊ฐ„์˜ ์‹ ์†์„ฑ์ด๋‹ค. ์ž๋ฃŒ๊ตฌ์กฐ๋Š” ํ”„๋กœ๊ทธ๋žจ์—์„œ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•œ ์ž๋ฃŒ๋ฅผ ๊ธฐ์–ต์žฅ์น˜์˜ ๊ณต๊ฐ„ ๋‚ด์— ์ €์žฅํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ์ €์žฅ๋œ ๊ทธ๋ฃน ๋‚ด์— ์กด์žฌํ•˜๋Š” ์ž๋ฃŒ ๊ฐ„์˜ ๊ด€๊ณ„, ์ฒ˜๋ฆฌ ๋ฐฉ๋ฒ• ๋“ฑ์„ ์—ฐ๊ตฌ ๋ถ„์„ํ•˜๋Š” ๊ฒƒ 2. ์ž๋ฃŒ ๊ตฌ์กฐ์˜ ๋ถ„๋ฃŒ - ์„ ํ˜• ๊ตฌ์กฐ : ๋ฐฐ์—ด, ์„ ํ˜• ๋ฆฌ์ŠคํŠธ(์—ฐ์† ๋ฆฌ์ŠคํŠธ, ์—ฐ๊ฒฐ ๋ฆฌ์ŠคํŠธ), ์Šคํƒ, ํ, ๋ฐํฌ - ๋น„์„ ํ˜• ๊ตฌ์กฐ : ํŠธ๋ฆฌ, ๊ทธ๋ž˜ํ”„ 3. ๋ฐฐ์—ด - ๋™์ผ ํ•œ ์ž๋ฃŒํ˜•์˜ ๋ฐ์ดํ„ฐ๋“ค์ด ๊ฐ™์€ ํฌ๊ธฐ๋กœ ๋‚˜์—ด๋˜์–ด ์ˆœ์„œ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ง‘ํ•ฉ - ์ •์ ์ธ ์ž๋ฃŒ ๊ตฌ์กฐ๋กœ ๊ธฐ์–ต์žฅ์†Œ์˜ ์ถ”๊ฐ€๊ฐ€ ์–ด๋ ต๊ณ  ๋ฉ”๋ชจ๋ฆฌ์˜ ๋‚ญ๋น„ ๆœ‰ - ์ฒจ์ž๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ ..

[์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ] 1๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ์„ค๊ณ„ | ์ธํ„ฐํŽ˜์ด์Šค ์„ค๊ณ„

* ๊ฐœ์ธ ํ•™์Šต์„ ์œ„ํ•œ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. 1๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ์„ค๊ณ„ 3์žฅ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„ค๊ณ„ 027. ์‹œ์Šคํ…œ ์ธํ„ฐํŽ˜์ด์Šค ์š”๊ตฌ์‚ฌํ•ญ ๋ถ„์„ 1. ์‹œ์Šคํ…œ ์ธํ„ฐํŽ˜์ด์Šค ์š”๊ตฌ์‚ฌํ•ญ ๊ตฌ์„ฑ - ์ธํ„ฐํŽ˜์ด์Šค ์ด๋ฆ„ - ์—ฐ๊ณ„๋Œ€์ƒ ์‹œ์Šคํ…œ - ์—ฐ๊ณ„ ๋ฒ”์œ„ ๋ฐ ๋‚ด์šฉ - ์†ก์‹  ๋ฐ์ดํ„ฐ * ์ˆ˜์‹  ๋ฐ์ดํ„ฐ๋ฅผ ํฌํ•จ๋˜์ง€ ์•Š๋Š”๋‹ค - ์—ฐ๊ณ„ ๋ฐฉ์‹ - ์ธํ„ฐํŽ˜์ด์Šค ์ฃผ๊ธฐ - ๊ธฐํƒ€ ๊ณ ๋ ค์‚ฌํ•ญ 3. ์‹œ์Šคํ…œ ์ธํ„ฐํŽ˜์ด์Šค ์š”๊ตฌ์‚ฌํ•ญ ๋ถ„์„ ์ ˆ์ฐจ 1. ์š”๊ตฌ์‚ฌํ•ญ ์„ ๋ณ„ 2. ์š”๊ตฌ์‚ฌํ•ญ ๊ด€๋ จ ์ž๋ฃŒ ์ค€๋น„ 3. ์š”๊ตฌ์‚ฌํ•ญ ๋ถ„๋ฅ˜ 4. ์š”๊ตฌ์‚ฌํ•ญ ๋ถ„์„ ๋ฐ ๋ช…์„ธ์„œ ๊ตฌ์ฒดํ™” 5. ์š”๊ตฌ์‚ฌํ•ญ ๋ช…์„ธ์„œ ๊ณต์œ  028. ์ธํ„ฐํŽ˜์ด์Šค ์š”๊ตฌ์‚ฌํ•ญ ๊ฒ€์ฆ 1. ์š”๊ตฌ์‚ฌํ•ญ ๊ฒ€์ฆ - ์š”๊ตฌ์‚ฌํ•ญ ๋ช…์„ธ์„œ์— ๋ช…์‹œ๋˜์–ด ์žˆ๋Š” ์‚ฌ์šฉ์ž์˜ ์š”๊ตฌ์‚ฌํ•ญ๋“ค์ด ์‹ค์ œ๋กœ ์‹คํ˜„ ๊ฐ€๋Šฅํ•œ์ง€๋ฅผ ํ™•์ธํ•˜๋Š” ๋‹จ๊ณ„ - ์š”๊ตฌ์‚ฌํ•ญ ๊ฒ€ํ†  ๊ณ„ํš ์ˆ˜๋ฆฝ -> ๊ฒ€ํ†  ๋ฐ ์˜ค๋ฅ˜ ์ˆ˜์ • -> ๋ฒ ์ด..

[์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ] 1๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ์„ค๊ณ„ | ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„ค๊ณ„

* ๊ฐœ์ธ ํ•™์Šต์„ ์œ„ํ•œ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. 1๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ์„ค๊ณ„ 3์žฅ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„ค๊ณ„ 020. ์†Œํ”„ํŠธ์›จ์–ด ์•„ํ‚คํ…์ฒ˜ 1. ์†Œํ”„ํŠธ์›จ์–ด ์•„ํ‚คํ…์ฒ˜์˜ ์„ค๊ณ„ ๊ธฐ๋ณธ์›๋ฆฌ๋กœ๋Š” ๋ชจ๋“ˆํ™”, ์ถ”์ƒํ™”, ๋‹จ๊ณ„์  ๋ถ„ํ•ด, ์ •๋ณด์€๋‹‰์ด ์žˆ๋‹ค. 2. ๋ชจ๋“ˆํ™”(Modularity) ์†Œํ”„ํŠธ์›จ์–ด์˜ ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ฑฐ๋‚˜ ์‹œ์Šคํ…œ์˜ ์ˆ˜์ • ๋ฐ ์žฌ์‚ฌ์šฉ, ์œ ์ง€ ๊ด€๋ฆฌ ๋“ฑ์ด ์šฉ์ดํ•˜๋„๋ก ์‹œ์Šคํ…œ์˜๊ธฐ๋Šฅ๋“ค์„ ๋ชจ๋“ˆ ๋‹จ์œ„๋กœ ๋‚˜๋ˆ„๋Š” ๊ฒƒ 3. ์ถ”์ƒํ™” (Abstraction) ๋ฌธ์ œ์˜ ์ „์ฒด์ ์ด๊ณ  ํฌ๊ด„์ ์ธ ๊ฐœ๋…์„ ์„ค๊ฒŒํ•œ ํ›„ ์ฐจ๋ก€๋กœ ์„ธ๋ถ„ํ™”ํ•˜์—ฌ ๊ตฌ์ฒดํ™” ์‹œ์ผœ ๋‚˜๊ฐ€๋Š” ๊ฒƒ - ์ตœ์†Œ์˜ ๋น„์šฉ์œผ๋กœ ์‹ค์ œ ์ƒํ™ฉ์— ๋Œ€์ฒ˜ํ•  ์ˆ˜ ์žˆ๊ณ , ์‹œ;์Šคํ…œ์˜ ๊ตฌ์กฐ ๋ฐ ๊ตฌ์„ฑ์„ ๋Œ€๋žต์ ์œผ๋กœ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. 4. ๋‹จ๊ณ„์  ๋ถ„ํ•ด(Stepwise Refinement) ํ•˜ํ–ฅ์‹ ์„ค๊ณ„ ์ „๋žต์œผ๋กœ, ๋ฌธ์ œ๋ฅผ ์ƒ์œ„์˜ ์ค‘์š” ๊ฐœ๋…์œผ๋กœ๋ถ€ํ„ฐ ํ•˜..

[์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ] 1๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ์„ค๊ณ„ | ํ™”๋ฉด ์„ค๊ณ„

* ๊ฐœ์ธ ํ•™์Šต์„ ์œ„ํ•œ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. 1๊ณผ๋ชฉ ์†Œํ”„ํŠธ์›จ์–ด ์„ค๊ณ„ 2์žฅ ํ™”๋ฉด ์„ค๊ณ„ 010. ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค 3. ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค์˜ ๊ตฌ๋ถ„ - CLI : ๋ช…๋ น๊ณผ ์ถœ๋ ฅ์ด ํ…์ŠคํŠธ ํ˜•ํƒœ - GUI : ์•„์ด์ฝ˜+๋ฉ”๋‰ด ๋งˆ์šฐ์Šค๋กœ ์„ ํƒํ•˜์—ฌ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ทธ๋ž˜ํ”ฝ ํ™˜๊ฒฝ - NUI : ๋ง / ํ–‰๋™์œผ๋กœ ๊ธฐ๊ธฐ ์กฐ์ž‘ 4. ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค์˜ ๊ธฐ๋ณธ ์›์น™ - ์ง๊ด€์„ฑ - ์œ ํšจ์„ฑ - ํ•™์Šต์„ฑ - ์œ ์—ฐ์„ฑ 011. UI ํ‘œ์ค€ ๋ฐ ์ง€์นจ ์›น์˜ 3์š”์†Œ : ์›น ํ‘œ์ค€, ์›น ์ ‘๊ทผ์„ฑ, ์›น ํ˜ธํ™˜์„ฑ ๋‚ด๋น„๊ฒŒ์ด์…˜ : ๋‚ด๋น„๊ฒŒ์ด์…˜์€ ์‚ฌ์šฉ์ž๊ฐ€ ์‚ฌ์ดํŠธ์—์„œ ์›ํ•˜๋Š” ์ •๋ณด๋ฅผ ๋น ๋ฅด๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‚ดํ•˜๋Š” ๊ฒƒ์œผ๋กœ ์ž์šฉ์ž ์ค‘์‹ฌ - ์›ํ•˜๋Š” ์ •๋ณด๋ฅผ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๋„๋ก ๋‹ค์–‘ํ•œ ๊ฒฝ๋กœ or ๋ฐฉ๋ฒ• ์ œ๊ณต - ๋ฉ”๋‰ด, ์‚ฌ์ดํŠธ๋งต, ๋ฒ„ํŠผ, ๋งํฌ๋“ฑ์œผ๋กœ ๊ตฌ์„ฑ๋˜๋Š”๋ฐ, ์ด๋“ค ๊ตฌ์„ฑ ์š”์†Œ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์ง..

[์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ] 1๊ณผ๋ชฉ | ์š”๊ตฌ์‚ฌํ•ญ ํ™•์ธ

* ๊ฐœ์ธ ํ•™์Šต์„ ์œ„ํ•œ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. 001. ์†Œํ”„ํŠธ์›จ์–ด ์ƒ๋ช…์ฃผ๊ธฐ | ํญํฌ์ˆ˜ ๋ชจํ˜•(Waterfall Model) ํญํฌ์ˆ˜ ๋ชจํ˜•์€ ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™์—์„œ ๊ฐ€์žฅ ์˜ค๋ž˜๋˜๊ณ  ๊ฐ€์žฅ ํญ๋„“๊ฒŒ ์‚ฌ์šฉ๋จ, ๊ณ ์ „์  ์ƒ๋ช…์ฃผ๊ธฐ ๋ชจํ˜•์ด๋ผ๊ณ ๋„ ํ•จ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ๊ณผ์ •์˜ ํ•œ ๋‹จ๊ณ„๊ฐ€ ๋๋‚˜์•ผ๋งŒ ๋‹ค์Œ ๋‹จ๊ณ„๋กœ ๋„˜์–ด๊ฐ, ๋ณ‘์ƒ ์ˆ˜ํ–‰ X ๋งค๋‰ด์–ผ ์ž‘์„ฑ ํƒ€๋‹น์„ฑ ๊ฒ€ํ†  -> ๊ณ„ํš -> ์š”๊ตฌ๋ถ„์„ -> ์„ค๊ณ„ -> ๊ตฌํ˜„(์ฝ”๋”ฉ) -> ์‹œํ—˜(๊ฒ€์‚ฌ) -> ์œ ์ง€๋ณด์ˆ˜ | ํ”„๋กœํ† ํƒ€์ž… ๋ชจํ˜•(Prototype Model, ์›ํ˜•๋ชจํ˜•) : ์‚ฌ์šฉ์ž์˜ ์š”๊ตฌ์‚ฌํ•ญ์„ ์ •ํ™•ํ•˜๊ธฐ ํŒŒ์•…ํ•˜๊ธฐ ์œ„ํ•ด ์‹ค์ œ ๊ฐœ๋ฐœ๋  ์†Œํ”„ํŠธ์›จ์–ด์— ๋Œ€ํ•œ ๊ฒฌ๋ณธํ’ˆ์„ ๋งŒ๋“ค์–ด ์ตœ์ข… ๊ฒฐ๊ณผ๋ฌผ์„ ์˜ˆ์ธกํ•˜๋Š” ๋ชจํ˜• ์‚ฌ์šฉ์ž์™€ ์‹œ์Šคํ…œ ์‚ฌ์ด์˜ ์ธํ„ฐํŽ˜์ด์Šค์— ์ค‘์ ์„ ๋‘์–ด ๊ฐœ๋ฐœ SW ๊ฐœ๋ฐœ ์™„๋ฃŒ ์‹œ์ ์—์„œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ๊ฒฌ๋˜๋Š” ํญํฌ์ˆ˜ ๋ชจํ˜•์˜ ๋‹จ์ ์„ ๋ณด์™„ | ๋‚˜์„ ..

[React] ESLint์™€ Prettier ์„ค์ •ํ•˜๊ธฐ (++TypeScript)

์žŠ๊ธฐ์ „์— ๊ธฐ๋กํ•˜๊ธฐ TypeScript ๊ธฐ๋ฐ˜ React์—์„œ ESLint์™€ Prettier ์„ค์ •๋ฒ• ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ( ์ง„ํ–‰ํ•˜๋˜ ํ”„๋กœ์ ํŠธ์—์„œ ์„ค์ •ํ•  ๊ฒฝ์šฐ ์ถฉ๋Œ์ด ๋‚  ์ˆ˜ ์žˆ์œผ๋‹ˆ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘์ „! ์„ค์ •ํ•˜์ž) npx create-react-app my-app --template typescript 2. ESLint์™€ Prettier ์„ค์น˜ npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-config-prettier eslint-plugin-prettier prettier 3. ESLint ์„ค์ • ํ”„๋กœ์ ํŠธ ๋ฃจํŠธ ํด๋”์— .eslintrc.js๋ฅผ ์ƒ์„ฑ ํ›„ ๋‹ค์Œ ๋‚ด์šฉ ์ถ”๊ฐ€ module.exports = {..