| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |
- login button ์ปดํฌ๋ํธ
- Redux
- position
- react ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ํ๋ก๊ทธ๋๋จธ์ค
- ํ ์คํธ ์ฝ๋
- ๋ชจ๋ ๊ด๋ฆฌ
- prettier
- createstore ์ทจ์์
- ์นด์นด์ค๋งต
- flex container
- Flexbox Froggy
- ์กฐ๊ฑด๋ถ ์คํ์ผ๋ง
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ์ค๊ธฐ
- flex item
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ
- input ์ปดํฌ๋ํธ
- JWT
- ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌํ๊ธฐ
- github
- flexbox
- ๋ฐฑ์ค
- ํ๋ฌ์ค
- error
- froggy
- ๊ธฐ์ฌํผ์คํธ
- flexbox/grid ์ ์ฉ ์ฌ๋ถ
- REACT
- git revert
- justify-content: center;
- Today
- Total
๋ชฉ๋กflexbox/grid ์ ์ฉ ์ฌ๋ถ (1)
minyoung
๋จผ์ , position ์์ฑ์ ๊ธฐ๋ณธ ๊ฐ๋ ์ ์๋์ ๊ฐ๋ค. position ์์ฑ : ์์์ ์์น๋ฅผ ์ ์ดํ๋ฉฐ, ๋ฌธ์ ํ๋ฆ๊ณผ ๋ถ๋ชจ ์์์ ์ํฅ์ ๊ฒฐ์ position ์์ฑ์ HTML ์์์ ์์น ์ง์ ๋ฐฉ๋ฒ์ ์ค์ ํ๋ CSS ์์ฑ์ด๋ค.์ด ์์ฑ์ ์ฌ์ฉํด์ ์์๋ฅผ ๋ฌธ์์ ํน์ ์์น์ ๋ฐฐ์นํ๊ณ ์์น ๊ด๋ จ ์์ฑ์ ์กฐ์ ํ๋ค. position: static; . position: static;- ๊ธฐ๋ณธ ๊ฐ์ผ๋ก, static์ผ๋ก ์ค์ ๋ ์์๋ฅผ ์ผ๋ฐ์ ์ธ ๋ฌธ์์ ํ๋ฆ์ ๋ฐ๋ผ ๋ฐฐ์น -> ์ฆ, ์์น๊ฐ ์ง์ ๋์ง ์๊ณ ์์๋ ํ๋ฉด์ ์๋จ์ ์ฐจ๋ก๋๋ก ๋ฐฐ์ ๋จ - ์์น ์ง์ ์ด ์์ - top, left, bottom, right ์์ฑ์ ํจ๊ณผ๊ฐ ์์- ๋ค๋ฅธ ์์น ์ง์ ์์ฑ์ ์ฌ์ฉํ์ง ์์ ๋ ์ ์ฉ๋๋ ๊ฐ position: relative..