Open oceanlee-seoul opened 1 month ago
ํ์๊ฐ์ ํ์ด์ง Redux Error
ํ์๊ฐ์ ํ์ด์ง์์ ์ค๋ณต๋ ์ด๋ฉ์ผ๋ก ๊ฐ์ ์ ์๋ํ๋ฉด, ์ด๋ฉ์ผ ์ค๋ณต ๋ชจ๋ฌ์ openํ ํ, ๋ชจ๋ฌ์ ํ์ธ ๋ฒํผ์ ๋๋ฅผ ๋ ํ์๊ฐ์ ํ์ด์ง์์ email input์ focus ๋ฐ resetField ์คํ์ ์ํด์ ์ด๋ฉ์ผ ์ค๋ณต ๋ชจ๋ฌ๋ก focus, resetField ํจ์๋ฅผ ์ ๋ฌํ์ต๋๋ค.
๊ตฌ๋ํ๋ ๊ฒ์ ์ด์์ด ์์ง๋ง ๋ค์๊ณผ ๊ฐ์ ์๋ฌ๊ฐ ์ถ๋ ฅ๋ฉ๋๋ค.
ํด๋น ์๋ฌ๋ redux์ state๋ก ํจ์์ ๊ฐ์ ๋น์ง๋ ฌํ ๋ฐ์ดํฐ๊ฐ ๋ค์ด๊ฐ ์ ์๋ค๋ ๋ป์ ๋๋ค.
non-serializable value๋, Promises, Symbols, Maps/Sets, functions, class instances ๋ก ์ง๋ ฌํ ํ ์ ์๋ ๊ฐ์ ์๋ฏธํ๋ฉฐ, serializable(์ง๋ ฌํ) ๋ ์ด๋ค ํ๋ก๊ทธ๋จ ์์์ ์ฌ์ฉํ๊ณ ์๋ Object๋ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ฅผ ๋ฐ์ดํธ ํํ๋ก ๋ฐ๊ฟ์ ๋ค๋ฅธ ํ๊ฒฝ ๋ฑ์์๋ ์ฌ์ฉํ ์ ์๋ ํํ(ex. String)๋ก ๋ฐ๊พธ์ด ์ฃผ๋๊ฒ์ ๋งํ๋ค๊ณ ํฉ๋๋ค.
Redux์์๋ state์ ๋น์ง๋ ฌํ ๋ฐ์ดํฐ๋ฅผ ๋๊ฒจ์ฃผ๋ ๊ฒ์ ๋ํ ๊ฒฝ๊ณ ๋ ๋์์ฃผ์ง๋ง ์ ํ์ ํ์ง ์๋๋ค๊ณ ํฉ๋๋ค.
*์ ํฌ ๊ฐ์ ๊ฐ๋จํ ํจ์๋ฅผ ์ ๋ฌํ๋ ๊ฒ๋ ํด๋น ๋ฌธ์ ๋ฅผ ์ผ๊ธฐํ ์ง๋ ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค...
๋น์ง๋ ฌํ ๋ฐ์ดํฐ ์ ๋ฌ์ ๋ํ ๊ฒฝ๊ณ ๋ ์๋์ ๊ฐ์ด ๋ฏธ๋ค์จ์ด ์ค์ ์ ํตํด์ ๋ ์ ์๋ค๊ณ ํ๋ค์ฉ
์์ธ์ด๋ ํด๊ฒฐ๋ฐฉ์์ ๊ดํ ๊ฐ๋จํ ์ค์ผ์น๋ ์ถ๊ฐ์ ์ธ ์ฝ๋ฉํธ๊ฐ ์๋ค๋ฉด ์ ์ด์ฃผ์ธ์.
์์ธํ๊ฒ ์์๋ด์ฃผ์ จ๋ค์!! ์ ๋ ์์ ํ๋ฉด์ ๋ ์ฐพ์๋ณด๊ณ ์ถ๊ฐํ ๋ง์ด ์๋ค๋ฉด ์ถ๊ฐํ ๊ฒ์!!
๐ ๋ฒ๊ทธ ์ค๋ช
ํ์๊ฐ์ ํ์ด์ง Redux Error
์ํฉ
ํ์๊ฐ์ ํ์ด์ง์์ ์ค๋ณต๋ ์ด๋ฉ์ผ๋ก ๊ฐ์ ์ ์๋ํ๋ฉด, ์ด๋ฉ์ผ ์ค๋ณต ๋ชจ๋ฌ์ openํ ํ, ๋ชจ๋ฌ์ ํ์ธ ๋ฒํผ์ ๋๋ฅผ ๋ ํ์๊ฐ์ ํ์ด์ง์์ email input์ focus ๋ฐ resetField ์คํ์ ์ํด์ ์ด๋ฉ์ผ ์ค๋ณต ๋ชจ๋ฌ๋ก focus, resetField ํจ์๋ฅผ ์ ๋ฌํ์ต๋๋ค.
๊ตฌ๋ํ๋ ๊ฒ์ ์ด์์ด ์์ง๋ง ๋ค์๊ณผ ๊ฐ์ ์๋ฌ๊ฐ ์ถ๋ ฅ๋ฉ๋๋ค.
ํด๋น ์๋ฌ๋ redux์ state๋ก ํจ์์ ๊ฐ์ ๋น์ง๋ ฌํ ๋ฐ์ดํฐ๊ฐ ๋ค์ด๊ฐ ์ ์๋ค๋ ๋ป์ ๋๋ค.
non-serializable value๋, Promises, Symbols, Maps/Sets, functions, class instances ๋ก ์ง๋ ฌํ ํ ์ ์๋ ๊ฐ์ ์๋ฏธํ๋ฉฐ, serializable(์ง๋ ฌํ) ๋ ์ด๋ค ํ๋ก๊ทธ๋จ ์์์ ์ฌ์ฉํ๊ณ ์๋ Object๋ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ฅผ ๋ฐ์ดํธ ํํ๋ก ๋ฐ๊ฟ์ ๋ค๋ฅธ ํ๊ฒฝ ๋ฑ์์๋ ์ฌ์ฉํ ์ ์๋ ํํ(ex. String)๋ก ๋ฐ๊พธ์ด ์ฃผ๋๊ฒ์ ๋งํ๋ค๊ณ ํฉ๋๋ค.
Redux์์๋ state์ ๋น์ง๋ ฌํ ๋ฐ์ดํฐ๋ฅผ ๋๊ฒจ์ฃผ๋ ๊ฒ์ ๋ํ ๊ฒฝ๊ณ ๋ ๋์์ฃผ์ง๋ง ์ ํ์ ํ์ง ์๋๋ค๊ณ ํฉ๋๋ค.
*์ ํฌ ๊ฐ์ ๊ฐ๋จํ ํจ์๋ฅผ ์ ๋ฌํ๋ ๊ฒ๋ ํด๋น ๋ฌธ์ ๋ฅผ ์ผ๊ธฐํ ์ง๋ ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค...
๋น์ง๋ ฌํ ๋ฐ์ดํฐ ์ ๋ฌ์ ๋ํ ๊ฒฝ๊ณ ๋ ์๋์ ๊ฐ์ด ๋ฏธ๋ค์จ์ด ์ค์ ์ ํตํด์ ๋ ์ ์๋ค๊ณ ํ๋ค์ฉ
์ฝ๋ฉํธ (optional)
์์ธ์ด๋ ํด๊ฒฐ๋ฐฉ์์ ๊ดํ ๊ฐ๋จํ ์ค์ผ์น๋ ์ถ๊ฐ์ ์ธ ์ฝ๋ฉํธ๊ฐ ์๋ค๋ฉด ์ ์ด์ฃผ์ธ์.