๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
ํšŒ๊ณ 

8์›” 1์ฃผ์ฐจ ํšŒ๊ณ 

by frontChoi 2022. 8. 7.
๋ฐ˜์‘ํ˜•

๐Ÿฏ vee-validate ์œ ํ˜•ํ™” ์ •๋ฆฌ

vee-validate๋ฅผ ์ด๋ฒˆ Admin์— ์ ์šฉ์‹œ์ผฐ๋‹ค. ๋‹ค๋งŒ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ ์ฒ˜์Œ์ ์šฉ์ด๋ผ ์ž˜ ๋ชป ์“ด ๋ถ€๋ถ„๋„ ์žˆ์–ด์„œ ์•„์‰ฌ์› ๋‹ค. ๊ทธ๋ž˜์„œ ์ด๋ฒˆ์— vee-validate๋ฅผ ์ •๋ฆฌํ•˜์—ฌ ํŒ€์›๋“ค ํ•œํ…Œ ๊ณต์œ ํ•ด๋ณผ ์ƒ๊ฐ์ด๋‹ค.

 

๐Ÿ˜“ js ์ƒ์„ฑ์ž ํ•จ์ˆ˜ vs ํŒฉํ† ๋ฆฌ ํ•จ์ˆ˜

๋ฆฌํŒฉํ† ๋ง ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ณต๋ถ€์ค‘ ์ƒ์„ฑ์ž ํ•จ์ˆ˜๋Š” ๋ฌด์—‡์ธ์ง€ ํŒฉํ† ๋ฆฌ ํ•จ์ˆ˜๋Š” ๋ฌด์—‡์ธ์ง€ ์ž˜ ์ดํ•ด๊ฐ€ ๊ฐ€์ง€ ์•Š์•˜๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ ์ด๊ฒƒ ๊ณต๋ถ€๊ฐ€ ํ•„์š”ํ•ด ๋ณด์ธ๋‹ค.

 

๐Ÿ˜Ž vue3 + bootstrap + vee-validate

vue์—์„œ bootstrap์™€ vee-validate๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ธ”๋กœ๊ทธ๋ฅผ ํ•  ์˜ˆ์ •์ด๋‹ค. ์ด๊ฑด ํšŒ์‚ฌ์—์„œ ์‚ฌ์šฉํ•œ vee-validate์˜ ์œ ํ˜•ํ™” ์ž‘์—…์ด๋ผ๊ณ  ๋ณด๋ฉด ๋ ๊ฒƒ๊ฐ™๋‹ค.

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€