Namyoonseo
Preview Image

MySQL part3

ํ…Œ์ด๋ธ” ๋งŒ๋“ค๊ธฐ ์ €๋ฒˆ ์‹œ๊ฐ„์—๋Š” MySQL์— ๋“ค์–ด๊ฐ€๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์•˜๋Š”๋ฐ์š” ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” MySQL์— ํ…Œ์ด๋ธ”์„ ๋งŒ๋“ค๊ณ  ๋ฐ์ดํ„ฐ๋ฅผ ๋„ฃ๋Š” ๋ฐฉ๋ฒ•์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฐฐ์›Œ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. create table ์ด๋ฆ„; create table members( memberID int(10) unsigned auto_increment, youName varchar(10) NOT N...

Preview Image

์›น ํ‘œ์ค€ ์ ‘๊ทผ์„ฑ(๋ฉด์ ‘์šฉ)

์›น ํ‘œ์ค€๊ณผ ์›น ์ ‘๊ทผ์„ฑ: ํ˜„๋Œ€ ์›น ๊ฐœ๋ฐœ์˜ ํ•ต์‹ฌ ์›น ํ‘œ์ค€(Web Standards) 1. ์›น ํ‘œ์ค€์˜ ๊ฐœ๋… ์›น ํ‘œ์ค€์€ ์›น ํŽ˜์ด์ง€๋ฅผ ๊ตฌ์ถ•ํ•  ๋•Œ ์ค€์ˆ˜ํ•ด์•ผ ํ•˜๋Š” ๊ธฐ์ˆ ์  ๊ทœ๊ฒฉ๊ณผ ๊ทœ์น™์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ฃผ๋กœ W3C(World Wide Web Consortium)์—์„œ ์ •์˜ํ•˜๋ฉฐ, HTML, CSS, JavaScript ๋“ฑ์˜ ์›น ๊ธฐ์ˆ ์— ๋Œ€ํ•œ ๊ทœ์•ฝ์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ํ‘œ์ค€...

Preview Image

๋ฐ˜๋ณต๋ฌธ ์ •๋ฆฌ

๋ฐ˜๋ณต๋ฌธ์ด๋ž€, ์กฐ๊ฑด์‹์ด ์ฐธ์ธ ๊ฒฝ์šฐ ๋ฐ˜๋ณตํ•ด์„œ ๋ช…๋ น๋ฌธ์„ ์‹คํ–‰ํ•˜๋„๋ก ๋งŒ๋“  ์ˆ˜ํ–‰๋ฌธ์ด๋‹ค. ๋ฐ˜๋ณต๋ฌธ์€ ์ค‘๋ณต๋˜๋Š” ์ฝ”๋“œ๋ฅผ ํš๊ธฐ์ ์œผ๋กœ ์ค„์—ฌ์ฃผ๋ฏ€๋กœ ์œ ์šฉํ•˜๋‹ค. ๋ฐ˜๋ณต๋ฌธ์„ ์ž‘์„ฑํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์กฐ๊ฑด์‹์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค. ์กฐ๊ฑด์‹์— ๋Œ€ํ•œ ํฌ์ŠคํŒ…์„ ์ฐธ๊ณ ํ•˜๊ธธ ๋ฐ”๋ž€๋‹ค. Javascript์˜ ๋ฐ˜๋ณต๋ฌธ ๋ฌธ๋ฒ•์œผ๋กœ๋Š” (1) for๋ฌธ (2) do โ€ฆ while๋ฌธ (3) ์‚ผํ•ญ์—ฐ์‚ฐ์ž๊ฐ€ ์žˆ๋‹ค...

Preview Image

JQuery ์ •๋ฆฌ

jQuery ์„ ํƒ์ž ์š”์•ฝ jQuery๋Š” HTML ๋ฌธ์„œ๋ฅผ ๋‹ค๋ฃจ๊ณ  ์ƒํ˜ธ ์ž‘์šฉํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ๊ฐ„๊ฒฐํ•˜๊ณ  ํšจ์œจ์ ์ธ ๋ฐฉ์‹์œผ๋กœ HTML ์š”์†Œ๋ฅผ ์„ ํƒํ•˜๊ณ  ์กฐ์ž‘ํ•˜๋ฉฐ, ๋ธŒ๋ผ์šฐ์ € ๊ฐ„ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐ ๋„์›€์„ ์ค๋‹ˆ๋‹ค. ์ฃผ์š” ํŠน์ง• ๊ฐ„๊ฒฐํ•œ ๋ฌธ๋ฒ• DOM ์กฐ์ž‘ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ AJAX ์š”์ฒญ ํ”Œ๋Ÿฌ๊ทธ์ธ ์„ ํƒ์ž ์ข…...

Preview Image

rapid api ์‚ฌ์šฉ๋ฐฉ๋ฒ•

Rapid api๋ž€ ๊ฐ„๋‹จ ์„ค๋ช… Rapid API๋Š” ๋‹ค์–‘ํ•œ API๋ฅผ ํ•œ ๊ณณ์—์„œ ์‰ฝ๊ฒŒ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์ œ๊ณตํ•˜๋Š” ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. ์ด ํ”Œ๋žซํผ์„ ํ†ตํ•ด ์ˆ˜๋งŽ์€ API๋ฅผ ์ฐพ๊ณ  ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ํ˜„์žฌ ํ•„์š”ํ•œ ๊ธฐ๋Šฅ์— ๋”ฐ๋ผ ๋‚ ์”จ ์ •๋ณด, ๊ธˆ์œต ๋ฐ์ดํ„ฐ, ๋จธ์‹  ๋Ÿฌ๋‹ ๊ธฐ์ˆ  ๋“ฑ ๋‹ค์–‘ํ•œ API๋ฅผ ์ฐพ์•„์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์š”์•ฝํ•˜๋ฉด, Rapid API๋Š” ๋‹ค๋ฅธ ์„œ...

Preview Image

GSAP ํ™œ์šฉ ๋ฐฉ๋ฒ•

GSAP ์˜ค๋Š˜์€ ํ•„์ž๊ฐ€ GSAP๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์–ด๋–ค ์†์„ฑ์ด ์žˆ๋Š”์ง€ ์ •๋ฆฌํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค. ํ•œ๋ฒˆ ์ง์ ‘ ํ•ด๋ณด๋Ÿฌ ๊ฐ€์‹ค๊นŒ์š” GSAP SECTION์„ค์ • ์ผ๋‹จ ์„น์…˜์„ ๊ฐ™์ด ๋งŒ๋“ค์–ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. HTML ์ฝ”๋“œ๋Š” ์—ฌ๋Ÿฌ ์„น์…˜(section) ์š”์†Œ๋ฅผ ํฌํ•จํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ์„น์…˜์€ ๊ณ ์œ ํ•œ ID๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ , ๊ฐ ์„น์…˜ ๋‚ด์—๋Š” ์ˆซ์ž(num)์™€ ์ด๋ฏธ์ง€(img) ์š”์†Œ๊ฐ€ ํฌ...

Preview Image

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ part1 (๋ฉด์ ‘์šฉ)

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฉด์ ‘์šฉ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JS)๋Š” ํ˜„๋Œ€ ์›น ๊ฐœ๋ฐœ์—์„œ ๊ฐ€์žฅ ๋„๋ฆฌ ์‚ฌ์šฉ๋˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์ด ์–ธ์–ด์˜ ํŠน์ง•, ์žฅ๋‹จ์ , ๊ทธ๋ฆฌ๊ณ  ๋ช‡ ๊ฐ€์ง€ ์ฃผ์š”ํ•œ ๊ฐœ๋…๋“ค์„ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์žฅ๋‹จ์  ์žฅ์  ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰ ๊ฐ€๋Šฅ: ๋ชจ๋“  ์ฃผ์š” ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€์›๋˜๋ฉฐ, ํด๋ผ์ด์–ธํŠธ ์ธก ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋กœ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋™์ ์œผ๋กœ ์‹คํ–‰๋˜๋Š” ์–ธ์–ด...

