๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Programming

(55)
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 / ๋žœ๋˜ ๋ฒˆํ˜ธ ์ƒ์„ฑ๊ธฐ DOCTYPE html> ๋ฒˆํ˜ธ ์ƒ์„ฑ๊ธฐ ์›น ํŽ˜์ด์ง€ ์ด๋ฆ„ ๋žœ๋ค ๋ฒˆํ˜ธ ์ถ”์ฒจ๊ธฐ ํŽ˜์ด์ง€ ์ƒ๋‹จ ์ œ๋ชฉ var lotto = []; lotto ๋ผ๋Š” ์ด๋ฆ„์˜ array(๊ธ€์ž๋‚˜ ์ˆซ์ž๋ฅผ ๋‹ด๋Š” ๊ณต๊ฐ„) ์ƒ์„ฑ while (lotto.length 0 ์ด์ƒ 46๋ฏธ๋งŒ์˜ ์‹ค์ˆ˜๋ฅผ ์ƒ์„ฑ parseInt() -> () ์•ˆ์˜ ๊ฐ’์„ '์ •์ˆ˜'๋กœ ๋ณ€ํ™˜ if (lotto.indexOf(num) == -1) { ์กฐ๊ฑด๋ฌธ if๋ฅผ ์‚ฌ์šฉ, '(์กฐ๊ฑด)'์„ ๋งŒ์กฑํ•˜๋Š” ๋™์•ˆ '{๋‚ด์šฉ}'์„ ์ง„ํ–‰ ์กฐ๊ฑด lotto.indexOf(num) -> ๋ณ€์ˆ˜ num์ด lotto array ์•ˆ์— ์กด์žฌ ๋ช‡ ๋ฒˆ์งธ ํ•ญ๋ชฉ ๋‚˜ํƒ€๋ƒ„ ์กด์žฌํ•˜์ง€ ์•Š์œผ๋ฉด -1 ๋žœ๋ค์œผ๋กœ ์ƒ์„ฑ๋œ ์ˆซ์ž๊ฐ€ ์ค‘๋ณต์ ์œผ๋กœ array์— ๋“ค์–ด๊ฐ€์ง€ ์•Š๊ฒŒ ํ•ด์ฃผ๊ธฐ ์œ„ํ•จ lotto.push(num); ์กฐ๊ฑด์„ ๋งŒ์กฑํ•œ๋‹ค๋ฉด lotto array..

728x90