์ผ์ฃผ์ผ๋์ ๊ณต๋ถํ ๋ด์ฉ์? 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๋ฒ์งธ..