Preview Image

for๋ฌธ ํ™œ์šฉ ์˜ˆ์‹œ

for๋ฌธ์ด๋ž€ ๋ฌด์—‡์ผ๊นŒ์š”? for๋ฌธ์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ ๋ฐ˜๋ณต์ ์ธ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ์ œ์–ด๋ฌธ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ํŠน์ • ์กฐ๊ฑด์ด ๋งŒ์กฑ๋  ๋•Œ๊นŒ์ง€ ์ฝ”๋“œ ๋ธ”๋ก์„ ๋ฐ˜๋ณต ์‹คํ–‰ํ•˜๊ฒŒ ํ•ด์ฃผ๋ฉฐ, ์ฃผ๋กœ ๋ฐฐ์—ด์ด๋‚˜ ์ปฌ๋ ‰์…˜์˜ ๋ชจ๋“  ์š”์†Œ๋ฅผ ์ˆœํšŒํ•  ๋•Œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. for๋ฌธ์˜ ์ข…๋ฅ˜ for๋ฌธ์—๋Š” ํฌ๊ฒŒ ๋‘ ๊ฐ€์ง€ ์ข…๋ฅ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. for(): ์กฐ๊ฑด์‹๊ณผ ์ฆ๊ฐ์‹์„ ์‚ฌ์šฉํ•˜์—ฌ ...

