์๋จ๋ฐ์ ์์ญ์ ์ ํํ 3๋ฑ๋ถํ๊ธฐ, CSS ํฐํธ ๋ฐ๊พธ๊ธฐ, Input์ placeholder์ value๋ ํฐํธ ๋ฐ๊พธ๊ธฐ
TIL ์์ฑ, attribute ์ ํ์ inherit : ๋ถ๋ชจ์์์ ๊ฐ์ ์์ฑ ์ฌ์ฉ Padding์ ๋ํ ๊ณต๋ถ ์ข ๋ CSS์ ๊ตฌ์กฐํ none folder style.css ๋ชจ๋ ์คํฌ๋ฆฐ์ ์ ์ฉ๋ ์ ์๋ ์คํ์ผ์ ๊ธฐ๋ก ex)font-family reset.
์ ๋๋ฉ์ด์ ๋๋ ์ด๋ก ์์ฐจํจ๊ณผ ์ฃผ๊ธฐ, ํคํ๋ ์์ผ๋ก ๋ค์ ์ฌ์ดํด ์์๊น์ง์ ๋๋ ์ด ์ฃผ๊ธฐ
nth-child๊ฐ ์ ๋จนํ์! ์ง๋ฌธ ์ ์ ๊ผญ ํ์ธํด์ผ ํ๋ ๊ฒ / span๊ณผ iํ๊ทธ
margin auto, overflow, z-index, order
background-image, ๊ฐ๋ก๋ชจ๋ ๋ฏธ๋์ด์ฟผ๋ฆฌ๊ฐ ํค๋ณด๋๊ฐ ๋จ๋ฉด ๊ณ ์ฅ๋๋ ํ์
โ๐ปCSS ์ ํ์ ์ฐ์ ์์ โ๐ปCSS ์คํฌ๋กค ํจ๊ณผ โ๐ปposition: sticky VS position: fixed
๋ฐฐ๊ฒฝ์ด๋ฏธ์ง๋ฅผ ์ค์ ํ๋ ๋ฐฉ๋ฒ๊ณผ ๋ฐฐ๊ฒฝ์ด๋ฏธ์ง์๋ง blurํจ๊ณผ๋ฅผ ์ฃผ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด์๋ค.
position์์ฑ, display์์ฑ, float ๋ ์ด์์
์์์ ๋๋น์ ๋ํด ์์๋ณด์
์ ๋ ฅ๋ ๋๊ธ์ด ๊ธธ๋ฉด ๋ฐ์ํ ๋ง์ค์์ผ๋ก ๋ณด์ฌ์ฃผ๊ธฐ !
์์ด ๋ฌธ์ ์ฝ๊ธฐ ์ซ์ด์ ํ๊ธ ์๋ฃ ์ฐพ์๋ค๋๋ค๊ฐ ์ข ํ๋์ด ์ด์ํ๊ฑฐ ๋ณด์ง ๋ง๊ณ ๊ณต์๋ฌธ์ ๋ณด๋ผ๊ณ ํด์ ๋ด๊ฐ ๊ธฐ์ตํ๋ ค๊ณ ์ฐ๋ TIL
Styled Component Helper ์ค css์ ๋ํด ๊ฐ๋จํ ์์๋ณด๋ ๊ธ