ํ๋ก๊ทธ๋๋ฐ ์ธ๊ณ๋ฅผ ํ๊ตฌํฉ์๋ค.
๊ฐ๋จํ ์ค์ ์ผ๋ก ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ์ ๋๋๊ทธ(drag) ๋ธ๋ก ์์์ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค.
[ ๊ธฐ๋ณธ ๋๋๊ทธ ๋ธ๋ก ์ ]
๊ธฐ๋ณธ์ผ๋ก ์ค์ ๋์ด ์๋ ๋๋๊ทธ ๋ธ๋ก ์์ ์๋์ ๊ฐ์ต๋๋ค.
[ ๋ณ๊ฒฝํ ๋๋๊ทธ ๋ธ๋ก ์ ]
์ ๋ ์ฐํ ์ด๋ก์์ผ๋ก ์๊น์ ๋ณ๊ฒฝํ์์ต๋๋ค.
๊ฒฐ๊ณผ๋ ์๋์ ๊ฐ์ต๋๋ค.
[ ๋ณ๊ฒฝ ๋ฐฉ๋ฒ ]
1. ๊ด๋ฆฌ > ๊พธ๋ฏธ๊ธฐ > ์คํจ ํธ์ง ์ ์
๋ธ๋ก๊ทธ์ ๊ด๋ฆฌ ํ์ด์ง์์ ๊พธ๋ฏธ๊ธฐ ์นดํ ๊ณ ๋ฆฌ๋ฅผ ์ฐพ์ ์คํจ ํธ์ง์ ํด๋ฆญํฉ๋๋ค.
2. html ํธ์ง
html ํธ์ง์ ํด๋ฆญํฉ๋๋ค.
3. CSS ์ฝ๋ ์ ๋ ฅ
CSS ๊ฐ์ฅ ํ๋จ์ ์๋ ์ฝ๋๋ฅผ ์ ๋ ฅํฉ๋๋ค.
[ ์์ ]
[ ์ ๋ ฅ ์ฝ๋ ]
/* ๋๋๊ทธ ์ ์์๋ณ๊ฒฝ */
::selection {background:#81ad05d5; color:#ffffff;}
์ ์ฝ๋๋ฅผ ์ ๋ ฅํ๋ฉด ์ ๊ฐ ์ค์ ํ ์์ธ ์ด๋ก์์ด ๋ํ๋๊ฒ ๋ฉ๋๋ค.
4. ์ ๋ณ๊ฒฝ
์ด๋ก์ ๋ค๋ชจ ์นธ ์์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๋ฉด ์ํ๋ ์์ผ๋ก ์ฝ๊ฒ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค.
* ์์ ์ฝ๋๋ฅผ ์ ๋ ฅํด์ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ๋ ์์ต๋๋ค.
์๋ ์ฌ์ดํธ์์ ์์ ์ฝ๋๋ฅผ ๊ฐ์ ธ์ฌ ์ ์์ต๋๋ค.
https://www.rapidtables.org/ko/web/color/html-color-codes.html
5. ์ ์ฉ
์ ์ฉ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ณ๊ฒฝ ์ฌํญ์ด ์ ์ฅ๋ฉ๋๋ค.
์์ ๊ฐ์ ๋ฐฉ๋ฒ์ผ๋ก ๋๋๊ทธ ๋ธ๋ก ์์ ์ค์ ํ์ฌ ํฐ์คํ ๋ฆฌ๋ฅผ ์๋ค๋ฅด๊ฒ ๊พธ๋ฐ ์ ์์ต๋๋ค.