์ํฐ๋ํ๋ก ํธ์๋
-
์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ํ๋ก ํธ์๋ ์ฝ์ค 1์ฃผ์ฐจ ํ๊ณ (3)ETC 2022. 2. 20. 19:40
์ด๋ฐ๋งํผ ๋ฐ๋ฆฐ ํ๊ณ ๋ฅผ ์ด์ฌํ ์ ์ด ๋ณด์! ๋ผ๋์ค ๋ฒํผ์ผ๋ก ๊ธฐํ ์ค์ ํ์ฑํ ์นดํ ๊ณ ๋ฆฌ ์ ํ ํํฐ ํ๊ทธ ์ด๋ฏธ์ง ์ฒจ๋ถ ์ต์ ์ธํธ ๊ธฐ๋ฅ ์ํ ์ ๋ณด ๊ณ ์ ๊ธฐ๋ฅ ๋ฑ ๋ณด๊ธฐ์๋ ๊ตฌํํด์ผ ํ ๊ธฐ๋ฅ์ด ์ด~ ๋งํผ ๋ง์ด ์๋ค. ์ฌ๊ธฐ์ ๋ด๊ฐ ๋งก์ ๋ถ๋ถ์ ์นดํ ๊ณ ๋ฆฌ ์ ํ, ํํฐ ํ๊ทธ, ์ด๋ฏธ์ง ์ฒจ๋ถ ๊ธฐ๋ฅ์ด๋ค. 1. ์นดํ ๊ณ ๋ฆฌ ์ ํ ์นดํ ๊ณ ๋ฆฌ ์ ํ ๋ถ๋ถ์ ๋ธ๋ก๊ทธ ํฌ์คํ ์ผ๋ก๋ ์ฌ๋ ธ์ง๋ง, ์นดํ ๊ณ ๋ฆฌ๋ฅผ ์ ํํ๊ณ ๋ฒํผ์ผ๋ก ์นดํ ๊ณ ๋ฆฌ๋ฅผ ํด์ ํ๋ ๋ถ๋ถ์์ ์ด๋ป๊ฒ ๊ตฌํํ๋ฉด ์ข์์ง ๋ง์ด ๊ณ ๋ฏผํ๋ค. ์ง๊ธ ์๊ฐํด ๋ณด๋ ๊ด๊ฑด์ ์ฒดํฌ ๋ฐ์ค์ checked ์์ฑ์ด์๋๋ฐ, ์ด ๊ณผ์ ์์๋ ์ฒดํฌ ๋ฐ์ค์ value์ checked ์ํ๋ฅผ ๋ฌถ์ด ๊ฐ์ฒด๋ก ๊ด๋ฆฌํ๋ ๋ฐฉ์์ ์ ํํ๋ค. ์ด ๊ณผ์ ์ ์์ ํ์๋ค๋ผ๋ฆฌ Context API๋ฅผ ๊ณต๋ถํ๊ณ ๊ณผ์ ์ ๋์ ํ๋๋ฐ, ์ํ ๊ด๋ฆฌ ํด์ ..