Programming (73) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ ์์ ์ฒซ ๋ฐฐํฌ ํ๋ก๊ทธ๋จ - ์ฌํ๊ทผ๋ฌด ๋์ฐ๋ฏธ ํ๋ก๊ทธ๋๋ฐ์ ์ฒ์ ํฅ๋ฏธ๋ฅผ ๋๊ปด๋ณธ ๊ฒ์ด ํ๋ถ์์ ์๋ํ ํ๋ก๊ทธ๋จ์ ๊ฒฝํํ ํ์๋ค. ํ์ด์ฌ ์์ฒด๊ฐ ํธ๋ฆฌํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ๋น ๋ฅด๊ณ ๊ฐ๋จํ ์๋ํ ํ๋ก๊ทธ๋จ์ ๋ง๋ค๊ธฐ์ ์ฐธ ์ข์ ๊ฒ ๊ฐ๋ค. ์ฝ๊ฐ์ ๊ณ๊ธฐ๊ฐ ์๊ฒจ์ ๊ฐ๋จํ๋ฉด์ ์ฌ๋ฐ๋ ํ๋ก๊ทธ๋จ์ ๋ง๋ค๊ณ ์ถ์ด์ "์ฌํ๊ทผ๋ฌด ๋์ฐ๋ฏธ"๋ผ๋ ํ๋ก๊ทธ๋จ์ ๋ง๋ค์ด๋ดค๋ค. โถ ๋ฌด์จ ํ๋ก๊ทธ๋จ์ผ๊น? ์ฌ์ค ๊ฑฐ์ฐฝํ ์ด๋ฆ์ ๋นํด์ ์๋นํ ํ์ ..ใ ? ๊ฐ๋จํ ํ๋ก๊ทธ๋จ์ด๋ค. ํน๋ณํ ๊ธฐ๋ฅ์ ์๊ณ ํ๋ก๊ทธ๋จ์ ์คํํ๋ฉด ๋ง์ฐ์ค๋ฅผ ์๋์ผ๋ก ์์ง์ฌ์ ํ๋ฉด ๊บผ์ง์ ๋ฐฉ์งํด์ค๋ค. โถ ์ ๋ง๋ค์์๊น? ๋ณ๋ก ์ธ๋ชจ์์ด ๋ณด์ด๋ ์ด ํ๋ก๊ทธ๋จ์ ๋ง๋ ๊ณ๊ธฐ๊ฐ ์๋๋ฐ ์ฝ๋ก๋๋ก ์ธํด์ ์น๋๋๊ฐ ์ฌํ๊ทผ๋ฌด๋ฅผ ํ๋ ์๊ฐ์ด ์๋์ ์ผ๋ก ๋ง์์ก๋ค. ์ฌ๋ด์ ์๊ฒฉ ํ๋ก๊ทธ๋จ์ ์ด์ฉํ๋๋ฐ ์ด ํ๋ก๊ทธ๋จ์ด ์ผ์ ์๊ฐ ๋์ ์ฌ์ฉ์ ์ ๋ ฅ(ํค๋ณด๋, ๋ง์ฐ์ค ์ฌ์ฉ).. ์๋ฐ(Java) ์ฌ์ฉ์ ์ /์ถ๋ ฅ๊ณผ ๋ฒํผ(butter) ํ๋ก๊ทธ๋จ์ ์ฌ์ฉํ๋ค ๋ณด๋ฉด ์ฌ์ฉ์ ์ ๋ ฅ์ ๋ฐ๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค. c์ธ์ด๋ java์ ๊ฒฝ์ฐ ์ฌ์ฉ์ ์ ๋ ฅ์ ๋ฐ์ ๋, ๋ฒํผ(buffer)๋ผ๋ ๋ ์์ ๊ฐ์ ์์๋ก ์ ์ฅํด๋์๋ค๊ฐ ํ๋ฒ์ ๋ณ์์ ์ ์ฅํ๋๋ฐ ์ซ์์ ๋ฌธ์๊ฐ ๋ค๋ฅด๊ฒ ๋์ํด์ ์ด์ํ ์๋ํ ๋ฐ์ ๋ค๋ฅด๊ฒ ๋๊ธฐ๋ ํ๋ค. โถ ๋ฒํผ(buffer)์ ์ดํด ์ผ๋จ, ์ ๋ฒํผ๋ผ๋ ๊ฒ์ด ์กด์ฌํ๋์ง๋ถํฐ ์์์ผํ ๊ฒ ๊ฐ๋ค. ์ปดํจํฐ์ ๋ฐ๋ผ ๋ค๋ฅด๊ฒ ์ง๋ง ์ผ๋ฐ์ ์ธ ์ปดํจํฐ(๊ฐ์ ์ฉ)๋ 1์ด์ ์ฝ 8์ฒ ~ 1์ต ๋ฒ ์ ๋์ ์ฐ์ฐ์ ์ฒ๋ฆฌํ ์ ์๋ค๊ณ ํ๋ค. ๋ง์ฝ, ์ปดํจํฐ๊ฐ ์ฌ์ฉ์์๊ฒ ์ ๋ณด๋ฅผ ์ ๋ ฅ ๋ฐ์์ผํ ๋, ์ฐ๋ฆฌ๊ฐ ์ ๋ณด๋ฅผ ๋ชจ๋ ์ ๋ ฅํ๊ธฐ๋ฅผ ๊ธฐ๋ค๋ ค์ผ ํ๋ค๋ฉด, ์ฐ๋ฆฌ๊ฐ 1 / 1์ต ์ด ์์ ํ๋์ ๊ฐ์ ์ ๋ ฅํ์ง ์๋ ํ ์ปดํจํฐ๋ ๊ทธ๋์ ๊ณ์ ๋๊ธฐํ๊ณ ์์ด์ผ ํ๋ค. CPU์ ์ฅ์์๋ ์ํฐ์ง๋ ์ผ์ด ์๋.. 0000~1111 ์๋ฐ(JAVA) ๋ฐ์ดํฐ ํ์ ํฌ๊ธฐ์ ํ๋ณํ์ ๋ํด์... ์ต๊ทผ์ ์๋ฐ(JAVA)๋ฅผ ๋ฐฐ์ฐ๊ณ ์์ต๋๋ค. ๊ธฐ๊ณ๊ณผ๋ฅผ ์ ๊ณตํ๊ณ ๋ฐ๋์ฒด ์ฐ์ ์์ ์ผํ์๊ธฐ ๋๋ฌธ์ธ์ง ๊ธฐ๋ณธ CS์ง์์ ๋ํด์ ๋ฐฐ์ธ ๋, ํ๋์จ์ด์ ๊ด๋ จ๋ ๋ถ๋ถ์ด ์๋นํ ํฅ๋ฏธ๋ก์ ์ต๋๋ค. ํ๋์จ์ด๋ณด๋ค ์ํํธ์จ์ด๊ฐ ํ๊ณ ์ถ์ด์ ๋์ด์๋๋ฐ ์ํํธ์จ์ด๋ฅผ ๋ฐฐ์ฐ๋ฉด์ ํ๋์จ์ด์ ๊ด์ฌ์ด ๊ฐ๋ ์ฌ๋ณด๋... โถ ๋ฐ์ดํฐ ํ์ ๊ณผ ๋ฉ๋ชจ๋ฆฌ ๋๋ถ๋ถ ๋น์ทํ๊ฒ ์ง๋ง ์๋ฐ์์ ์ซ์ ๋ฐ์ดํฐ ํ์ ์ ์ ์์ ์ค์๋ก ๋๋๋๋ฐ ๋ฐ์ดํฐ ํ์ (๋ฉ๋ชจ๋ฆฌ์ ์ ์ฅ๋๋ ํฌ๊ธฐ)์ผ๋ก ํํํ์๋ฉด ์๋์ ๊ฐ์ต๋๋ค. ์ ์ ํ์ : byte(1 byte), char(2 byte), short(2 byte), int(4 byte), long(8 byte) ์ค์ ํ์ : float(4 byte), double(8 byte) ์๋ฏธ๋ฅผ ์์๋ณผ ๋, ์ ์๋ก ๋น๊ตํ๋ฉด ์ดํดํ๊ธฐ๊ฐ ์ฝ์ต๋๋ค. ๋จผ.. HTML ํธ์ง๊ธฐ / ํ๋ก๊ทธ๋จ ์์ด ๊ฐํธํ๊ฒ HTML ์์ฑํ๊ธฐ ์๋ ํ์ธ์ ๋ฆฌ๋ฌด์ ๋๋ค. ์ค๋์ HTML ํธ์ง๊ธฐ ์ค ๊ฐ์ฅ ๊ฐํธํ๊ณ ์ฌ์ด ๋ฐฉ๋ฒ์ ๋ํด์ ์๊ฐํ๋ ค๊ณ ํฉ๋๋ค. โถHTML ์ด๋? HTML(Hyper Text Markup Language)์ด๋, ๋ฌด์ํ ์น ํ์ด์ง๋ฅผ ๊ตฌ์ฑํ๋ ์ธ์ด์ ๋๋ค. ์ปดํจํฐ์ ๊ด์ฌ์ด ์๋ ์ฌ๋์ด๋ผ๋ฉด ์ฐ๋ฆฌ๊ฐ ์ฌ์ฉํ๋ ์น, ์ฑ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ๋ง๋ค์ด์ง๋ค๋ ์ด์ผ๊ธฐ๋ฅผ ๋ค์์ ๊ฒ์ ๋๋ค. ์ฌ๊ธฐ์ ์ธ์ด๋, ๋ง ๊ทธ๋๋ ์ํต์ ์ํ ์ธ์ด(language)์ด๋ค. ์ฐ๋ฆฌ๊ฐ ์ปดํจํฐ๊ฐ ์์๋ค์ ์ ์๋ ์ธ์ด๋ฅผ ์์ฑํ๋ฉด ๊ทธ๊ฒ์ ์ฝ์ ์ปดํจํฐ๊ฐ ์ฐ์ธ ๋๋ก ์๋ํ๊ฒ ๋ฉ๋๋ค. HTML์ ์นํ์ด์ง๋ฅผ ์์ฑํ๊ธฐ์ํ ์ธ์ด๋ก HTML์ธ์ด๋ฅผ ์์ฑํ๋ฉด ์น ๋ธ๋ผ์ฐ์ (์ธํฐ๋ท ์ต์คํ๋ก๋ฌ, ํฌ๋กฌ, ํ์ด์ดํญ์ค ๋ฑ)๊ฐ ์ฝ๊ณ ์ฐ์ธ ๋๋ก ํ์ด์ง๋ฅผ ๋ง๋ค์ด๋ ๋๋ค. ์ฆ, HTML์ ์น ํ์ด์ง๋ฅผ ์์ฑํ๊ณ ์น.. ํฐ์คํ ๋ฆฌ ํ ์ด๋ธ ์์ฑ, ํฌ๊ธฐ ์กฐ์ ํ๋๋ฒ / ํ ์ด๋ธ ์ ๋ ์ฑ์ฐ๊ธฐ, ๊ฐ์ด๋ฐ ์ ๋ ฌ ํ ์ด๋ธ์ ๋ค์ํ ์ ๋ณด๋ฅผ ์์ฝํ๊ธฐ์ ์์ฃผ ์ข์ ์๋จ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค. ํฐ์คํ ๋ฆฌ์ ๊ฒฝ์ฐ HTML์ ์ด์ฉํ ์์ ์ด ๋ง์ ๊ด๊ณ๋ก ๋ฐฉ๋ฒ์ ์ต์ํ์ง ์๋ค๋ฉด ์กฐ์์ด ์ด๋ ค์ธ ์ ์์ต๋๋ค. ๊ทธ๋ ๊ธฐ์ ์ค๋์ ํ ์ด๋ธ์ ์์ฑํ๊ณ ์ ์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๊ณ ๋ง์ถคํ๋ ๋ฐฉ๋ฒ์ ๋ํด์ ์์๋ณด๊ฒ ์ต๋๋ค. ๐ ํ ์ด๋ธ ์์ฑํ๊ธฐ ํฐ์คํ ๋ฆฌ์์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ๊ณต๋๋ UI๋ฅผ ํตํด์ ๊ฐ๋จํ๊ฒ ์์ฑํ์ค ์ ์์ต๋๋ค. ์ต์๋จ ๋ชฉ๋ก์์ ์ฌ๊ฐํ ๋ชจ์์ ์์ด์ฝ์ ํด๋ฆญํด์ฃผ์๋ฉด ์ํ๋ ํ/์ด์ ํ ์ด๋ธ์ ์์ฑํ ์ ์์ต๋๋ค. ํ ์ด๋ธ์ ์ต์ 1x1๋ถํฐ ์ต๋ 10 x 10ํฌ๊ธฐ๋ก ์์ฑํ ์ ์์ต๋๋ค. ํ ๋ง๋ค ๋ค๋ฅธ ๊ฐ์์ ์ด์ ๊ฐ์ง ํ ์ด๋ธ์ HTML์ฝ๋๋ฅผ ์์ ํ์ฌ ๋ง๋์ค ์ ์์ต๋๋ค. ํ์ง๋ง, ์ ๋ ฌ์ด ์ด๋ ต๊ณ ์ด์ด ๋ค๋ฅธ ํ ์ด๋ธ์ ์ ์ฌ์ฉํ์ง ์์ผ๋ ์ด ๊ธ์์ ๋ค๋ฃจ์ง ์์์ต๋๋ค... ํฐ์คํ ๋ฆฌ ๋ชจ๋ฐ์ผ ํ / ๊ด๋ฆฌ ํ์ด์ง ๋ค์ด๊ฐ๊ธฐ ๋ฐ ๋จ์ถํค / ๋ชจ๋ฐ์ผ๋ก html ํธ์ง / ๋ชจ๋ฐ์ผ ๊ธ ์ฐ๊ธฐ ํ ์ ๊ฐ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ์ง ๋ณด๋ฆ ์ ๋๊ฐ ๋์ด ๊ฐ๋๋ค. ๊ทธ ๋์ ํฐ์คํ ๋ฆฌ๋ฅผ ์์ํ๋ฉด์ ํท๊ฐ๋ ค ํ์๋ ๋ณธ์ธ ๋ธ๋ก๊ทธ์์๊ด๋ฆฌ ํ์ด์ง ๋ค์ด๊ฐ๊ธฐ๋ ๋ฐฉ๋ฒ๊ณผ ๋ชจ๋ฐ์ผ์ ์ด์ฉํ ๊ธ์ฐ๊ธฐ์ ์ ์ฉํ ๊ธฐ๋ฅ์ ๋ํด์ ์์ ๋ณด๊ฒ ์ต๋๋ค. ์ด ๊ธ์ ์ ์ฒ๋ผ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ์์ง ์ผ๋ง์๋์ ์ด๋ณด์ ๋ถ๋ค์ ์ํด์ ์์ฑํ์์ต๋๋ค. ๋ธ๋ก๊ทธ ๊ด๋ฆฌ ํ์ด์ง ์ด์ํ๋ ๋ธ๋ก๊ทธ๋ฅผ ๊ด๋ฆฌํ ์ ์๋ ์ฐฝ ์ ๋๋ค. ๊ธ์ด๋ ์นดํ ๊ณ ๋ฆฌ, ์คํจ ๋ฑ์ ํธ์งํ ์ ์๋ ๊ณต๊ฐ์ ๋๋ค. ์ ๊ฐ ์ฒ์ ๋ถํธํด ํ์๋ ๋ถ๋ถ์ ๋ธ๋ก๊ทธ ๊ด๋ฆฌ ํ์ด์ง์ ๋ธ๋ก๊ทธ ์์ฒด๋ฅผ ์ด๋ํ๊ธฐ ์ด๋ ค์ํ๋ ์ ์ ๋๋ค. ์ฐ์ธก ์๋จ ํ๋กํ์ ํด๋ฆญํ๋ฉด ์ด๋ ๋ฏ ์ด์ ์ค์ธ ๋ธ๋ก๊ทธ ๊ธ์ฐ๊ธฐ ๋ฒํผ๊ณผ ๋ธ๋ก๊ทธ ์ค์ ๋ฒํผ์ด ์์ต๋๋ค. ์ด์์ค์ธ ๋ธ๋ก๊ทธ์ ๋ค์ด๊ฐ์ ๋ ๋ค์ ๊ด๋ฆฌ ํ์ด์ง์ ๋ค์ด๊ฐ๋ ๋ฒํผ์ด ์์ด์ ๋นํฉ ํ์์ต๋๋ค. .. ์๋ฐ ์คํฌ๋ฆฝํธ ๋ ํ ๊ธฐ์ด / jQuery / ์๋ฐ ์คํฌ๋ฆฝํธ ๋ฌธ๋ฒ ์ค์ด๊ธฐ ์๋ ํ์ธ์ ๋ฆฌ๋ฌด๋ฆฌ๋ฌด์ ๋๋ค. ์ค๋์ ์๋ฐ ์คํฌ๋ฆฝํธ๋ฅผ ์กฐ๊ธ ๋ ํจ์จ์ ์ฌ์ฉํ ์ ์๊ฒ ํด์ฃผ๋ "jQuery"์ ๋ํด์ ์์๋ณด๊ฒ ์ต๋๋ค. jQuery๋? jQuery๋ HTML์ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ์กฐ์์ ๋จ์ํํ๋๋ก ์ค๊ณ๋ ํฌ๋ก์ค ํ๋ซํผ์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค. ์กด ๋ ์์ด 2006๋ ๋ด์ ์ ๋ฐ ์บ ํ์์ ๊ณต์์ ์ผ๋ก ์๊ฐํ์๋ค. ์ถ์ฒ: ์ํค๋ฐฑ๊ณผ jQuery๋ ์๋ฐ ์คํฌ๋ฆฝํธ์ ๋ฌธ์ฅ์ ์กฐ๊ธ ๋ ์งง๊ณ ๊ฐ๋จํ๊ฒ ์ธ ์ ์๊ฒ ๋์์ค๋๋ค. ex) getElementIdBy('content') -> $('#content') ์ฌ์ฉ ๋ฐฉ๋ฒ 1. code.jquery.com/์ ์ 2. ๊ฐ์ฅ ์ต์ ๋ฒ์ ์ jQuery code๋ฅผ minified ์ฌ์ดํธ ์ ์ ํ ์ต์ ๋ฒ์ ์ชฝ์ด minified ํด๋ฆญ 3. code๋ฅผ ๋๋๊ทธ ํ ๋ณต์ฌ ํน.. ์๋ฐ ์คํฌ๋ฆฝํธ ๊ธฐ์ด / ๊ธ์์ ๊ณ์ฐ๊ธฐ ๊ธ์์ ๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ with ์๋ฐ์คํฌ๋ฆฝํธ ํ์์ง์ 1. getElementById๋ฅผ ์ด์ฉํด ใด DOM(Document Object Model)์ id ๊ฐ์ ธ์ค๊ธฐ 2. onkeydown ์ด๋ฒคํธ HTML ์ฝ๋ ์๊ธฐ์๊ฐ // ์ ๋ชฉ ์ ๋ ฅ ์ ๋ ฅํ์ธ์ (0/200) ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋ ์ด์ 1 ยทยทยท 6 7 8 9 10 ๋ค์