- ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด ์ง์ JavaScript๋ก ๊ตฌํํจ
todolist.mp4
- ๋๋๊ทธ ํ ๋ง์ฐ์ค ์ปค์ ์ด๋ ์ ์ค์๊ฐ์ผ๋ก ๋ชจ๋ ์นด๋๋ค์ transform ๊ฐ์ ๊ณ์ฐํ๊ณ ์ ์ฉ
- ์ค์๊ฐ์ผ๋ก DOM์ ์ง์ ์กฐ์ํ์ฌ ์ ๋๋ฉ์ด์ ์ ๊ตฌํํ ์๋ ์์ง๋ง, ์กฐ์ํ๋ ๋น์ฉ์ด ๋งค์ฐ ๋น์ธ๊ณ ์ค์ DOM ์กฐ์์ ๋๋กญ ์์๋ง ์ผ์ด๋๋ฉด ๋๋ค๊ณ ํ๋จํจ
- ๋ฐ๋ผ์ ๋๋๊ทธ ์ค์๋ CSS์ transition ์์ฑ์ ์ฌ์ฉํ์ฌ ์ ๋๋ฉ์ด์ ์ ๊ตฌํํจ
- ๋ง์ฐ์ค ๋๋กญ ์, ๋ด๋ ค๋์ ์ง์ ์ ์ธ๋ฑ์ค(x, y)๋ฅผ ๊ณ์ฐํจ
- Controller๊ฐ (x, y)๋ฅผ ๊ณ์ฐํ๊ณ Model์ ์ํ๋ฅผ ๋ณ๊ฒฝํจ
- Model์ ์ํ ๋ณ๊ฒฝ์ ๊ตฌ๋ ์ค์ธ View๋ฅผ ํธ์ถํจ
- View๋ Model๋ก๋ถํฐ ๋ณ๊ฒฝ์ ๋ฐ์ DOM API๋ก ์ค์ DOM TREE๋ฅผ ์กฐ์ํจ
- ์์ ๊ฐ์ ํ๋ฆ์ผ๋ก MVC ํจํด์ ์ ์ฉํจ