[๋ฉ˜ํ† ๋ง 4ํšŒ์ฐจ]
ยท
[ํ”„๋ก ํŠธ์—”๋“œ(FE) ๊ฐœ๋ฐœ] (feat. ์ฃผ๋‹ˆ์–ด)
๋™๊ธฐ, ๋น„๋™๊ธฐ, ๋ธ”๋ก, ๋…ผ๋ธ”๋ก ์ด ๋…ผ์˜๊ฐ€ ๋‚˜์˜จ ์ด์œ  ๋™๊ธฐ vs ๋น„๋™๊ธฐ - [๋น„์œ ์  ์ดํ•ด] ์˜ˆ๋ฅผ ๋“ค์–ด, ์‚ฌ์ˆ˜๊ฐ€ ํ›„์ž„์—๊ฒŒ ์—…๋ฌด๋ฅผ ์‹œํ‚ด -> ๋‹ค ๋๋‚ฌ๋‹ค, ์•ˆ ๋๋‚ฌ๋‹ค๋ฅผ '๋ˆ„๊ฐ€' ์•Œ๋ ค์ฃผ๋Š”๊ฐ€์— ๋”ฐ๋ผ, ๋‚˜๋‰จ- [CS ๊ฐœ๋…์–ด ์ดํ•ด] - [๋™๊ธฐ, ๋น„๋™๊ธฐ ๋‹จ์–ด ์ž์ฒด์™€ ์—ฐ๊ฒฐ ์‹œ์ผœ๋ณด๊ธฐ]์„ฑ์žฅ์„ ์œ„ํ•ด '์ด๊ฒŒ' ์žˆ์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค. [์ถ”์ƒ์„ ๊ตฌ์ฒดํ™”์‹œํ‚ค๊ธฐ] - ์ถ”์ƒ์ ์ธ ๋‚ด์šฉ, ์š”๊ตฌ์‚ฌํ•ญ, ๊ตฌํ˜„ํ•ด์•ผ ํ•˜๋Š” ์‚ฌํ•ญ์„ ๋“ฃ๊ณ  -> ์ฝ”๋“œ๋ ˆ๋ฒจ๋กœ ๊ตฌํ˜„ํ•  ๋•Œ, ์ด๊ฒƒ ์ด๊ฒƒ์ด ํ•„์š”ํ•˜๊ฒ ๋‹ค, ๋ผ๋Š”๊ฒŒ ๋– ์˜ฌ๋ผ์•ผ ํ•จ - '์ถ”์ƒ' ์„ ๋ณด๊ณ , '๊ตฌ์ฒด์ ์ธ ๋‚ด์šฉ' ์„ ์•Œ ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ์„ ๊ธธ๋Ÿฌ์•ผ ํ•จ [๊ทœ๋ชจ๊ฐ€ ์ปค์กŒ์„ ๋•Œ๋ฅผ ๊ฐ€์ •ํ•˜๋Š” ์Šต๊ด€] - ์—๋Ÿฌ์œจ์ด 3% ์ผ ๋•Œ, ์‚ฌ์šฉ์ž๊ฐ€ 1๋งŒ๋ช…์ด๋ฉด, 300๋ช…. 10๋งŒ๋ช…์ด๋ฉด 3000๋ช…. -> ํฐ ๋ฌธ์ œ๊ฐ€ ๋จ- ๋งŽ์€ ํŠธ๋ž˜ํ”ฝ์„ ๋ฐ›์•„๋‚ผ ์ˆ˜ ์žˆ๋Š” '๊ฐ•๊ฑด..
github ์—์„œ ์ƒˆ๋กœ์šด ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•˜๊ณ , ํ•ด๋‹น ๋ธŒ๋žœ์น˜์— ๋‚ด ๋กœ์ปฌ pc ์ฝ”๋“œ ์˜ฌ๋ฆฌ๊ธฐ (feat: git remote add origin ๋ง๊ณ  ๋‹ค๋ฅธ ์›๊ฒฉ ์ €์žฅ์†Œ ์ถ”๊ฐ€ํ•˜๊ธฐ)
ยท
[ํ”„๋ก ํŠธ์—”๋“œ(FE) ๊ฐœ๋ฐœ]/Git (Github, Gitlab)
ํ•˜๊ณ ์ž ํ•˜๋Š” ๊ฒƒํ˜„์žฌ ์—ฐ๊ฒฐ๋˜์–ด ์žˆ๋Š” ์›๊ฒฉ ์ €์žฅ์†Œ ์ด์™ธ์—, ์ถ”๊ฐ€์ ์ธ ์›๊ฒฉ ์ €์žฅ์†Œ ์— ์—ฐ๊ฒฐํ•˜๊ณ  ์‹ถ๋‹ค.yona์— ํ”„๋กœ์ ํŠธ ์ด์Šˆ๋ฅผ ์˜ฌ๋ฆด ๋•Œ๋„ ๊ทธ๋Ÿฌํ–ˆ๊ณ .์ด๋•Œ, ์ง€๊ธˆ๊นŒ์ง€ ๋‚˜๋Š”, ์ฝ”๋“œ ํŒŒ์ผ์„ ๋ณต์‚ฌํ•ด์„œ ์˜ฌ๋ฆฌ๋Š” ๊ฑธ๋กœ ์ƒ๊ฐํ–ˆ๋Š”๋ฐ, ์›๊ฒฉ ์ €์žฅ์†Œ ๋งŒ ๋ณ€๊ฒฝํ•˜๊ณ , ๊ฑฐ๊ธฐ์— ์ฝ”๋“œ๋ฅผ ์ด์ค„ ์ˆ˜ ์žˆ๋‹ค.๊ณผ์ •ํ˜„์žฌ ์›๊ฒฉ ์ €์žฅ์†Œ ์—ฐ๊ฒฐ๋œ ์ƒํ™ฉnextinnovation@DESKTOP-LHQ5S8E MINGW64 ~/Desktop/NextInnonavtion/projects/1004_diary_3/1004ilg-web-1 (develop-1)$ git remote -vorigin http://192.168.0.80/nextinnovation-dev/1004ilg-web.git (fetch) origin http://192.168.0.80/n..
1_normal form (#์ผ๋ฐ˜ FORM ์™€ React Hook fom ๋น„๊ต)
ยท
[ํ”„๋ก ํŠธ์—”๋“œ(FE) ๊ฐœ๋ฐœ]/React Hook Form
ํ”ํžˆ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜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'..