Preview Image

DNS, ํ”„๋กœํ† ์ฝœ, IP, TCP ์„ค๋ช…(๋ฉด์ ‘์šฉ)

DNS(๋„๋ฉ”์ธ ๋„ค์ž„ ์‹œ์Šคํ…œ)์— ๋Œ€ํ•˜์—ฌ DNS(๋„๋ฉ”์ธ ๋„ค์ž„ ์‹œ์Šคํ…œ)์€ ์ธํ„ฐ๋„ท์—์„œ ๋„๋ฉ”์ธ ์ด๋ฆ„์„ IP ์ฃผ์†Œ๋กœ ๋ณ€ํ™˜ํ•˜๊ฑฐ๋‚˜ ๊ทธ ๋ฐ˜๋Œ€์˜ ๋ณ€ํ™˜์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์‹œ์Šคํ…œ์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์‚ฌ์šฉ์ž๊ฐ€ โ€œwww.google.comโ€๊ณผ ๊ฐ™์€ ๋„๋ฉ”์ธ ์ด๋ฆ„์„ ์ž…๋ ฅํ•˜๋ฉด DNS๋Š” ํ•ด๋‹น ๋„๋ฉ”์ธ์˜ IP ์ฃผ์†Œ๋ฅผ ์ฐพ์•„ ์‚ฌ์šฉ์ž์˜ ์ปดํ“จํ„ฐ๊ฐ€ ์›น ์„œ๋ฒ„์— ์ ‘์†ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด,...

Preview Image

fetch์˜ ๊ธฐ๋ณธ ์‚ฌ์šฉ๋ฒ•

fetch() ํ•จ์ˆ˜: ๋ฐ์ดํ„ฐ ํ†ต์‹ ์˜ ๊ฐ„ํŽธํ•œ ํ•ด๊ฒฐ์ฑ… ์•ˆ๋…•ํ•˜์„ธ์š”! ์˜ค๋Š˜์€ ์›น ๊ฐœ๋ฐœ์—์„œ ์ž์ฃผ ํ™œ์šฉ๋˜๋Š” fetch API์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋ ค ํ•ฉ๋‹ˆ๋‹ค. fetch API๋Š” JavaScript์—์„œ ์„œ๋ฒ„์™€์˜ ๋ฐ์ดํ„ฐ ํ†ต์‹ ์„ ๋น„๋™๊ธฐ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฐ•๋ ฅํ•œ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ๊ฐ„๋‹จํ•œ ๋ช‡ ์ค„์˜ ์ฝ”๋“œ๋กœ HTTP ์š”์ฒญ์„ ๋ณด๋‚ด๊ณ  ์‘๋‹ต์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์–ด, ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ฐœ๋ฐœ์„ ํšจ์œจ์ ์œผ๋กœ...