ํฐ์คํ ๋ฆฌ์์ ๊ธฐ๋ณธ์ผ๋ก ์ ๊ณต๋๋ ๊ธ์จ์ฒด๊ฐ ๋ง์์ ๋ค์ง ์์
๊ธ์จ์ฒด๋ฅผ ์์ ๋ฐ๊พธ๊ธฐ๋ก ํจ
๊ธ์จ์ฒด ๋ค์ด ๋งํฌ
1. ๊ตฌ๊ธ ํฐํธ
์ด๋ ๋ฏ ๊ตฌ๊ธํฐํธ๋ ๋ฐ๋ก ์ฌ์ฉ๋ฒ์๋ฅผ ํ์ธํ์ง ์์๋ ๋๋ฉฐ ์ ๋ถ ๋ค ์ฌ์ฉ ๊ฐ๋ฅํฉ๋๋ค.
2. ๋๋
๋๋์ ํฐํธ ์ ์๊ถ์ ๋ชจ๋ ๊ฐ ํฐํธ์ ์ ์์/ ์ ์์ฌ์ ์์ต๋๋ค.
๊ทธ๋ฌ๋ฏ๋ก ์ํ๋ ๊ธ์จ์ฒด ํด๋ฆญ ํ
์ฌ์ฉ๋ฒ์์ ํ์ฉ์ฌ๋ถ๋ฅผ ํ์ธํด๋ณด์ ์ผ ํฉ๋๋ค.
๋๋ ์ ์ฉ
์ ๊ฐ ์ฌ์ฉํ ํฐํธ๋ '๋๋์คํ์ด ๋ค์ค' ์ ๋๋ค.
์ฌ์ฉํ ํฐํธ๋ฅผ ๋ฏธ๋ฆฌ ์ณ๋ณผ ์ ์๋ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ธฐ๋ฅ์ด ์์ต๋๋ค.
์ฐ์ธก์ ์๋ ์นํฐํธ๋ก ์ฌ์ฉ ๋ด์ฉ์ ๋ณต์ฌํด๋ก๋๋ค.
ํฐ์คํ ๋ฆฌ๋ก ๋์์ ๋ธ๋ก๊ทธ ๊ด๋ฆฌ โ ๊พธ๋ฏธ๊ธฐ โ ์คํจํธ์ง
html ํธ์ง ํด๋ฆญ
์์๋๋ก
โ CSS ํด๋ฆญ
โก ๋ ๋ฒ์งธ ์ค์ ๋ณต์ฌํ ํฐํธ ์ฝ๋ ๋ถ์ฌ๋ฃ๊ธฐ
โข body ์ชฝ font-family ์ฝ๋ ์์ (๋ถ์ฌ๋ฃ์ ์ฝ๋ ์ค font-family๋ช ์ ๋ ฅ)
โฃ ์ ์ฉ
๊ตฌ๊ธ ํฐํธ ์ ์ฉ
์ ๊ฐ ์ฌ์ฉํ ํฐํธ๋ 'Noto Sans Korean' ์ ๋๋ค.
์์๋๋ก
โ ์ฌ์ฉํ ํฐํธ ์ฌ์ด์ฆ ํ์ธ ํ + ๋ฒํผ ํด๋ฆญ
โก ๋๊ฐ์ ์ฝ๋ ์ค ์์ชฝ์ โก๋ฒ HTML ์ฝ๋ ๋ณต์ฌ
โข ํฐ์คํ ๋ฆฌ๋ก ๋์์ ๋ธ๋ก๊ทธ ๊ด๋ฆฌ โ ๊พธ๋ฏธ๊ธฐ โ ์คํจํธ์ง
html ํธ์ง ํด๋ฆญ
โฃ html ์์ค ์ถ๊ฐ
๊ผญ <head> </head> ํ๊ทธ ์์ ์ถ๊ฐ!
โค ๋ค์ ๊ตฌ๊ธ ํฐํธ๋ก ๊ฐ์ ๋๊ฐ์ ์ฝ๋์ค ์๋์ชฝ์ โข๋ฒ CSS ์ฝ๋ ๋ณต์ฌ
โฅ ํฐ์คํ ๋ฆฌ๋ก ๋์์์ CSS ์ฝ๋ ์์ ํ ์ ์ฉ
๋!!