javascript์ ์ํ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ ์ญ ์ํ ์ ์ฅ์๋ฅผ ์ ๊ณตํ๋ฉฐ props drilling ์ด์๋ฅผ ํด๊ฒฐํด์ฃผ๋ ๊ด๋ฆฌ์ฌ๋ฌด์(?) ๊ฐ์ ๋๋์ ๊ฐ์ง๊ณ ์๋ค. ์ด ๊ทธ๋ฆผ์ด ๋ด๊ฐ redux๋ฅผ ์ดํดํ ์ ์๋ ํฐ ์ญํ ์ ํ๋๋ฐ ์๋ 101ํธ์์ ๋ก
React์์ ์ํ๊ด๋ฆฌ๋ฅผ ์ด๋ป๊ฒ ํ๋๋์ ๋ํ ๋ต์ ํ๊ธฐ ์ state์ฆ ์ํ๋ react์์ ๋ฌด์์ธ๊ฐ? ์ ๋ํ ์๊ธฐ๋ถํฐ ํด๋ด์ผ ํ ๊ฒ ๊ฐ๋ค. ์ํ์ ์ ์๋ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ renderํ๋๋ฐ ์์ด ์ํฅ์ ๋ฏธ์น ์์๋ ๊ฐ ์ด๋ผ๊ณ ๋งํ๋ค. react์์ ํ์ด์ง๊ฐ ๋ฆฌ๋๋
ํ....์ด ์ด์ผ๊ธฐ๋ ๊ธฐ์์ ... 2์ผ๋์ ๋จธ๋ฆฌ์ธ๋งค๊ณ ๊ณ ๋ฏผํ ๋ด์ฉ์ด๋ค! ๊ฒฝ์ด๋๊ณผ ๋๋ google, naver, kakao ์์ ๋ก๊ทธ์ธ ๊ตฌํํ๋ ์ค์ ๋ฐ์ํ ์ฟ ํค๊ด๋ จ ๋ฌธ์ ๋ก ๋จธ๋ฆฌ๊ฐ ์ํ ๋ค ์ผ์ ๐ซ
Toast ui Viewer undefined๊ฐ ๋ฐ ๋
์์ํ ํธ๋ฌ๋ธ ์ํ
Formdata๋ก ์ฌ์ง ์ ํ๊ณผ ๋ฐ์ดํฐ ์ ํ์ ๋ค๋ฅด๊ฒ ์ค์ ํ๊ธฐ
Cannot read property 'map' of undefined
์ค๋ ๋์์ด๋๋์ด ์ฃผ์ ๋ฌํ์์ด์ด ํ๋ ์! ์ผ๋จ ์์ด๋ ์ด๋ฐ๊ฑด ์ ์ ํด์ก๊ณ ๋ฌํํ๊ฒ๋ง ์ง๋ค๊ฐ ์ฃผ์ จ๋ค. ์๊ฐ๋ณด๋ค ๊ณ ์น ๊ฒ ๋ง์์ ๋ฐ๋น ์ง ์์ ์ธ ๊ฒ ๊ฐ๋ค. ์ดํ๋์ ์์ ๋ก๊ทธ์ธ 3๊ฐ ๋ชจ๋ ํด๋๊ณ ํ์๊ฐ์ ๋ formdataํ์์ผ๋ก ์ค์ ๋๋ฌ๋ค! ์ผ๋จ์ ์ฐ๊ฒฐ์ ํด๋ด์ผ formd
ํ๋ก ํธ์๋ ์ฝ๋ ์ปจ๋ฒค์
์ค๋์ react์ ๊ธฐ๋ณธ ํ์ ์ ํ๋ฐ. ์ด๊ฒ pages๊ฐ ๊ต์ฅํ๋ก๋ค๊ฐ ๋ง์์ก๋๋ฐ ๊ฑฑ์ ์ด ๋ง๋ค. ๋ธ๋๋ ๋ณ๋ก ๊ฐ์ ธ์ค๋ useSelector๋ฅผ ๋ธ๋๋ ๋ณ๋ก ๋๋ฆฌ๋ ค๋ฉด ๋ชจ๋ ๋ธ๋๋๋ง๋ค ํ์ด์ง๋ฅผ ์ ํด์ค์ผ ํ๋ค๊ณ ์๊ฐ์ด ๋๋๋ฐ ์ด๊ฒ ๋ง๋์ง๋ ๋ชจ๋ฅด๊ฒ ์.... ์ผ๋จ์ ์ฐ๋ฆฌ๊ฐ ์๊ฐํ
React localhost ํ๊ฒฝ HTTPS๋ก ๋ฐ๊พธ๊ธฐ
์ ๋ ๋๋ต์ ์ธ ํ๋ ์์ ์ง๊ณ ๋์์ด๋๋๊ป ์์ด๋์ด์ ๋ฑ๋ฑ์ ๋๊ฒจ๋๋ฆฌ๊ณ ๋ ํ API๋ฅผ ์ข ๋ ์์ธํ๊ฒ ์ง๊ธฐ ์์ํ๋ค.
์๋... ํฐ์คํ ๋ฆฌ ์ผ์๋๋ฐ ๋ฒจ๋ก๊ทธ๊ฐ ํจ์ฌ ๊น๋ํด ๋ณด์ฌ์ ์ด์ ์๋ผ๋... ๋ฒจ๋ก๊ทธ๋ก ์๋ค!