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

์ง๊ธ ํ๊ณ ์๋ ํ๋ก์ ํธ์์ ๋ฐฐํฌ ์ดํ ๋ค์ํ ํ๊ฒฝ์์ ํ ์คํธ๋ฅผ ํ๋ค ๋ณด๋ ๋ด๊ฐ ์ค์ ํ์ง ์์ css๊ฐ ์ ์ฉ๋์ด ์์๋ค. โ ์ ๋ด๊ฐ ์ค์ ํ์ง ์์ css๊ฐ ์ ์ฉ๋ ๊ฒ์ผ๊น? ์น ํ์ด์ง ์ ์ ์์ ๋ชจ๋ ๋ธ๋ผ์ฐ์ ์์ ์๋ํ ๋๋ก ๋์ค๋๋ก ํ๋ 'ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง'์ ์ ๊ฒฝ ์ฐ์ง ์์๊ธฐ ๋๋ฌธ์ด๋ผ๋ ๊ฒ์ ์๊ฒ ๋์๋ค! ๊ทธ๋ ๋ค๋ฉด ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ด๋ ๋ฌด์์ผ๊น? ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ด๋? - ๋ค์ํ ์น ๋ธ๋ผ์ฐ์ ์ ๋ฒ์ , ๋ค์ํ ์ด์์ฒด์ ์์ ์น ์ฌ์ดํธ๊ฐ ์ผ๊ด๋๊ฒ ๋์ํ๋๋ก ํ๋ ๊ธฐ์ ๋๋ ์ ๊ทผ ๋ฐฉ์ - ๋ชจ๋ ํ๋ฉด์ด '๋์ผ'ํ๊ฒ ํ์๋๊ฒ ํ๋ ๊ฒ์ด ์๋, '๋๋ฑ'ํ ์์ค์ ์ ๋ณด, ๊ธฐ๋ฅ ์ ๊ณต์ ๋ชฉํ๋ก ํ๋ค. ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ด๋ผ๋ ์์ ์ด ํ์ํ ์ด์ ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ ํด์ผ ํ๋ ์ด์ , ์ฆ ์ผ๊ด๋์ง ์์ ํ์ด์ง๊ฐ ๋ํ๋๋ ์์ธ์ ๋ค์..

1. ์ค์น ๋ฐฉ๋ฒ ์ค์น ๋ฐฉ๋ฒ์ ๊ฐ๋จํ๋ค. react-datepicker๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด ๋ค์ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ๋ฉด ๋๋ค. npm install react-datepicker 2. ์ฌ์ฉ ๋ฐฉ๋ฒ import import DatePicker from "react-datepicker"; // ๊ธฐ๋ณธ ์ค์ 1 import "react-datepicker/dist/react-datepicker.css"; // ๊ธฐ๋ณธ ์ค์ 2 import { ko } from "date-fns/esm/locale"; // ํ๊ตญ์ด ์ค์ ๋จผ์ ์ํ๋ ํ์ผ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ import ํ๋ค. ์์ ๋๊ฐ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ๋ถ๋ฌ์ค๋ค. ๊ธฐ๋ณธ ์ธ์ด๋ ์์ด๋ก ๋์ด ์๊ธฐ ๋๋ฌธ์ ํ๊ตญ์ด๋ก ์ค์ ํ๊ธฐ ์ํด์๋ ์์ ๊ฐ์ด import ํด์ผ ํ๋ค. ๋ณ์ ์ ์ธ const t..