
[๋งค์ผ์ ํ ์ผ์ ์ ๋ฐ์ดํธ ํ๋ ๊ณต๊ฐ ์ ๋๋ค]
x ๐ ๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ 200pg~ 285pg
[useReducer,useRef, useMemo,Sass, ์ผ์ ๊ด๋ฆฌ์ฑ์ดํ ๋ง๋ค๊ธฐ]
x ๐ ๋ฐฐ์ด๊ฒ๋ค ๊นํ๋ธ์ ์ฌ๋ฆฌ๊ธฐ
๐ ๋ฒจ๋ก๊ทธ์ useRef, useMemo ๋ถ๋ถ ์ ๋ฆฌํด์ ์ฌ๋ฆฌ๊ธฐ.
๐ ์ผ์ ๊ด๋ฆฌ ์ฑ ๋ง๋ค์ด์ ๊นํ๋ธ ์ฌ๋ฆฌ๊ธฐ
[์๊ฐ์ ๊ฐ๋ฅํ๋ฉด css ์์ ํด ๋ณด๊ธฐ]
๐ํ๋ฃจ ํ๊ณ ๋ก ์ ๊ธฐ.
๐๋ค์ ๋ณต์ต. ์ฒ์๋ถํฐ.. ๊ฐ ๋ถ๋ถ์ ๋ํด ์๋ฒฝํ๊ฒ ์ดํดํ๊ณ ์ ๋ฆฌํ๊ธฐ
[useState
useRef
useMemo
useCallback
useEffect]
๐ ์์
๋ณต์ต, ํ๋ํ๋ ๋ค์ ์ฝ๋๋ก ์ณ๋ณด๊ณ ๊นํ๋ธ ์ ๋ฆฌํด์ ์ฌ๋ฆฌ๊ธฐ
๐ 7:00 ์์
๐ ๋ฒจ๋ก๊ทธ ์์ฑ
๐ 24์ผ์ ์์ ๋ณต์ตํ๊ธฐ.
= ํ ์์ผ ์์
๋ ๋ณต์ตํ๊ธด ํ๋๋ฐ.. ์์ง ์ดํด๊ฐ ์ ๊ฐ์ง ์์์
์ผ์์ผ ์์
์ ๊น์ง ๋ณต์ตํ ๋ค์ (ํ ์์ผ)์ ์์
๋ถํฐ ๋ณต์ต ํ๊ธฐ๋ก..
์ผ๋จ ์ ์ฒด์ ์ผ๋ก ์ด๋ป๊ฒ ๋์๊ฐ๋์ง๋ง ์ฝ๋์ ์ต์ํด ์ง๋๋ก ๋๊ฒ ๋ณด๋
์ต๊ด์ ๋ค์ด์.
๐ ์์
๋ณต์ต๋ ๋์ค๋ ๊ฐ๋
๋ค ๋ฐ๋ก ์ ๋ฆฌํด ๋๊ธฐ
๐ ์ ๋ฆฌํด ๋์ ๊ฐ๋
๋ฒจ๋ก๊ทธ ์์ฑ
๐ ์ฝ๋ ์
๋ ฅํ๋ ์์.๋ฅผ ์ ์ด๋์ผ ํ ๋ฏ.
์์
์ ๋ค์ผ๋ฉด ๋ค์์๋ก ์ด๋ ต๋ค.. ๊ทธ๋๋ ํฌ๊ธฐ ํ์ง ๋ง์
์กฐ๊ธ ์ด๋ ค์๋.. ์ผ๋จ ์ฐธ๊ณ ๋ค์ด๋ณด์ 30์ผ์ ๊ฐ์
๐ 30์ผ ๊ฐ์ ํ๋ฒ ๋ชฐ๋ผ๋ ๊ณ์ ๋ฃ๊ธฐ
๐ 30์ผ ๊ฐ์ ํ๋ฒ ๋ ๋ค์ผ๋ฉด์ ์ฝ๋ ์ณ๋ณด๊ธฐ
๐ 30์ผ ๊ฐ์ ์ฝ๋์ ๋ํด ์ดํดํด๋ณด๊ณ , ์ด๋ป๊ฒ ํ๋ฌ๊ฐ๋์ง ์ ๋ฆฌํด๋ณด๊ธฐ
๐ 30์ผ ๊ฐ์ ๋ฃ๊ณ ์ฝ๋ ์ณ๋ณธ๊ฒ. ์ ๋ฆฌํ ๋ด์ฉ์ผ๋ก ๊นํ๋ธ์ ์ฌ๋ฆฌ๊ธฐ.
๊ธฐ๋กํ๋๊ฒ ์ฌ์ธ์ค ์์๋๋ฐ ์๊ฐ๋ณด๋ค ๊ธฐ๋กํ๋ ์ต๊ด์ด ์๋ค์ด์
๊ทธ๋ฐ๊ฐ ์๊พธ ๊น๋จน๋๋ค.
๊ณต๋ถํ๋ค๊ฐ๋, ๋ชจ๋ฅด๋ ํ๊ฐ์ง๊ฐ ์๊ธฐ๋ฉด ํ๋ฃจ์ข
์ผ ๊ทธ๊ฒ๋ง ํด๊ฒฐํ๊ณ ์์ผ๋
ํ๋ฃจ ์ผ๊ณผ๋ฅผ ๊ณํํด๋ ์์ฉ์ด ์๋ค๋๊ฒ ๋๊ปด์ง๋ ์ฝ๋ฉ ๊ณต๋ถใ
์ผ๋จ ์ต๋ํ ํด๋ณด๋๋ฐ ๊น์ง ํด๋ณด์.
๐ "๋ง์ผ๋ฆฌ์ผํธ๋ฆฝ" ๋ฉ์ธํ์ด์ง ํด๋ก ์ฝ๋ฉ ํด๋ณด๊ธฐ (์ด๋ ์ค๊ฐ์ค๊ฐ)
๐ ๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ 203pg ๊น์ง
๐ "์ธํ๋ฐ ๊ฐ์"
๊ฐ๋จํ To-Do ์ฑ ๋ง๋ค๋ฉฐ ๋ฆฌ์กํธ ์ตํ๊ธฐ - To-Do ์ฑ ์ต์ ํ ํ๊ธฐ
๐ ๊ณต๋ถํ๋ค๊ฐ ๋ชจ๋ฅด๋๊ฒ . ๊ตฌ๊ธ๋งํด์ ๋ฒจ๋ก๊ทธ์ ์ ๋ฆฌํด ๋๊ธฐ
๐ ๊ณต๋ถ๋ด์ฉ ๊นํ์ ์ฌ๋ฆฌ๊ธฐ.
ํ๋ฃจ๋ฅผ ๋ ํ์์ผ๋ก ๋๋ ์ ๊ณต๋ถ๋ฅผ ํด์ผ๊ฒ ๋ค.
ํ์๋ ๋งค์ผ ํด์ผํ ๊ฒ
< ์์ํ๊ธฐ์ 2์๊ฐ์ ๋ฌด์กฐ๊ฑด ์๋ ๊ณต๋ถ๋ค ์ ๋จผ์ ํ๊ณ ์์ >
1์๊ฐ - ํ๋ก๊ทธ๋๋จธ์ค ์ฝ๋ฉํ
์คํธ ์ฐ์ต
1์๊ฐ - cs ์ง์ ์ฐพ์ ๊ฐ์ ๋ฃ๊ณ ์์ฝํ๊ธฐ
1ํ์ ( ๋น ๋ฅด๊ฒ ๋ค์ผ๋ฉด ์ฝ, 6์๊ฐ ์์ผ๋ก ๊ฐ๋ฅ)
๋ฆฌ์กํธ ๋ณต์ต : 20, 21์ผ์ ๋
นํ๋ณธ ๋ฃ๊ณ ๋ณต์ตํ๊ธฐ.
์ค์ํ๊ฒ๋ค ์์ฝํด์ ๋ฒจ๋ก๊ทธ์ ์ ๊ธฐ
2ํ์
์๋ฐ์คํฌ๋ฆฝํธ
์ธ๊ฐ +
์๋ฐ์คํฌ๋ฆฝํธ๋ก ' ๊ทธ๋ฆผ ์ฑ ๋ง๋ค์ด๋ณด๊ธฐ"
๐ 8/27 ์ผ์ ๋
ธ๋ ์์
๋ณต์ตํ ๊น ์ฌ๋ฆฌ๊ธฐ.
๐ ๊ฒ์ํ ๋ง๋๋๋ฒ ๊ตฌ๊ธ๋งํ ์ด๋ป๊ฒ ํ๋ฌ๊ฐ๋์ง ..
๐ ์๋ฐ์คํฌ๋ฆฝํธ ๋ณต์ตํํ ์ ๋ฆฌํ๊ธฐ
๐ ๋ฆฌ์กํธ ๊ฒ์ํ ๋ง๋ ๊ฒ ์ปดํฌ๋ํธ ๋ค์ ์ ๋ฆฌํ๊ธฐ
๐ ๋ฆฌ์กํธ ์ธ๊ฐ ๋ค์ํ "๋ฆฌ์กํธ๋ก ๋ทํ๋ฆญ์ค ๋ง๋ค์ด๋ณด๊ธฐ"
๐ ์๋ฐ์คํฌ๋ฆฝํธ 5๊ฐ ์ฃผ์ ์์ฝ ์ ๋ฆฌ
๐ ์์
๋ณต์ต .
๐ nodeJs ์์
๋ณต์ตํ, ์ฝ๋ ์ ๋ฆฌ
๐ react reducer ๋ถ๋ถ ๋ค์ ๋ณต์ตํ ์์์ฝ๋ ์์ฑํ๊ธฐ
๐ ์๋ฐ์คํฌ๋ฆฝํธ 5๊ฐ ์ฃผ์ ์์ฝ ์ ๋ฆฌ
๐ ์๋ฃ ์๊ณ ๋ฆฌ์ฆ ์ฑ
[1๋จ์. ์๋ฃ๊ตฌ์กฐ๊ฐ ์ค์ํ ๊น๋ญ?] ์ฝ๊ณ ์์ฝ์ ๋ฆฌํ๊ธฐ
๐ react๋ก netfliex ๋ง๋ค์ด๋ณด๊ธฐ . ์ด์ด์
๐ ๊น๋ํ UI, UX ๋ก ๋ง๋ค์ด์ง ํ์ฌ ์นํ์ด์ง ์ฐพ์๋ณด๊ณ . url์ ์ด๋๊ธฐ.
๐ ๋ฒจ๋ก๊ทธ์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ํ ๋ฆฌ์ผ ์ฃผ์ 2๊ฐ ์ ๋ฆฌํ๊ธฐ
๐ ๊ตฌ๊ธ api calender / react full Calender ๋ฐ์์ค๋๊ฒ ์๋
๐ tosolist ์๋ฒ ์ฐ๊ฒฐํ ์ฝ๋ ์ ๋ฆฌํด์ ๊ฐ์ฌ๋๊ป ๋ฉ์ผ ๋ณด๋ด๊ธฐ
๐
๐