728x90 ๊ฐ๋ฐ๊ด๋ จ/javascript&jquery7 Counter.js ๋ฅผ ์จ์ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์ ์ ๋๋ฉ์ด์ ํจ๊ณผ ๋ฃ๊ธฐ ์๋ ํ์ธ์ ๊ณฐ์ด์์:) ์ค๋์ Counter.js๋ฅผ ํ์ฉํ์ฌ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์์์ ํ์ฉํ์ฌ ๋ฉ์ง๊ฒ ๊พธ๋ฉฐ์ค ์์ ์ ๋๋ค. counter.js๋ ์ ํด์ง ์ซ์๊น์ง ์ฆ๊ฐํ๋ ์ ๋๋ฉ์ด์ ํจ๊ณผ๋ฅผ ๋ฃ์ ์ ์๋๋ฐ์. ์์๋ฅผ ์ฌ์ง์ผ๋ก ๋ณด์ฌ ๋๋ฆฌ๊ฒ ์ต๋๋ค. ์ด๋ฐ ์์ผ๋ก ๋ง์ด์์ ใ ใ ๋ฌด์จ ๋๋์ธ์ง ๊ฐ์ด ์ค์์ฃ ?? ํ์ฌ ์ ๋ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๋ฐฉ๋ฌธ์ ์์ ํ์ฉ ์ค์ธ๋ฐ์ ์ด๊ฑธ ํ๋ค๊ณ ํด์ ๋ฐฉ๋ฌธ์์๊ฐ ์ค๋ฅด๊ณ ๊ทธ๋ฌ์ง ์์ต๋๋ค. ๊ทธ๋ฅ ์๊ธฐ๋ง์กฑ ๋ฐ ๋ณด๋ ์ฌ๋ฏธ ์ ๋? ์ ๋ ์์ ์ ์์ ์คํ ์์ค GitHub๋ฅผ ์ฐธ๊ณ ํ์์ต๋๋ค. https://github.com/bfintal/Counter-Up GitHub - bfintal/Counter-Up: Counter-Up is a lightweight jQuery plugin that cou.. ๊ฐ๋ฐ๊ด๋ จ/javascript&jquery 2022. 8. 19. [Jquery/Javascript] ํธ๋ํฐ๋ฒํธ ์ ๊ท์ ๋ฐ ์ซ์๋ง ์ ๋ ฅ๋๊ฒ ํ๋๋ฒ ์๋ ํ์ธ์ ๊ฐ๋ฐ์ฝ๊ฒํ์๊ณฐ ์ ๋๋ค. ๋ ์จ๊ฐ ๋ง์ด ์ฐ์ค์ถฉํ๋ค์ ์ด์ ๋ ๋ฒ๊ฐ๊น์ง ์น๋๋ฐ... ํ ๋๋ฌด ์ฐ์ฐํ ํ๋ฃจ์์ ใ ใ ํ์๊ฐ์ ์ด๋ ๋ฐ๋ก ํธ๋ํฐ ๋ฒํธ๋ฅผ ์ ๋ ฅ๋ฐ์์ผ ํ ๋ ๋ง์ด ์ฌ์ฉ๋๋ ๋ฐฉ๋ฒ์ ๋ํด ๊ณต์ ๋๋ฆฌ๊ณ ์ ํฉ๋๋ค. ํธ๋ํฐ ๋ฒํธ ๊ฒ์ฆ๊ณผ ์ ๊ท์ ์ฐ์ 010/1234/5678 ๊ด๋ จํด์ ๊ฐ๊ฐ ๋ฐ๋ก ์ ๋ ฅ๋ฐ์ ํ๋๋ก ํฉ์น๋ ๊ฑด๋ฐ์ ใ ใ ์ด๋ ๊ฒ์ ใ ใ ์ถ๋ ฅ ์ด๋ ๊ฒ ํ๋์ฉ ์ถ๋ ฅํ๋ฉด์ ์ ๋ ํฐ๋ฅผ ์ก์์ค๋๋ค. ์ถ๋ ฅ ํ์ ๊ฐ ์ฒดํฌ๋ ํด์คฌ์ต๋๋ค. ๊ทธ๋ฐ๋ฐ ์ ํ๋ฒํธ ๊ฐ์ ๊ฒฝ์ฐ์ - (ํ์ดํ) ์ด ๋ถ์ด์ผ ํ๋ค๋ฉด. ์ถ๋ ฅ ์ด๋ฐ ์์ผ๋ก ํด์ฃผ๋ฉด ๋ฉ๋๋ค. ์ ๋ ์ฌ๊ธฐ์ input box์ ์ซ์๋ง ์ ๋ ฅ๋ฐ๊ฒ๋ ํ๊ฒ ์ต๋๋ค. ์ด ๋ฐฉ๋ฒ๋ ์ข์ง๋ง ๋ณต๋ถ์ ์ทจ์ฝํฉ๋๋ค. ๊ฐ๋ณ๊ฒ ๋ณด์ฌ๋๋ฆฌ์๋ฉด ์ด๋ ๊ฒ onkeyup์ด๊ธฐ์ ํค์ ์ ์ ํ ์ํ๋ก ์ ๋ ฅํ๊ฒ ๋๋ฉด ๋ฐ๊ฒ.. ๊ฐ๋ฐ๊ด๋ จ/javascript&jquery 2022. 8. 2. [Jquery/Javascript] ์ฒดํฌ๋ฐ์ค ์ ์ฒด ์ ํ๊ณผ ์ ์ฒด ํด์ ๊ตฌํํ๊ธฐ ์๋ ํ์ธ์ ๊ฐ๋ฐ์ฝ๊ฒํ์๊ณฐ ์ ๋๋ค. ์ค๋๋ง์ ๊ฐ๋ฐ ๊ด๋ จ ํฌ์คํ ์จ๋ณด๋ค์! ์ค๋์ jquery๋ก ์ฒดํฌ๋ฐ์ค ์ ์ฒด ์ ํ ๊ด๋ จํด์ ์จ๋ณผ๊น ํฉ๋๋ค. ์ฐ์ ์ ๋ ํฐ๋ฅผ input์ name์ผ๋ก ์ก์์ ๋์ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ๋๋ค. ํจ์๋ฅผ ์ด์ฉํ ๋ฐฉ๋ฒ prop ๋ฐฉ์ ์ค๋์ ์ ์ฌ ์ ์ฒด์ ํ ๊ตญ๋ฐฅ ํ๋ฒ๊ฑฐ ์นผ๊ตญ์ ์ค์ ์ด๋ฐฅ ํ์คํ ํผ์ HTML ์ฝ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐํ ์ ์๋ ์์ค ์ ์ฒด ์ ํ ์ ์ด๋ ๊ฒ ์ ์ฒด์ ์ผ๋ก ์ ํ๋๋ ๋ชจ์ต์ ๋๋ค. attr ๋ฐฉ์ ์ค๋์ ์ ์ฌ ์ ์ฒด์ ํ ๊ตญ๋ฐฅ ํ๋ฒ๊ฑฐ ์นผ๊ตญ์ ์ค์ ์ด๋ฐฅ ํ์คํ ํผ์ HTML ์ฝ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐํ ์ ์๋ ์์ค prop ๋ง๊ณ ๋ ์ด๋ ๊ฒ attr๋ก๋ ์ ์ฒด ์ ํ์ ๊ตฌํํ ์ ์์ต๋๋ค. on(), click() ํจ์๋ฅผ ์ด์ฉํ ๋ฐฉ๋ฒ. click() ํจ์ ์ด์ฉ ์ค๋์ ์ ์ฌ ์ ์ฒด์ ํ ๊ตญ๋ฐฅ ํ๋ฒ๊ฑฐ ์นผ๊ตญ์ ์ค์ ์ด๋ฐฅ.. ๊ฐ๋ฐ๊ด๋ จ/javascript&jquery 2022. 8. 2. [html/css/javascript/jquery] ์ ๋ ํฐ(Selector) ํ์ฉ๋ฒ! ์๋ ํ์ธ์! ๊ฐ๋ฐ์ฝ๊ฒํ์๊ณฐ ์ ๋๋ค. ์ค๋์ ์ ๋ ํฐ์ ๋ํด์ ์กฐ๊ธ ์์๋ณผ๊น ํด์ ใ ใ ์ ๋ html ํ์ด์ง ๊ฐ๋ฐํ ๋ ๊ฑฐ์ ์ ๋ ํฐ๋ฅผ ์ด๋ค๊ณ ํด๋ ๊ณผ์ธ์ด ์๋์ ๋๋ก ์ค๋ฌด์์๋ ์ ์ฉํ๊ฒ ์ฐ๊ณ ์์ต๋๋ค. ์ ๋ ํฐ๋? ๋ง๊ทธ๋๋ก ์ ํ์ ์ญํ ์ ํ๋๋ฐ์. ์ฐ๋ฆฌ๊ฐ ํ์์ ์์ฃผ๋ณผ์์๋๊ฑธ๋ก ์์๋ฅผ ๋ค์๋ฉด ๊ฒฐ๊ณผ ๊ฐ ์ฐ๋ฆฌ๊ฐ ํ์์ ํํ๋ณผ์์๋ document.getelementByid('์์ด๋๋ช ').value ๊ฐ์๊ฒฝ์ฐ ๋๋ Byname ์ด๋ ๊ฒ ์์ฃผ ์ ํ ์์๋๋ฐ. ์ ๋ ํฐ๋ฅผ ์ฐ๋ฉด ํจ์ฌ ๊ฐ๊ฒฐํ๊ณ ์ํ๋ ๊ฐ์ ์ฐพ์์ค๊ธฐ๊ฐ ์์ํ๋ค๋๊น??? ์ ๋ ํฐ๋ฅผ ํ์ฏํด์ input์ value๊ฐ์ ์์๋ณด๊ฒ ์ต๋๋ค. ์ ๋ ํฐ๋ฅผ ์ผ๊ตฌ์. ํจ์ ๊ฐ๊ฒฐํด์ก์ฃ ?? ๊ฒฐ๊ณผ์ถ๋ ฅ ๊ฒฐ๊ณผ ๊ฐ์ ๋๊ฐ์์. ๋ณด๋ค ๊ฐ๊ฒฐํ๊ฒ DOM์์์ ํด๋นํ๋ ํ๊ทธ ๊ฐ์ด๋ ์์ฑ์ ๋ฐ๊พธ๊ฑฐ๋ ์ฃผ๊ฑฐ๋ ํ ์.. ๊ฐ๋ฐ๊ด๋ จ/javascript&jquery 2020. 11. 25. Javascript & Jquery / "onblur" ์์ฑ์ผ๋ก 1000๋จ์ ์ฝค๋ง์ฐ๊ธฐ! ์๋ ํ์ธ์ ๊ฐ๋ฐ์ฝ๊ฒํ์๊ณฐ ์ ๋๋ค. ์๊น ์ฌ๋ ธ๋ ๋ฒํผ์ ์ด์ฉํ ์ฝค๋ง์ฐ๊ธฐ ๋ณด์ฌ๋๋ ธ์ฃ ~~ใ ใ ใ ๊ทธ๋ฅ ์๊ฐ๋์ ์ด๋ฒ์ onblur ์์ฑ์ ํ์ฉํ์ฌ ์ซ์ ์ ๋ ฅ ํ onblur ์ํ๊ฐ ๋์์๋ ์ฝค๋ง๋ฅผ ์ฐ์ด์ฃผ๋๋ก ํ๊ฒ ์ต๋๋ค. ์ต์ข ์ฝ๋ ์ ๋๋ค. ์ต์ข ์ฝ๋๋ ์ ์ด๋๊ณ onblur ์์ฑ์ ์ดํด๋ณด์๋ฉด input ํ๊ทธ์ ์ ๋ ฅํ ๋์ ์ปค์๋ input ์ฐฝ์ ์์ต๋๋ค. ๊ทธ ์ปค์๊ฐ ๋น ์ ธ๋์ฌ๋๋ผ๊ณ ๋ณด์๋ฉด ๋ ๊ฒ๊ฐ์ต๋๋ค. ํด๋น ์ปค์๊ฐ ๋น ์ ธ๋์ฌ๋ ์คํํ๋ค ์ด๋ฐ์์ผ๋ก ์๊ณ ๊ณ์๋ฉด ์ข์๊ฒ๊ฐ์์. ์ง์ ํด๋ณด์ค์์๊ฒ ์ถ๊ฐํด๋์๊ฒ์ ใ ใ HTML ์ฝ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐํ ์ ์๋ ์์ค ๋ ์ ์ตํ ์ ๋ณด๋ก ์ฐพ์๋ต๊ฒ์~ ๊ถ๊ธํ์ ์ ๋๊ธ ๋จ๊ฒจ์ฃผ์๊ตฌ ๊ตฌ๋ ๋ ๋๋ฌ์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค~ ๊ฐ๋ฐ๊ด๋ จ/javascript&jquery 2020. 11. 24. [Javascript/Jquery] ์ ์ด์ฟผ๋ฆฌ๋ก ์ฒ ๋จ์ ์ฝค๋ง (1,000) ์ธ์๋ฆฌ๋ง๋ค ์ฝค๋ง์ฐ๊ธฐ! ์~ ๊ฐ๋ฐํ๋ค๋ณด๋ฉด ๊ฐ๊ฒฉ?์ด๋ 1000๋จ์ ์ด์ ์์ ์ฝค๋ง๋ฅผ ๋ฃ์ด ๊ฐ๋ ์ฑ์ด ์ข๊ฒ ํ๋ค๋์ง ๊ทธ๋ฐ์์ ์ ํ์ค์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง.. PHP์๋ number_format์ด๋ผ๋ ํจ์๊ฐ์์ง๋ง PHP๋ง๊ณ javascript๋ฅผ ์ฌ์ฉํ์๋ html์์์ ํด๊ฒฐ ํ ์ ์์๊น?? ํด์ ๋ง๋ค์ด๋ณธ ํจ์์ ๋๋ค. ์ต์ข ์ฝ๋ ์ฝค๋ง์ฐ๊ธฐ ์ง์ ํด๋ณด์๊ธธ๋ฐ๋๋๋ค. HTML ์ฝ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐํ ์ ์๋ ์์ค ์์์ผ๋ก ๋ณด์ฌ๋๋ฆฌ๊ฒ ์ต๋๋ค. ๋ณด์๋ค์ํผ ์ด๋ ๊ฒ 1000๋จ์๋ก ์ฝค๋ง๊ฐ ์ฐํ๋ ๊ฑธ ํ์ธํ์ค์ ์์ต๋๋ค. onblur ์ฌ์ฉํ์ฌ ๋ฒํผ์ ๋๋ฅด์ง์์๋ ์ฝค๋ง๊ฐ ์ฐํ๊ฒ ํด๋ณผ๊ฒ์ ์ง์ ํด๋ณด์๋ฉด ์ด๋ค๊ฑด์ง ๊ฐ์ด ํ ์ค์ค๊ฒ๋๋ค ใ ใ HTML ์ฝ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐํ ์ ์๋ ์์ค +์ถ๊ฐ ์..์ด๊ฒ ๊ณ์ ์ซ์ ๋๋ ค์ ์ฐ๋ฉด ์ฝค๋ง๊ฐ ์ด์ํ๊ฒ ๋ค์ด๊ฐ๋ค์ ใ ใ ์ต์ข ์์ ๋ณธ HTML ์ฝ์ ๋ฏธ๋ฆฌ.. ๊ฐ๋ฐ๊ด๋ จ/javascript&jquery 2020. 11. 24. javascript/jquery ํ์ฉํด์ ๊ฐํธ ๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ! ์ต์ข ์ฝ๋ ๊ฐ๋ฐ์ฝ๊ฒํ์๊ณฐ C / 7 8 9 + 4 5 6 - 1 2 3 * 0 = ์ค๋์ ์ฃผ์ ๋ ๊ณ์ฐ๊ธฐ์ธ๋ฐ์ ์ ์ด์ฟผ๋ฆฌ๋ก๋ ๊ณ์ฐ๊ธฐ ๊ฐํธํ๊ฒ ๋ง๋ค์์์ด์! ์๊ฐ์ด ๋์ ์ ๊น ๋ง๋ค์ด๋ณด๋ ค๊ณ ํด์ ์ฐ์ ๊ธฐ๋ณธ ํ ๋ถํฐ ๋ง๋ค์ด์ผํด์. ์ ๋ ์๋ํธ ํ๋ฌ์ค๋ผ๋ ํด์ ์จ์! www.editplus.com/kr/download.html ์๋ํธํ๋ฌ์ค ๋ฌธ์ ํธ์ง๊ธฐ - ํ๊ฐํ ๋ฌด๋ฃ ๋ค์ด๋ก๋ ํ๊ฐํ ๋ฌด๋ฃ ๋ค์ด๋ก๋ ์๋ํธํ๋ฌ์ค๋ ์์ด์จ์ด๋ก ๋ฐฐํฌ๋๋ฏ๋ก ๋ค์ด๋ก๋ํด์ 30์ผ ๋์ ์ฌ์ฉํด ๋ณผ ์ ์์ต๋๋ค. ๋ง์ผ ํ๋ก๊ทธ๋จ์ด ์ ์ฉํ๋ค๊ณ ํ๋จ๋์ด 30์ผ ํ๊ฐ ๊ธฐ๊ฐ ์ดํ์๋ ๊ณ์ ์ฌ์ฉํ๊ณ ์ www.editplus.com ์ฌ๊ธฐ์ ๋ค์ด๋ฐ์์์์ด์ ํ์ํ์ ๋ถ์ ๋ค์ด๋ฐ์์ ์ฐ์๋ฉด ๋๊ฒ ์ต๋๋ค~! ์ ๊ทธ๋ฐ๋ค์ ์ฐ๋ฆฌ๋ jquery ์ ์ด์ฟผ๋ฆฌ๋ฅผ ์ฐ๋ ค๋ฉด ์คํฌ๋ฆฝํธ๋ฅผ.. ๊ฐ๋ฐ๊ด๋ จ/javascript&jquery 2020. 11. 24. ์ด์ 1 ๋ค์ ๋ฐ์ํ