ํญ์ ์ปดํจํฐ๋ก๋ง ์ฝ๋๋ฅผ ์ง๋ณด๋ค๊ฐ ๋ฌธ๋ ์๊ธฐ ์ ์ ์๊ฐ๋ ์ฝ๋๊ฐ ์๋ค๋ฉด ์ฌ๋ฌ๋ถ๋ค์ ์ด๋ป๊ฒ ํ์๋์?
- ๋ฉ๋ชจ์ฅ์ ์ ์ฅํด๋๊ณ ์ปดํจํฐ ์์ ์์ผ๋ฉด ๊ทธ๋ ๊ฐ์ ์คํํด๋ณธ๋ค.
- ๊ทธ๋ฅ ๊ธฐ์ต๋ง ์ ํ๋ ค๊ณ ๋ ธ๋ ฅํ๋ค.
- ...!! ํด๋ณด๊ณ ์ถ์ด์ ์๋ฌ๋๋ค.
์ ๊ฐ์ ๊ฒฝ์ฐ์๋ ์์ํ์ง ์ผ๋ง์๋๊ธฐ๋ ํ๊ณ , ์ง๊ธ ์ฝ๊ณ ์ฌ๋ฐ๋๊ฑธ ๋ฐฐ์์ ๊ทธ๋ฐ์ง 1๋ฒ์ธ ์ํ์ ๋๋ค.
๊ทธ๋์ ์ด๋ฆฌ์ ๋ฆฌ ๊ฒ์ํ๋ค๊ฐ ํธ๋ํฐ์ผ๋ก ์ฝ๋ฉํ ์ ์๋ ์ฌ์ดํธ๋ฅผ ๋ฐ๊ฒฌํด์ ๊ณต์ ํ๊ณ ์ ํฉ๋๋ค.
https://codepen.io/pen/?editors=0011
์ด ์ฌ์ดํธ๋ ๋ก๊ทธ์ธํ ํ์์์ด ๋ฐ๋ก ์ฌ์ฉ๊ฐ๋ฅํฉ๋๋ค!
์ ๋ ํ์ฌ ํ ์ค ์๋ ์ธ์ด๊ฐ ์๋ฐ์คํฌ๋ฆฝํธ์ธ๋ฐ ์๋ฐ์คํฌ๋ฆฝ๋ ๋ฌธ์ ์์ด ์ ๊ตฌํ๋ฉ๋๋ค.
๋ค์์ผ๋ก ์๊ฐํ ์ฌ์ดํธ๋ visual studio code ์ค์น ์์ด ์ฝ๋ฉ์ ํด๋ณผ ์ ์๋ ์ฌ์ดํธ ์ ๋๋ค.
์ด ์ฌ์ดํธ๋ ๊ณ์ ์ ๋ง๋ค๋ฉด save ํด์ ์ฝ๋๋ฅผ ๋ค๋ฅธ ์ฌ๋์๊ฒ ๊ณต์ ๊น์ง ๊ฐ๋ฅํ ๊ธฐ๋ฅ์ ํ๋ต๋๋ค!
์ ๋ง ํธ๋ฆฌํ์ฃ ?
์ ๊ฐ ์์ฆ์ ๋ฌด๋ฃ๋ก ๋ฃ๋ ๋ ธ๋ง๋์ฝ๋ ๊ฐ์์์ ์ฑ๋ฆฐ์ง๋ ์ด ๊ณณ์์ ์ฝ๋๋ฅผ ์์ฑํด์ url๋ก ๊ณผ์ ๋ฅผ ์ ์ถํ๋ ์์ผ๋ก ํ๊ณ ์๋ต๋๋ค.
์ ๊ฐ ์ง์ ์ฌ์ฉํด๋ณด๋ ํธ๋ฆฌํ๊ณ ์ข๋๋ผ๊ตฌ์!
์, ์ค๋๋ ์ฆ๊ฑฐ์ด ์ฝ๋ฉ๋ฐ์ด ๋์ธ์!