๋ชฉ๋ก์ ์ฒด ๊ธ (222)
Hello creators ๐
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/be3FlJ/btsK20U0R1f/KKVQyF0TeHKGSkknNygd6K/img.png)
ํํ ๋ฐ์ํ๋ ์ค๋ฅconst DeliveryForm = () => {const [values, setValues] = useState({ customerName : "James", mobile : "010-123-1237"})return ( Customer Name )}์ด๋ ๊ฒ ์์ฑํ ๊ฒฝ์ฐ, ์๋์ ๊ฐ์ ์๋ฌ ๋ฐ์You provided a 'value' prop to a form field without an 'onChange' handler. This will render a read-only field. If the field should be mutable use 'defaultValue'. Otherwise, set either 'onChange'..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/vAiva/btsK2wAb4cG/EEB8FlVPjX2eSHaFdxw0pK/img.png)
RHF ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ ๋, ๊ธฐ๋ณธ ์ง์์ผ๋ก ์๋ฉด, ๋์์ด ๋๋ ๊ฒ๋ค๋ฐ๋์ 'C:\Users\nextinnovation\Desktop\DJ-DEV\dev_notes\Hard skills\React Hook Form\3_์ ์ด ์ปดํฌ๋ํธ์ ๋น์ ์ด ์ปดํฌ๋ํธ(์ฐํ ์ฝ).md' ๋ฅผ ๊ณต๋ถํ๊ณ ์ฌ ๊ฒ๋น์ ์ด ์ปดํฌ๋ํธ๊ฐ ๋ฌด์ ์ธ์งreact hook form ์ด ๋น์ ์ด ์ปดํฌ๋ํธ์ ๋จ์ ์ ์ด๋ป๊ฒ subscribe ๊ธฐ๋ฅ์ ํตํด ๊ทน๋ณตํ๋์ง์ ๋ํ ๋งฅ๋ฝ์ ์๊ณ ์์ด์ผ ํจ๋ณต์ต ์์ (241120 ์์ฑ)1. input, select, textarea ๋ก HTML ์ ์์ฑํ๋ค. ๋ฒํผ์ ํด๋ฆญํ์ ๋, submit ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ๊ฒ ๋๋๋ฐ, ๊ทธ์ ๋ฐ๋ผ ์ด๋ฒคํธ ํธ๋ค๋ฌ๊ฐ input, select, textarea ์ ๊ฐ์ ์ถ๋ ฅํ๋ ์ฝ๋๋ฅผ ์ดํด..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/l9VYc/btsJy4KcM4O/32KgxsVTtV8v7KEZGTiGb1/img.jpg)
์ข์๋ ์ K ์ฌ ํ๋ก์ ํธ๋ฅผ ํ๊ฒ ๋๋ฉด, ์ค๋ก๋ผ ์คํจ์์ web component, template, slot, handlebarsJS ๋ผ๋ ๊ฐ๋ ์ ๋ํด ๋ฐฐ์ธ ์ ์๋ ๊ธฐํ๊ฐ ๋ ๊ฒ ์ด๋ผ๋ ์ ์์ ์ฝ๋๋ฅผ ํตํด์ ๋๋ '์ค๋ก๋ผ ์คํจ react' ์์๋, ๋ฐฐ์ฐ๊ณ ์ถ์ ์ฝ๋๋ค์ด ๋ง์ด ๋ น์์์๋ค.์ด๋ป๊ฒ ๋ฐ๋ก ์ฌ๊ธฐ๋ก ๋๋ฒ๊น ํ๋ฌ ์จ๊ฑฐ์งstorybook ์์, currentTab ์ ๊ฐ์ ๋ฃ์ผ๋ฉด -> ์์ ์ฒ๋ผ ๋ณํด storybook ์์, tabs ์ ๋ํ ์ค๋ช ์ ๋ฃ์ผ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผ ํ์ง?'storybook ์์, currentTab ์ ๊ฐ์ ๋ฃ์ผ๋ฉด -> ์์ ์ฒ๋ผ ๋ณํด' ๋ผ๋ ๊ธ์ ๋ฃ์ด์ฃผ๊ณ ์ถ์๋ฐ [์ฃผ์์ฌํญ] 1. build ๋ช ๋ น์ด๋ง ์ ํจํจ! (#โญโญโญโญโญ)https://youtu.be/4zeusLdLizs?..