๋ฐ๋๋ผjs ์ด์ฉํด์ ๋ง๋๋ momentum (๊ทผ๋ฐ ์ด๋ฐ๊ฒ ์๋ค๋๊ฑธ ๋ฐฐ์ฐ๋ฉด์ ์์์ ใ ,,)์์ ์์ ํ ๋ถ๋ถ๊ณผ ๋ฃ๊ณ ์ถ์ ๊ธฐ๋ฅ์ ๋ํด์ ํผ์ ์ ๋ฆฌํด๋ณด๋ ํ์,,,
์ผ๋จ ๋๋ต์ ์ธ ๋ถ๋ถ
์ปจ์ ์ ์ง๊ธ ๊ณ์ ์ ๋ง๊ฒ ํฌ๋ฆฌ์ค๋ง์ค์ ์ฐ๋ง ๋๋? ๊ฒจ์ธ์ ๋ง๊ฒ ๋ฐฐ๊ฒฝํ๋ฉด์ ์ ์ฉํ๋ค
ํ์ ์ด๋์ ๋ ์์ฑํ์๊ณ css ์์ ํ๋ค๊ฐ ์ถฉ๋๋ ๋ถ๋ถ๊น์ง ์ด์ ๋ฐค์ ์ค๋ฅ ๊ณ ์ณค๋ค! ์์ฃผ ์ฌ์ํ ๋์ ์ค์์์์,,,
1. to do list ๋ถ๋ถ ํํ๋ฅผ ์ก์์ฃผ๊ธฐ
- ์ผ๋จ line-height๋ฅผ ์ด์ฉํด ๊ฐ๊ฒฉ ์ก๊ณ ๋์ ์ ์ฒด์ ์ธ ์ธ๊ณผ๊ธ ์ก์์ค๊น ์ถ๋ค. ๊ธ์๊ฐ ๋ ๋์ ์ ๋ค์ด์ค๊ฒ ๋ฐฑ๊ทธ๋ผ์ด๋ ํฐ์์ผ๋ก ํ๊ณ ํฌ๋ช ๋ ์กฐ์ ํ ์๊ฐ!
2. button ํ๊ทธ ์ปค์คํ ํ๊ธฐ
- ์ฐ์ ํธ๋ฆฌ ์ด๋ชจํฐ์ฝ ๋ฃ์ด๋๊ณ cursor๋ฅผ pointer ์ ์ฉ๊น์ง ํด๋์๋ค ์๋ง ๊ฐ๊ฒฉ๊ณผ ์์น ์กฐ์ ํ ๋ฏ ์ด๊ฒ ์ปค์คํ ์ธ๊ฐ ์ถ์ง๋ง์,,
3. ๊ธ์จ์ฒด ์ ์ฉ, ๋ฌธ๊ตฌ ์์
- ๊ตฌ๊ธ ์นํฐํธ๋ก ์ ์ฉํ ์๊ฐ์ธ๋ฐ ์๊ณ์ ํ๋จ์ ๋ฐฐ์นํ ๋ฌธ์ฅ์ ๋ค๋ฅธ ์์ฒด ์ ์ฉํ ์๊ฐ
- ๋ฌธ๊ตฌ๋ ๋์ฆ๋ ์์ด ๋์ฌ๋ก ํ๋๋ฐ,,, ์ผ์ดํ๋ง ๋ฃ๊ณ ์ด์์จ ์ธ๊ฐ์ด๋ผ์ ์ผ์ดํ ๊ฒจ์ธ ๋
ธ๋ ์ค ์์ด ๊ฐ์ฌ๋ก ๋์ด์๋ ๋ถ๋ถ ๊ฐ์ ธ์ฌ๊ฑฐ์ → ์๋ฃ!
์์ ํ๊ณ ์์ฑํ๋๋๋ก ๊ธ ์๋ก ํ์ ์ ๊ณ ๊นํ๋ธ์ ์ฌ๋ ค์ผ์ง ^~^,,, ๊ฐ๋ฐ ๋ธ๋ก๊ทธ ์ฌ์ค ์ด๋ป๊ฒ ์จ์ผํ ์ง ๋ชจ๋ฅด๊ฒ ์ด์ ๋งค๋ฒ ๋ช๋ฌ ๊ฐ๊ฒฉ ํ ๋๊ณ ์ด๋ ๊ฒ ์ฐ๋๋ฐ ๊ทธ๋ฅ ์ ๋ง์๋๋ก ์ฐ๋ฉด ์๋ ๊น์