๋ฐ˜์‘ํ˜•
250x250
Recent Posts
ยซ   2024/12   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
๊ด€๋ฆฌ ๋ฉ”๋‰ด
728x90
๋ฐ˜์‘ํ˜•

๋ชฉ๋ก์ „์ฒด ๊ธ€ (222)

728x90
๋ฐ˜์‘ํ˜•

Hello creators ๐Ÿ™Œ

[_INTRO_] RFH ์„ ์ฒ˜์Œ ํ˜น์€ ๋‹ค์‹œ ๊ณต๋ถ€ํ•œ๋‹ค๋ฉด ๋ด์•ผ ํ•˜๋Š” ๊ฒƒ๋“ค

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 ์˜ ๊ฐ’์„ ์ถœ๋ ฅํ•˜๋Š” ์ฝ”๋“œ๋ฅผ ์‚ดํŽด..

[240910] ์˜ค๋กœ๋ผ ์Šคํ‚จ ์Šคํ„ฐ๋””, web component, template, slot, handlebarsJS (feat. ์˜ค๋กœ๋ผ ์Šคํ‚จ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด, ์ข€ ๋” ๋‚˜์€ ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์งค ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค)

์ข‹์•˜๋˜ ์ K ์‚ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๊ฒŒ ๋˜๋ฉด, ์˜ค๋กœ๋ผ ์Šคํ‚จ์—์„œ web component, template, slot, handlebarsJS ๋ผ๋Š” ๊ฐœ๋…์— ๋Œ€ํ•ด ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๊ฐ€ ๋  ๊ฒƒ ์ด๋ผ๋Š” ์  ์˜ˆ์‹œ ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด์„œ ๋Š๋‚€ '์˜ค๋กœ๋ผ ์Šคํ‚จ react' ์—์„œ๋Š”, ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ์ฝ”๋“œ๋“ค์ด ๋งŽ์ด ๋…น์•„์žˆ์—ˆ๋‹ค.์–ด๋–ป๊ฒŒ ๋ฐ”๋กœ ์—ฌ๊ธฐ๋กœ ๋””๋ฒ„๊น… ํ•˜๋Ÿฌ ์˜จ๊ฑฐ์ง€storybook ์—์„œ, currentTab ์— ๊ฐ’์„ ๋„ฃ์œผ๋ฉด -> ์œ„์— ์ฒ˜๋Ÿผ ๋ณ€ํ•ด storybook ์—์„œ, tabs ์— ๋Œ€ํ•œ ์„ค๋ช…์„ ๋„ฃ์œผ๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ•˜์ง€?'storybook ์—์„œ, currentTab ์— ๊ฐ’์„ ๋„ฃ์œผ๋ฉด -> ์œ„์— ์ฒ˜๋Ÿผ ๋ณ€ํ•ด' ๋ผ๋Š” ๊ธ€์„ ๋„ฃ์–ด์ฃผ๊ณ  ์‹ถ์€๋ฐ [์ฃผ์˜์‚ฌํ•ญ] 1. build ๋ช…๋ น์–ด๋งŒ ์œ ํšจํ•จ! (#โญโญโญโญโญ)https://youtu.be/4zeusLdLizs?..