1. ์์ 1) ๊ฐ๋
- ๋ถ๋ชจํด๋์ค์ ๋ฉค๋ฒ ๋ณ์, ๋ฉค๋ฒ ๋ฉ์๋๋ฅผ ์์ ํด๋์ค๊ฐ ์์ ๋ฐ์ ์ฌ์ฉ - ํด๋์ค ์ฌ์ฌ์ฉ => ์ค๋ณต ์ฝ๋ ์ค์ฌ์ ํจ์จ์ฑ ์ฆ๋ 2) ํน์ง - '์์ํด๋์ค extends ๋ถ๋ชจํด๋์ค' ํ์์ผ๋ก ์์ - ํ ๋ฒ์ ํ๋์ ๋ถ๋ชจ ํด๋์ค๋ง ์์ ๋ฐ์ ์ ์์. => C extends A, B (x) => C extends B , B extends A (o) - private ์ ๊ทผ ์ ํ์ ๊ฐ๋ ๋ฉค๋ฒ ๋ณ์ ๋ฐ ๋ฉ์๋๋ ์ง์ ์ฌ์ฉ์ด ๋ถ๊ฐ => ๊ทธ๋ผ ์ด๋ป๊ฒ ์ฌ์ฉํ๋? getter, setter ์ฌ์ฉ 3) ์์ ๊ด๋ จ ํค์๋ - extends ์์ ๋ฐ์ ๋ ํด๋์ค๋ช
์์ ์ฌ์ฉ - super ์์ ํด๋์ค์์ ๋ถ๋ชจ๋ฅผ ๋ช
์์ ์ผ๋ก ์ฌ์ฉํ๊ณ ์ ํ ๋ ์ฌ..

My Tech Blog (์์)

1. CSS ์ ํ์ ํ ๋์ ๋ณด๊ธฐ ์ ํ์์์์ค๋ช
ํ๊ทธ ์ ํ์h1ํ๊ทธ๋ก ์์๋ฅผ ์ ํ์ ์ฒด ์ ํ์* (์ ๋๋ฒ์
์ ํ์)๋ชจ๋ ์์๋ฅผ ์ ํdiv *ํน์ ์์์ ์์ ์์ ๋ชจ๋ ์ ํํด๋์ค ์ ํ์.slideํด๋์ค๋ช
์ผ๋ก ์์๋ฅผ ์ ํ์์ด๋ ์ ํ์#logo์์ด๋๋ช
์ผ๋ก ์์๋ฅผ ์ ํํ์ ์ ํ์.slide h2, .slide .btnํ์(์์) ์์๋ฅผ ์ ํ์์ ์ ํ์.slide > div์ ์ ํ์์ ๋ฐ๋ก ๋ฐ ์์ ์์ ์ ํ์ธ์ ํ์ ์ ํ์.banner + div์ ์ ํ์์ ํ์ ์์ ๋ฐ๋ก ๋ค์ ์์ ์ ํ.banner ~ div์ ์ ํ์์ ํ์ ์์ ์ค ๋ ๋ฒ์งธ ์์ ๋ชจ๋ ์ ํ๊ทธ๋ฃนํh1, h2color: red์ฝค๋ง๋ก ์ ํ์๋ฅผ ๋์ดํ์ฌ ์ ํ์์ฑ ์ ํ์a[target], a[target="_blank"]์์ฑ๋ช
๋๋ ์์ฑ๋ช
์ ๊ฐ์ผ๋ก ์์..

์ค๋์ HTML์์ ๋ชฉ๋ก์ ํํํ๋ ๋ฆฌ์คํธ ํ๊ทธ์ ๋ํด ์์๋ณผ๊ฒ์. ๋ํ์ ์ผ๋ก ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉ๋๋ ๋ฆฌ์คํธ ํ๊ทธ๋ ul, ol, li, dl, dt, dd ํ๊ทธ์์ ๋ฆฌ์คํธ ํ๊ทธ๋ ์์ด ์์ด์ ๋ฐ๋์ ์ ํด์ง ๊ท์น๋๋ก ์ฌ์ฉํด ์ฃผ์ด์ผ ํฉ๋๋ค. ๊ทธ๋ผ ๋ฆฌ์คํธ ํ๊ทธ์ ์ข
๋ฅ์ ์ฌ์ฉํ ๋ ์ฃผ์ํ ์ ์ ์๋ ค๋๋ฆด๊ฒ์. ๋จผ์ ๋ฆฌ์คํธ ํ๊ทธ๋ ๋น์์ฐจ๋ชฉ๋ก(Unordered List), ์์ฐจ๋ชฉ๋ก(Ordered List), ์ ์ ๋ชฉ๋ก(Definiton List) ์ผ๋ก ๋๋์ด์ง๋ต๋๋ค. ๋น์์ฐจ ๋ชฉ๋ก ํ๊ทธ๋ ์๋ฌธ๋ช
์ ์๊ธ์๋ฅผ ๋ฐ์ ulํ๊ทธ, ์์ฐจ ๋ชฉ๋ก ํ๊ทธ๋ ol ํ๊ทธ, ์ ์ ๋ชฉ๋ก ํ๊ทธ๋ dl ํ๊ทธ๋ก ๋ถ๋ ค์. 1. Unordered List (ul ํ๊ทธ)- ul ํ๊ทธ๋ ๋ชฉ๋ก์ ์์๊ฐ ์๊ณ Bullet ํ์ (ห๋ก ๋ชฉ๋ก์ด ํํ๋จ) - ๋ฐ๋ผ์..