์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- ์๋ฐ ์คํ๋ง
- ํ์ด์ฝ ์น๊ตฌ์ฝ๋
- ํ์ ๋ถ๊ธฐ
- ํ์ด์ฝ ์ถ์ฒ์ธ์ฝ๋
- C
- C์ธ์ด
- ๋ฐฐ์ด
- ์ต๋จ ๊ฒฝ๋ก
- JAVA SPRING
- php ํ๋ก๊ทธ๋๋ฐ ์ ๋ฌธ ์ฐ์ต๋ฌธ์
- ํ์ด์ฝ ์ด๋์ฝ๋
- ํ๋ฌํฐ
- programmers
- ํ๋ฌํฐ ๊ฐ๋ฐํ๊ฒฝ ์ค์
- Flutter
- ์๋ฐ
- Java
- php ํ๋ก๊ทธ๋๋ฐ
- php
- php ํ๋ก๊ทธ๋๋ฐ ์ ๋ฌธ ์์
- ํ์ด์ฝ ์ถ์ฒ์ธ
- SWEA
- spring
- ์คํ๋ง
- php ํ๋ก๊ทธ๋๋ฐ ์ ๋ฌธ 3ํ
- ํ์ด์ฌ
- ๋ฐฑ์ค
- php ํ๋ก๊ทธ๋๋ฐ ์ ๋ฌธ ์๋ฃจ์
- php ํ๋ก๊ทธ๋๋ฐ ์ ๋ฌธ ๋ฌธ์ ํ์ด
- php ํ๋ก๊ทธ๋๋ฐ ์ ๋ฌธ
- Today
- Total
๋ชฉ๋กํ๋ก ํธ (4)
์ฌ๋ฅ์ด๐ป
[JavaScript] ๊ฐ๋จํ ๋๋๊ทธ ์ค ๋๋กญ ์์ (Drag&Drop) See the Pen Untitled by Jay (@ijkgit) on CodePen. ์ด ์ฝ๋๋ HTML Drag and Drop API๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ฉด ์ด๋๋ ์ง ๋๋๊ทธํ์ฌ ์์๋ฅผ ๋์ ์ ์๋ ๊ฐ๋จํ ์์ ์ ๋๋ค. ์ด HTML ์ฝ๋๋ ๋๋๊ทธ ๊ฐ๋ฅํ ์์๋ฅผ ์์ฑํ๊ณ , ํด๋น ์์๋ฅผ ๋๋๊ทธํ ๋ ์คํ๋ JavaScript ํจ์๋ฅผ ํธ์ถํ๋ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ง๊ณ ์์ต๋๋ค. function drag(ev) { // ๋๋๊ทธํ๋ ์์์ ID๋ฅผ ๋ฐ์ดํฐ๋ก ์ค์ ev.dataTransfer.setData("text", ev.target.id); } drag ํจ์๋ ๋๋๊ทธ๊ฐ ์์๋ ๋ ํธ์ถ๋๋ ํจ์์ ๋๋ค. ์ด ํจ์์์๋ ev.dataTransfer.setD..
html a ํ๊ทธ์๋ disabled ์์ฑ์ด ๋ฐ๋ก ์ ์ฉ๋์ง ์๋๋ค. ๋ณดํต์ ๊ฒฝ์ฐ css ์ pointer-events ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ค. a.disabled { pointer-events: none; cursor: default; } ๊ทธ๋ฌ๋, ์ด ๊ฒฝ์ฐ๋ ์๊ฐ์ ์ผ๋ก๋ง ์ ๊ทผ์ ๋ชปํ๊ฒ ํ ๋ฟ onclick ์ ๋ฉ์๋๊ฐ ์กด์ฌํ ๊ฒฝ์ฐ ํด๋น ๋ฉ์๋๊ฐ ๊ทธ๋๋ก ๋ ธ์ถ๋๋ค. ๋ธ๋ผ์ฐ์ ์์ ๊ฐ๋ฐ์ ๋๊ตฌ ์ฝ์๋ก ํด๋น ๋ฉ์๋๋ฅผ ์ ๋ ฅํ ๊ฒฝ์ฐ ๊ทธ๋๋ก ์ ๊ทผํ ์ํ์ด ์๋ค. pointer-events: none; ์คํ์ผ์ ํด๋น ์๋ฆฌ๋จผํธ๊ฐ ๋ง์ฐ์ค ์ด๋ฒคํธ๋ฅผ ๋ฐ์ง ์๋๋ก ๋ง๋ CSS ์์ฑ์ด๋ค. ๊ทธ๋ฌ๋ ์ด๋ ๋จ์ง ์๊ฐ์ ์ผ๋ก ํด๋ฆญ์ ๋ง์ ๋ฟ์ด๋ฉฐ, ์ค์ ๋ก๋ JavaScript์ ์ํด ์ฐ๊ฒฐ๋ ์ด๋ฒคํธ ํธ๋ค๋ฌ๊ฐ ์ฌ์ ํ ์คํ๋ ์ ์๋ค. ์ด ์ทจ์ฝ์ ์ ๋ง..
jQuery.show() [JavaScript/jQuery] hide() ๋ฉ์๋ ์ฌ์ฉ๋ฒ jQuery.hide() hide() ๋ฉ์๋๋ jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ์ ๊ณตํ๋ ๋ฉ์๋ ์ค ํ๋์ ๋๋ค. ์ด ๋ฉ์๋๋ ์์๋ฅผ ์จ๊ธฐ๋ ๊ธฐ๋ฅ์ ํฉ๋๋ค. hide() ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด ์ฐ์ jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ด์ง์ ์ถ๊ฐํด develop247.tistory.com ์ง๋ ์๊ฐ ์์๋ฅผ ์จ๊ธฐ๋ ๊ธฐ๋ฅ์ ํ๋ hide() ๋ฉ์๋์ ๋ํด์ ์์๋ณด์์ต๋๋ค. ์ด๋ฒ ์๊ฐ์๋ hide() ๋ฉ์๋์ ๋ฐ๋๋ก ์์๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ธฐ๋ฅ์ ํ๋ show() ๋ฉ์๋์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค. show() ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด ์ฐ์ jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ด์ง์ ์ถ๊ฐํด์ผ ํฉ๋๋ค. jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ถ๊ฐํ ํ์๋ ์๋์ ๊ฐ์ด show() ๋ฉ์๋..
jQuery.hide() hide() ๋ฉ์๋๋ jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ์ ๊ณตํ๋ ๋ฉ์๋ ์ค ํ๋์ ๋๋ค. ์ด ๋ฉ์๋๋ ์์๋ฅผ ์จ๊ธฐ๋ ๊ธฐ๋ฅ์ ํฉ๋๋ค. hide() ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด ์ฐ์ jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ด์ง์ ์ถ๊ฐํด์ผ ํฉ๋๋ค. jQuery ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ถ๊ฐํ ํ์๋ ์๋์ ๊ฐ์ด hide() ๋ฉ์๋๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์จ๊ธฐ๊ธฐ ์ด ์์๋ฅผ ์จ๊น๋๋ค. ์ ์ฝ๋์์ $๋ jQuery ๊ฐ์ฒด๋ฅผ ์๋ฏธํฉ๋๋ค. document.ready() ๋ฉ์๋๋ ํ์ด์ง ๋ก๋ฉ์ด ์๋ฃ๋ ํ์ ์ฝ๋๋ฅผ ์คํํ๊ธฐ ์ํ ๋ฉ์๋์ ๋๋ค. click() ๋ฉ์๋๋ ํด๋ฆญ ์ด๋ฒคํธ๋ฅผ ์ฒ๋ฆฌํ๊ธฐ ์ํ ๋ฉ์๋์ ๋๋ค. ์ ์ฝ๋์์๋ id๊ฐ myButton์ธ ๋ฒํผ์ ํด๋ฆญํ๋ฉด id๊ฐ myElement์ธ ์์๋ฅผ ์จ๊ธฐ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ณ ์์ต๋๋ค. hide(..