vscode ์ธํ
, ํ์ extension ์ธํ
CSS BEM ๊ท์น
reset.css๋ฅผ ํ์ฉํ ์ด๊ธฐ์ธํ
, ํด๋ ๋ฐ ํ์ผ๊ตฌ์กฐ ๋ง๋ค๊ธฐ
๋ฏธ๋์ด ์ฟผ๋ฆฌ๋ฅผ ํ์ฉํ ๋ชจ๋ฐ์ผ, ํ๋ธ๋ฆฟ, pc ๋๋ฐ์ด์ค ์ต์ ํ
flexbox๋ฅผ ํ์ฉํ ์ ๋ ฌ
(position, transition, transform(translate ํจ์))๋ฅผ ํ์ฉ
grid๋ฅผ ํ์ฉํ ํ๋ฉด ๋ฐฐ์น
๊ฒ์, ์๋ฆผ, ๋๋ณด๊ธฐ ์ ๋๋ฉ์ด์
๊ตฌํ
์์ javascript๋ฅผ ํ์ฉํ ์น์บ๋ฌ์
, ๋ชจ๋ฐ์ผ ํฐ์น ์บ๋ฌ์
๊ตฌํ
javascript ๊ธฐ๋ณธ๋ฌธ๋ฒ(๋ณ์, ํจ์, ์กฐ๊ฑด๋ฌธ, ๋ฐ๋ณต๋ฌธ(for, forEach, while), ๋ฐฐ์ด, ๊ฐ์ฒด, ์ต์
๋์ฒด์ด๋, arrow function, ์ด๋ฒคํธ์์(์บก์ฒ๋ง, ๋ฒ๋ธ๋ง)) ํ์ฉ
javasript DOM ์กฐ์์ ํ์ฉํ ๋๋๋ง ( createElement, appendChild, parentNode, removechild, querySelector, querySelectorAll,getElementById, children, getAttribute, setAttribute, classList.add, classList.contains, classList.toggle ... )
์์ javascript๋ฅผ ํ์ฉํด ์นดํ
๊ณ ๋ฆฌ ํํฐ๋ง ๊ตฌํ
๊ธ์ฐ๊ธฐ, ๋๊ธ, ๊ณต์ ๋ชจ๋ฌ์ฐฝ, dim ์ฒ๋ฆฌ ๊ตฌํ
์ด๋ฏธ์ง ์
๋ก๋, ๋น๋์ค ์ฌ์ ๋ฐ ๋น๋์ค ๋ฌด์์ฒ๋ฆฌ ๊ตฌํ
navBar(์ฌ์ด๋๋ฐ, ํ, ๋ฐํ
๋ฐ)๊ตฌํ, ๋ชจ๋ฐ์ผ์น์ ๋ง๊ฒ ๋ค๋น๊ฒ์ด์
๋ฐ ์ต์ ํ
๋ก๊ทธ์ธ, ํ์๊ฐ์
, ํ, ๋ฆด์ค, ํ์, ๋ฉ์์ง, ํ๋กํ ํ์ด์ง ๊ตฌํ
๋ถ๋งํฌ, ์ข์์ ๊ตฌํ
ํฐํธ์ด์ธ์ ํ์ฉํด ์์ด์ฝ ์ ์ฉํ๊ธฐ
๊ณตํต ์ปดํฌ๋ํธ ์ชผ๊ฐ๊ธฐ
github-pages๋ฅผ ์ด์ฉํ ๋ฐฐํฌ