
'react-datepicker'์์ ๋ ์ง ์ํ๋ฅผ ๊ด๋ฆฌํ ๋ ๊ฒช์๋ ์ํ์ฐฉ์ค
ยท
Frontend/React
1. react-datepicker๋ก ๋ฌ๋ ฅ์ ๊ตฌํํ๊ธฐ๋ก ํ๋ค.ํ์ฌ ์งํํ๊ณ ์๋ ํ๋ก์ ํธ์์ ๋ฌ๋ ฅ์ผ๋ก ๋ ์ง๋ฅผ ์ ํํ๋ ๊ฒ์ ๊ตฌํํด์ผ ํ๋ค. ๋ฌ๋ ฅ์ ์ง์ ๊ตฌํํ๋ ๊ฒ์ ํ๋ค ๊ฒ ๊ฐ์์ ‘react-datepicker’ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ค. ์ผ๋จ ๋ฌ๋ ฅ UI๋ฅผ ํผ๊ทธ๋ง์ ๋ง๊ฒ ์ปค์คํ
ํ๋ ๊ฒ์ ์ง์คํ๋ค. ๋ฌ๋ ฅ์ ์ปค์คํ
ํ๋ ๊ฒ์ ์๊ฐ๋ณด๋ค ์ด๋ ค์ ์ง๋ง, ์ฌ๋ฌ ๋ฒ ์ํ์ฐฉ์ค๋ฅผ ๊ฒช์ผ๋ ๋น์ทํ๊ฒ ๋ณด์ด๊ฒ ๋ง๋๋๋ฐ์๋ ์ฑ๊ณตํ ์ ์์๋ค. 2. ์ด์ ๋ ์ง ์ํ๋ฅผ ๊ด๋ฆฌํ์์ด์ ๋ ์ ํํ ๋ ์ง๋ฅผ ์ํ๋ก ๊ด๋ฆฌํด์ผ ํ๋ค.๋จผ์ ๊ตฌ์กฐ๋ฅผ ์ค๋ช
ํ์๋ฉด, SelectBox๋ฅผ ํด๋ฆญํ๋ฉด ๋ด๊ฐ ๋ง๋ค์ด๋์ Dialog ์ปดํฌ๋ํธ๊ฐ ๋์ค๊ณ , Dialog ์ปดํฌ๋ํธ์ children์ Datepicker๊ฐ ์๊ณ ๊ทธ ๋ฐ์๋ ํ์ธ(confirm) ๋ฒํผ๊ณผ ๋ซ๊ธฐ(ca..