css, html์ ์์ ๋น์ฐํ ๊ธฐ๋ณธ
(1) ๋จ์ ui ๊ตฌํ(๋ฎ์ ์ฐ๋ด)
๋ค์ > ์ต์ ์ํ ํ์ด์ง ๊ตฌํ ๋ฌธ์ ๊ธฐ์ถ (html, css) > class ์ ์ด๋ ๊ฒ ์ผ๋์ง ๋ฑ tab ๋๋ฌ๋ณด๋ฉฐ ์น์ ๊ทผ์ฑ ํ์ธํ๋ ๋ฉด์ ์งํ
(2) ์๊ณ ๋ฆฌ์ฆ ( ๊ณ ์ฐ๋ด)
(3) js๋ก componentํ
๋๋ ๋ณด๋ ์ฝ๋ฉ ์ ๋ ๊ฐ์(ํผ๊ทธ๋ง, API)
ํ๋ก๊ทธ๋๋จธ์ค- ์ผํ๋ชฐ SPA (only js)
๐ 1๋ถ์ฝ๋ฉ
https://www.youtube.com/watch?v=Zny5Vxqk6Mk%28%ED%95%B5%EC%8B%AC&feature=youtu.be
https://www.youtube.com/watch?v=eprXmC_j9A4
๐ ๋น์บ ํ
์ค์์ด์ค ์๋ฆฌ์ฆ ๋ชจ๋ ๋ณด๊ธฐ ์ถ์ฒ
https://youtu.be/p6VxdiNTrGg
๐ ์ํ์ฝ๋ฉ
๐ ์ฝ๋๋ฆฌ๋ทฐ ๋
ธํ์ฐ
https://youtu.be/TAPviNhFuSg
๐๋๋ฆผ์ฝ๋ฉ: FE๋ถ๋ถ๋ง
๐ ์ ํ์ฝ๋ฉ(์ผ๋ถ๋ฌ ์ฝ๊ฒ ์๋ ค์ค)
๐ ๋ผ๋ง์ฝ๋ฉ: ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ ํด๋ก ์ฝ๋ฉ
https://youtu.be/tlTdbc5byAs
๐ ๋น์ ๊ณต์์ ์์งํ ์ด์ผ๊ธฐ
https://www.youtube.com/c/FERoy
๐ zerocho
๐ ์ํํ ์ฝ๋ฉ์ฌ์
https://www.youtube.com/c/%EC%96%84%ED%8C%8D%ED%95%9C%EC%BD%94%EB%94%A9%EC%82%AC%EC%A0%84
๐ baseline๊ณผ x-height ์์๋๊ธฐ
https://wit.nts-corp.com/2017/09/25/4903
๐ 1. ํจ๊ป ์๋ผ๊ธฐ:์ ์์ผ๋ก ๊ฐ๋ ๊ธธ
๐ 2. ์๋ฐ์คํฌ๋ฆฝํธ ์๋ฒฝ๊ฐ์ด๋
๐ 3. DOM ์ ๊นจ์ฐ์น๋ค: ๊ฐ์น์ ๋ํ ์์ ์ดํด
๐ 4. HTML CSS ์น์ฌ์ดํธ ๊ฐ๋ฐ๊ณผ ๋์์ธ ๊ธฐ์ด
๐ 5. ์๋ฐ์คํฌ๋ฆฝํธ ์๋ฃ๊ตฌ์กฐ์ ์๊ณ ๋ฆฌ์ฆ: ๊ตฌ์กฐ์ ์ด๊ณ ํจ์จ์ ์ธ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก๊ทธ๋๋ฐ ๊ธฐ๋ฒ ์ตํ๊ธฐ
๐ 6. HTTP ์๋ฒฝ ๊ฐ์ด๋: ์น์ ์ด๋ป๊ฒ ๋์ํ๋๊ฐ
๐ 7. ๊ฐ์ฒด์งํฅ ์๋ฐ์คํฌ๋ฆฝํธ์ ์๋ฆฌ
๐ 8. ํผ์ ๊ณต๋ถํ๋ ์๋ฐ์คํฌ๋ฆฝํธ
๐ 9. ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ
๐ 10. CSS ์ค๊ณ ์ค์ ๊ฐ์ด๋
๊ฐํฌ๋.. ๋ฆ์ ์๊ฐ๊น์ง ์ ๋ฆฌํ์๋ค๋!!
์ฌ์ค ์ ์ผ ์ค์ํ๋ ๊ฟํ๋ค ํ ๋ฒ์ ๋ชจ์์ ์ ๋ฆฌํด์ฃผ์๋ค๋ ๊ฐ์ฌํฉ๋๋ค!!๐๐