Notice
Recent Posts
Recent Comments
Link
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
Tags
- axios์ธ์คํด์ค
- ํผ์ ๊ณต๋ถํ๋ ๋จธ์ ๋ฌ๋
- ICT์ง์
- ios
- ๋ฅ๋ฌ๋
- ์ทํ๊ท๊ฑธ์ด
- react
- ํผ๊ณต๋จธ์
- api๊ณตํตํ
- ๋จธ์ ๋ฌ๋
- M1
- ICTํ๊ธฐ
- svg์
- CSS
- ์์
- styled-components
- ์์ด๋์ค๋ณต
- ์ฒดํฌ๋ฐ์ค์ปค์คํ
- ICT์ธํด์ญ
- ํ ์คํธ ์ธํธ
- ํ๋ก ํธ์๋
- ๊นํ์ฌ์ดํธ
- java 11 ์ค์น
- XCode
- ๋งฅ๋ถ
- ๊ณผ๋์ ํฉ๊ณผ ๊ณผ์์ ํฉ
- ์๋ฆฟ์์ ํ
- ์ปค์คํ
- ์ปด๊ณต์ ๋ฐฐ
- ๊นํ์๋ฌ
Archives
- Today
- Total
๋ชฉ๋กinput (1)
Hi-๋๐ High-๋โ๏ธ

์๋ ์์ผ์ ๋ฐ๋ Input ์ปดํฌ๋ํธ์์ ์ฐ๋๋ 4์๋ฆฌ, ๋ฌ์ 2์๋ฆฌ, ๋ ์ง๋ 2์๋ฆฌ๋ก ์ง์ ํ๊ณ ์ถ์๋ค. ๊ทธ๋์ ์ฐพ์๋ดค๋๋ Inputํ๊ทธ์ maxlength๋ฅผ ์ง์ ํ๋ฉด ๊ธธ์ด๋ฅผ ์ ํํ ์ ์์ผ๋, ํ์ ์ด number์ธ ๊ฒฝ์ฐ์๋ ๋ถ๊ฐ๋ฅํ๋ค๊ณ ํ๋ค. ๋ฐ๋ผ์ ์ง์ onChangeHandler์์ ๋ค๋ค์ผ ํ๊ณ , ์ฝ๋๋ฅผ ๋ค์๊ณผ ๊ฐ์ด ๊ณ ์ณค๋ค. const yearChangeHandler = (e) => { setUserInfo({ ...userInfo, year: e.target.value.slice(0, 4) }); }; const monthChangeHandler = (e) => { setUserInfo({ ...userInfo, month: e.target.value.slice(0, 2) }); }; const d..
React
2023. 4. 10. 01:46