์ฝ”๋”ฉ์Šคํ„ฐ๋””

์ผ์ฃผ์ผ๋™์•ˆ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์€? CDD ๊ณผ์ œ ๋ณต์Šต + git ๋‹ค๋ฃจ๋Š”๋ฒ•์„ ์ตํž˜ 1. props์™€ state์˜ ์ฐจ์ด์  ์ •๋ฆฌ props๋กœ state๋ฅผ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋‹ค props๋Š” ์ „๋‹ฌํ•ด์ฃผ๋Š” ๋งค๊ฐœ (state, state ๋ณ€๊ฒฝํ•จ์ˆ˜, ํ•จ์ˆ˜, ๋ณ€์ˆ˜ ๋ชจ๋‘ ์ „๋‹ฌ๊ฐ€๋Šฅ) 2. React Custom Component ๋งŒ๋“ค๊ธฐ (์ž๋™์™„์„ฑ, autocomplete) ์ „์ฒด์ ์ธ ๊ตฌ์กฐ๋ฅผ ๊ทธ๋ฆผ์œผ๋กœ ๊ทธ๋ ค๋ณด๊ธฐ ๊ตฌ์กฐํŒŒ์•… 3๋‹จ๊ณ„ 3. localStorage๋กœ ๋งŒ๋“œ๋Š” ์ตœ๊ทผ ๋ณธ ์ƒํ’ˆ ์ €์žฅํ•˜๊ธฐ useEffect ์•ˆ์— JSON.stringify์™€ JSON.parse ์‚ฌ์šฉํ•˜๊ธฐ 4. Git ๋‹ค๋ฃจ๋Š” ๋ฒ• ๊ณต๋ถ€์ค‘ ์ฝ”๋”ฉ์• ํ”Œ ๊ฐ•์˜ ๋“ค์œผ๋ฉด์„œ Git branch ๋งŒ๋“ค๊ธฐ Git ๋‹ค์–‘ํ•œ merge ๋ฐฉ๋ฒ• ( 3 way, fast-forward, rebase&merge, sq..
JavaScript Promise์˜ ๊ธฐ๋Šฅ๊ณผ ํ•„์š”ํ•œ ์ด์œ ์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. Promise๋Š” ๋น„๋™๊ธฐ์ ์ธ ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•  ๋•Œ ์‚ฌ์šฉ๋˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค. Promise๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ธฐ๋Šฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 1. ๋น„๋™๊ธฐ์ ์ธ ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 2. ๋™๊ธฐ์ ์ธ ์ž‘์—…์ด ์™„๋ฃŒ๋˜์—ˆ์„ ๋•Œ, ๊ฒฐ๊ณผ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 3. ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๋น„๋™๊ธฐ์ ์ธ ์ž‘์—…์„ ์ˆœ์ฐจ์ ์œผ๋กœ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 4. ๋น„๋™๊ธฐ์ ์ธ ์ž‘์—…์ด ์‹คํŒจํ–ˆ์„ ๋•Œ, ์—๋Ÿฌ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Promise๋Š” ํ•„์š”ํ•œ ์ด์œ ๋„ ๋งŽ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋น„๋™๊ธฐ์ ์ธ ์ž‘์—…์€ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ๋Š” ์ž‘์—…์ด๋ฏ€๋กœ, ์ž‘์—…์ด ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ  ๋‹ค๋ฅธ ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์›น ํŽ˜์ด์ง€์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ฌ๋•Œ, ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ์›น ํŽ˜์ด์ง€๊ฐ€ ๋ฉˆ์ถ”์ง€ ์•Š๊ณ  ์‚ฌ์šฉ์ž์—๊ฒŒ ์ฆ‰..
๋ฉ”ํƒ€์ธ์ง€ ์Šคํ„ฐ๋””๋Š” ๊ฐ์ž ๋ณธ์ธ์ด ์ผ์ฃผ์ผ๋™์•ˆ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ๊ธฐ๋กํ•˜๊ณ , ํšŒ๊ณ ํ•ด๋ณด๋Š” ์Šคํ„ฐ๋””์ด๋‹ค. ์ผ์ฃผ์ผ๋™์•ˆ ๊ตฌํ˜„ํ•œ ๊ธฐ๋Šฅ๋“ค ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด 3์ดˆ ์žˆ๋‹ค๊ฐ€ ๋กœ๋”ฉ์ฐฝ์ด ๋œจ๊ณ , ์ƒํ’ˆ์ด ๋œจ๋ฉด ๋กœ๋”ฉ์ฐฝ์ด ์ง€์›Œ์ง 3์ดˆ์ด๋‚ด ํ• ์ธ์ฟ ํฐ ๋ฉ”์„ธ์ง€ ๋“ฑ์žฅํ–ˆ๋‹ค๊ฐ€ 3์ดˆํ›„์— ์‚ฌ๋ผ์ง Detail ํŽ˜์ด์ง€์˜ ํ•˜๋‹จ ํƒญ ui ๋งŒ๋“ฆ (๋ฒ„ํŠผ 0 ๋ˆ„๋ฅด๋ฉด ๋‚ด์šฉ 0๋œธ) ๋‚ด์šฉ0,๋‚ด์šฉ1,๋‚ด์šฉ2 ๊ฐ€ ๋œฐ๋•Œ 0.5์ดˆ ๊ฐ„๊ฒฉ์„ ๋‘๊ณ  ์„œ์„œํžˆ ๋“ฑ์žฅํ•จ Detail ํŽ˜์ด์ง€๊ฐ€ ์ฒ˜์Œ๋กœ๋“œ ๋ ๋•Œ 1์ดˆ ๊ฐ„๊ฒฉ์„ ๋‘๊ณ  ๋“ฑ์žฅํ•จ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ๋ ค์™€์„œ Cart ํŽ˜์ด์ง€์— ๋ฐ˜๋ณต๋ฌธ์œผ๋กœ ๋ Œ๋”๋ง ๋ณ€๊ฒฝํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์ˆ˜๋Ÿ‰์ด +1์”ฉ ์ถ”๊ฐ€๋จ Detail ํŽ˜์ด์ง€์—์„œ ์ฃผ๋ฌธํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด Cart์— ์ƒํ’ˆ์ด ์ถ”๊ฐ€๋จ ๋ณ€๊ฒฝํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์ˆ˜๋Ÿ‰์ด +1์”ฉ ์ถ”๊ฐ€๋จ ํƒ€์ผ“ํŒ…์„ ํ•˜๊ธฐ ์–ด๋ ค์› ๋‹ค (1) ๋ฐฐ์—ด์„ ๊ธฐ์ค€์œผ๋กœ, 0๋ฒˆ์งธ..
becky(์ง€์€)
'์ฝ”๋”ฉ์Šคํ„ฐ๋””' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก