ํค์๋
[CSS]
position
floats ์ normal flow
BFC(Block-Formatting-Context)
CSS selector
flex
[CSS ํน๊ฐ]
font ์ line-height
em ๋จ์
๋ค๊ฑฐํฐ๋ธ ๋ง์ง
[๊ธ์์ผ ํน๊ฐ]
๋ฉ์ฌ ์คํํฐ ํคํธ
Hard Skills and Soft Skills
์ทจ์ค ์ ๋ต๊ณผ ํด์ธ ์ทจ์
3์ฃผ ์ฐจ
- ํด์ผ ํ ๊ฒ์ ๋ง์๋ฐ, ํจ์จ์ ์ผ๋ก ์๊ฐ ๋ถ๋ฐฐ๊ฐ ์ ์๋๋ ๋๋์ด ๋ ๋ค. ํนํ ์ด๋ฒ ์ฃผ๋ ์ค์ต๊ณผ ๊ณผ์ ๊ฐ ์ข ์์๋๋ฐ ๊ณ์ ์ฝ๋๋ฅผ ๋ค๋ฌ์ผ๋ฉด์ ์๊ฐ์ ๋ง์ด ์ด ๊ฒ ๊ฐ๋ค. ๋ฑ ๊ณํํ ์๊ฐ๋งํผ๋ง ๊ณผ์ ์ ํ์ ์๊ณ ๋ถ์กฑํ ์ ์ ๋ฐฐ์๋๊ฐ๋ฉด์ ๊ณ ์ณ๋๊ฐ๋ ๊ฒ ์ข์ง ์์๊น ํ๋ ์๊ฐ์ด ๋ ๋ค.
- ์ด๋ฒ ์ฃผ์ ๊ฐ์ฅ ํฅ๋ฏธ๋ก์ ๋ ๊ฒ์ `๋ง์ง ๋ณํฉ์ด ๋๋ ์ด์ `์ `body ์์์ ์ปฌ๋ฌ๋ฅผ ์ฃผ๋ฉด ํ์ด์ง ์ ์ฒด์ ์ปฌ๋ฌ๊ฐ ์ฑ์์ง๋ ์ด์ `์ด๋ค. ๊ฐ์ธ์ ์ผ๋ก ๊ฒ์ํด ๋ดค์ ๋๋ ๋ฉ๋ํ ๋งํ ์ด์ ๋ฅผ ์ฐพ์ง ๋ชปํ์๋๋ฐ, ์ด๋ฒ ์ฃผ ์์ ์ ํตํด ์๊ฒ ๋์๋ค. ๊ทธ๋ฅ ์๋ ๊ทธ๋ ๋ค๊ณ ๋์ด ๊ฐ๋ ๊ฒ๋ค์ `CSS ๋ง๋ ์ฌ๋์ ์๋๋ค`๋ผ๊ณ ๋จผ์ ์ดํดํ๋๊น ์ ์์ํ๋ค. ํนํ ์ข ์ฐฌ๋์ด canvas์ ๋ํ ์ฐธ๊ณ ๋งํฌ๋ฅผ ์ฃผ์ ๊ฒ์ด ์ดํดํ๋๋ฐ ํฐ ๋์์ด ๋์๋ค.
- ๋ฉ์ฌ๋ ์ ๊ท ์์ ์ธ์ ์ฌ๋ฌ ์ฃผ์ ๋ก ํน๊ฐ ์๊ฐ์ด ์๋ ๊ฒ ์ข๋ค. ๊ธ์์ผ ํน๊ฐ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ ๋ชฐ๋ผ์ ์ดํดํ์ง ๋ชปํ ๋ถ๋ถ๋ ์์์ง๋ง ์ข์ ์๊ฐ์ด์๋ค,,,๐ ์ข ์ฐฌ๋ ํน๊ฐ๋ ๋๋ฌด ์ฌ๋ฐ๊ณ ์์ฐฌ๋ฐ ๋ค์ ์ฃผ๊ฐ ๋ง์ง๋ง ํน๊ฐ์ด๋ผ์ ๋๋ฌด ์์ฝ๋ค.
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ ๋ค์ด๋ธ๋ฅผ ์ฝ๊ธฐ ์์ํ๋ค. ์ฉ์ด๋ผ๊ณ ๋ '๋ณ์'์ '๊ฐ'๋ฐ์ ๋ชฐ๋์๋๋ฐ ์กฐ๊ธ์ด๋๋ง ๊ธฐ๋ณธ์ ์ธ ์ฉ์ด๋ค์ ์๊ฒ ๋์ด์ ๊ธฐ์๋ค. ๊ทน ์ด๋ฐ๋ถ๋ฅผ ์ฝ๊ณ ์๋๋ฐ ์๋ฐ์คํฌ๋ฆฝํธ ์์ ์ ๊น์ง ๋ค ํ์ด๋ณผ ์ ์์์ง ๋ชจ๋ฅด๊ฒ ๋ค.
- ์ฃผ๋ง ์คํ๋ผ์ธ ์คํฐ๋์ ๋ค์ด๊ฐ๋ค. ์ผ์์ผ์๋ ์๊ฐ ๋ง๋ ๋ถ๋ค๋ผ๋ฆฌ ๋ชจ์ฌ์ ๊ฐ์ธ ๊ณต๋ถ๋ฅผ ํ๋ ์๊ฐ์ ๊ฐ์ก๋ค. ์คํ๋ผ์ธ์ผ๋ก ๋ต๋๊น ๋ฐ๊ฐ์ ๊ณ ์ฃผ๋ง์ ์๋ฏธ ์๊ฒ ๋ณด๋ธ ๋๋์ด ๋ค์๋ค๐ค
๋ค์์ฃผ ๋ชฉํ
- CS ๊ฐ์ ๋ฃ๊ธฐ
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ ๋ค์ด๋ธ ๋งค์ผ ๊ณต๋ถ
- 1์ผ 1์ปค๋ฐ