๋ถํธ์บ ํ์์ ์๋ ค์ฃผ์ง ์๋ ๊ฒ๋ค (๋ฆฌ์กํธ) 1ํธ
์ปค์คํ ํ , TDD, ์ปจํ ์คํธ API, ๋ฆฌํฉํ ๋ง, ๋ณต์กํ ์ํ ๊ด๋ฆฌ ๋ฑ React ๊ฐ๋ฐ์ ๋ณต์กํ ๋ถ๋ถ์ ๋ง์คํฐํ์ธ์.
์๊ฐ์ 494๋ช
๋์ด๋ ์ค๊ธ์ด์
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ํด๊ฒฐ
๊ฐ์ ๋ง์ง๋ง์ด ์๋ ค์๋๊ฒ ๊ฐ์ต๋๋ค
๊ฐ์ ๋ง์ง๋ง์ด ์๋ ค์๋ ๊ฒ ๊ฐ์ต๋๋ค
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธ์ ์คํ ๋ชฝ๊ตฌ์ค
ใป
2๋ฌ ์
0
41
2
- ํด๊ฒฐ
์ ๋ถ ์ ๋ ฅ๋ ์ฝ๋๋ค๋ง ์๋๊ฑด๊ฐ์? ๋ฐ๋ผ์น๋ฉด์ ํ๊ณ ์ถ์๋ฐ...
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธdlawnsdlekd
ใป
1
272
1
- ํด๊ฒฐ
์ฝ๋ ์๋๋ฐ์ค ์๋๋๊ฑฐ๊ฐ์ต๋๋ค
์ฝ๋ ์๋๋ฐ์ค๋ค์ด๊ฐ๋ฉด ์ด๋ฐ์์ผ๋ก ๋จ๋๋ฐ ์ด๋ป๊ฒ ํด๊ฒฐํ๋์?<img src="https://cdn.inflearn.com/public/files/posts/e3415a6a-8561-4bec-b7f9-8ea0ee202c4c/image.png"
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธeko09
ใป
1
264
1
- ํด๊ฒฐ
๊ณต์ ์์ค ์คํ์ ์๋ฌ ๋ฌธ์ ๋๋ฆฝ๋๋ค~
์๋ ํ์ธ์ ๋ค๋ฆ์ด ์๋๋ผ ๊ณต์ ํด ์ฃผ์ ์์ค๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ฝ
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธmanhattansky73
ใป
1
410
1
- ํด๊ฒฐ
[์น์ 3. Form ์ปดํฌ๋ํธ๋ก ๋ฐฐ์ฐ๋ ์ค์ ๊ธฐ์ ] ๊ฐ์ข์ ์์ค๋ฅผ ๋ถํ๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์ ์ ๋ ๋ฆฌ์กํธ๋ง 4๋ ์ฐจ ๊ฐ๋ฐ์์ธ๋ฐ์.. ๊ธฐ์กด์ ๋ฆฌ์กํธ ๊ฐ์ข๋ฅผ ๋ฌด์ง ๋ง์ด ์๊ฐํ์์๋ ์์ง๋ ๋ง์ด ๋ถ์กฑํ๋ค ์ถ์ด์ ๊ฐ์ฌ๋์ ๊ฐ์ข๋ฅผ ๋ฃ๊ฒ ๋์๋๋ฐ ๋ง์ ๋์์ด ๋๊ณ ์์ด์ ๋๋ฌด ๊ฐ์ฌํฉ๋๋ค. <em
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธmanhattansky73
ใป
0
286
1
- ํด๊ฒฐ
๋ง์ง๋ง onSubmit ์๋ฌ์ฒดํฌ ๋ฌธ์
์๋ฌ์ฒดํฌํ ๋ ๋๋จธ์ง๊ฐ์ด ์์ด๋ submit์ด ๋๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.<InfoContext.Provider value={{ value: info, setValue: setIn
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธ๊ตฌ์คํํ
ใป
1
379
1
- ํด๊ฒฐ
์ฝ๋์๋๋ฐ์ค ์ฃผ์
๊ฐ์ํ์๋ ์์ ๋ฅผ ์ฝ๋์๋๋ฐ์ค์์ ์ด๊ณ ์ถ์๋ฐ ๋งํฌ๊ฐ ์ด๋์๋์??
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธ๊น๋ณด๋
ใป
1
481
1
- ํด๊ฒฐ
test ์ฝ๋ ์์ฑ์ ์ง๋ฌธ
vite๋ฅผ ์ฌ์ฉํ๊ณ ์์ผ๋ฉฐ ํ์ฌ ์ด๋ ๊ตฌ์กฐ์ ๋๋ค.ํ์ฌ j
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธ๊น๋ฏผ์
ใป
0
444
1
- ํด๊ฒฐ
TDD - Green, Red, Refactor
์๋ ํ์ธ์. TDD์ Green, Red, Refactor ํํธ(9:40)์์๋ฆฌํฉํฐ๋ง์ ์งํํ์๋ฉด์ onPageNumberClick ํจ์๋ฅผ useCallback์ผ๋ก ๊ฐ์ธ์ ๋ ๋๋ง์ด ๋ค์ ๋ ๋ ์ด ํจ์๊ฐ ๋๋ฒ ์์ฑ๋์ง ์๋๋ก ํ๋ค๊ณ ํ์ จ๋๋ฐ
reacttddReact-Contextjest์ํํธ์จ์ด-ํ ์คํธusecallbackํดํผํ์ด์ค
ใป
1
645
2






