์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [ํ˜ธ์ŠคํŒ…]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
ํ˜„์žฌ ์ƒํ™œ์ฝ”๋”ฉ์˜ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ ๊ฐ•์˜๋ฅผ ํ†ตํ•ด์„œ HTML, CSS, JavaScript, PHP, MySQL, Library์„ ์‚ฌ์šฉํ•ด JavaScriptํŽ˜์ด์ง€๋ฅผ ์ œ์ž‘ํ•˜๊ณ  ์ธํ„ฐ๋„ท์„ ํ†ตํ•ด์„œ ์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š”๊ฒƒ ๊นŒ์ง€๋„ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค. ํ•˜์ง€๋งŒ, ๊ฐ€์ •์—์„œ ์ด๋Ÿฐ ์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•˜๋Š” ๊ฒƒ์€ ์ƒ๋‹นํžˆ ์ œ์•ˆ์ ์ด๊ณ  ๋ถˆํŽธํ•œ ์ ์ด ๋งŽ๋‹ค. ์ด๋Ÿฌํ•œ ๋ถˆํŽธํ•จ์„ ๋Œ€ํ–‰ํ•ด์ฃผ๋Š” ๋น„์ฆˆ๋‹ˆ์Šค๊ฐ€ ์žˆ๋Š”๋ฐ ๊ทธ๊ฒƒ์ด ๋ฐ”๋กœ ํ˜ธ์ŠคํŒ…( Hosting )์ด๋‹ค. HOSTING? ํ˜ธ์ŠคํŠธ๋Š” ์ปดํ“จํ„ฐ, ๋…ธํŠธ๋ถ, ์Šค๋งˆํŠธํฐ, ์„œ๋ฒ„ ์ปดํ“จํ„ฐ ์ด๋Ÿฌํ•œ ๋ชจ๋“  ๊ฒƒ๋“ค์„ ํ˜ธ์ŠคํŠธ(HOST)๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ํ˜ธ์ŠคํŒ…์€ ์„œ๋ฒ„ ์ชฝ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ์ปดํ“จํ„ฐ๋‚˜ ์†Œํ”„ํŠธ์›จ์–ด ์ด๋Ÿฌํ•œ ๊ฒƒ๋“ค์„ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์—…์ž๋“ค์„ ํ˜ธ์ŠคํŒ…(Hosting)์ด๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. ํ˜ธ์ŠคํŒ…์—์„œ๋Š” IDC(Internet Data Center..
์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [์ธํ„ฐ๋„ท]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
์ธํ„ฐ๋„ท๊ณผ ์ž๊ฐ€ ์„œ๋ฒ„ ์ธํ„ฐ๋„ท์„ ์ดํ•ดํ•˜๋Š” ๋ฐ ์žˆ์–ด์„œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ์€ IP์ฃผ์†Œ( Internet Protocol Addres )์ด๋‹ค. ์ธํ„ฐ๋„ท์ด๋ผ๋Š” ์ฒด๊ณ„๊ฐ€ ๋™์ž‘ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ด ์ฒด๊ณ„ ์œ„์—์„œ ์›€์ง์ด๋Š” ๋‹ค์–‘ํ•œ ํ”Œ๋ ˆ์ด์–ด๋“ค์ด ์ค€์ˆ˜ํ•ด์•ผ ํ•˜๋Š” ๊ทœ์น™๋“ค์ด ์กด์žฌํ•œ๋‹ค. ๊ทธ๋Ÿฌํ•œ ๊ทœ์น™์„ Internet protocol ์ค„์—ฌ์„œ IP๋ผ๊ณ  ํ•œ๋‹ค. ๊ทธ๋ฆฌ๊ณ , Internet Protocol์„ ์‚ฌ์šฉํ•˜๋Š” ์—ฌ๋Ÿฌ ์žฅ๋น„๋“ค ์ฆ‰, ๊ฐ๊ฐ์˜ ์ปดํ“จํ„ฐ๋“ค์€ ์„œ๋กœ ์ •๋ณด๋ฅผ ์ฃผ๊ณ ๋ฐ›๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ฃผ์†Œ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์•ผ ํ•œ๋‹ค. ๋ฐ”๋กœ ๊ทธ ์ฃผ์†Œ๋ฅผ IP ์ฃผ์†Œ๋ผ๊ณ  ํ•œ๋‹ค. ์ „ํ™”๋ฒˆํ˜ธ์™€ ๋งค์šฐ ๋น„์Šทํ•œ ์‹œ์Šคํ…œ์ธ ๊ฒƒ์ด๋‹ค. ์ „ํ™”๋ฒˆํ˜ธ๋„ ์ „ํ™” ๊ฑฐ๋Š” ์‚ฌ๋žŒ๊ณผ ๋ฐ›๋Š” ์‚ฌ๋žŒ ๋‘˜ ๋‹ค ์ „ํ™”๋ฒˆํ˜ธ๊ฐ€ ์žˆ์–ด์•ผ ํ•˜๋“ฏ์ด, IP ๋˜ํ•œ ๋ณด๋‚ด๋Š” ์ปดํ“จํ„ฐ์™€ ๋ฐ›๋Š” ์ปดํ“จํ„ฐ๊ฐ€ IP์ฃผ์†Œ๊ฐ€ ์žˆ์–ด์•ผ ํ•œ๋‹ค. ์ปดํ“จํ„ฐ IP์ฃผ์†Œ ํ™•์ธ โ–ท htt..
์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ( Library ) ์ง€์—ญ์— ์žˆ๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์ด A๋ผ๋Š” ์ฑ…์ด ์žˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•˜์ž. ๊ทธ๋Ÿผ ๊ฐ™์€ ์ฑ…์„ ๋ชจ๋‘๊ฐ€ ๋“ค๊ณ  ์žˆ๋Š” ๊ฒƒ์ด ๋ชจ๋‘๋ฅผ ์œ„ํ•œ ๊ฒƒ์ผ๊นŒ? ์•„๋‹ˆ๋‹ค. ์ธ๊ฐ„์€ ๊ทธ๋ ‡๊ธฐ์— ๋„์„œ๊ด€ (Library)๋ผ๋Š” ๊ฒƒ์„ ๋งŒ๋“ค์—ˆ๋‹ค. ๋„์„œ๊ด€์€ ๋‚ด๊ฐ€ ์ฑ…์ด ์—†์–ด๋„ ๊ทธ ๋„์„œ๊ด€์„ ๊ฐ€๋ฉด ์ฑ…์„ ์ฝ์„ ์ˆ˜ ์žˆ๊ณ  ์ˆ˜๋งŽ์€ ์ฑ…์„ ์ฝ์„ ์ˆ˜๋„ ์žˆ๋‹ค. ์ฝ”๋“œ์— ์žˆ์–ด์„œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋„ ์œ„์˜ ์ƒํ™ฉ๊ณผ ๊ฐ™๋‹ค. ์ค‘๋ณตํ•ด์„œ ์‚ฌ์šฉ๋˜๋Š” ๋กœ์ง์„ ์žฌ์‚ฌ์šฉ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ถ€ํ’ˆํ™”(๋ชจ๋“ˆํ™”) ์‹œํ‚จ ๊ฒƒ์ด๋‹ค. ๊ทธ๋Ÿผ ๊ฐ„๋‹จํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ•œ๋ฒˆ ๋งŒ๋“ค์–ด ๋ณด๋„๋ก ํ•˜์ž. ํ˜„์žฌ ๋งŒ๋“ค๊ณ  ์žˆ๋Š” JavaScript์˜ php ํŒŒ์ผ ์ค‘ ์ค‘๋ณต๋˜๋Š” ์ฝ”๋“œ๊ฐ€ ์žˆ๋‹ค. ๊ทธ๊ฑด ๋ฐ”๋กœ DataBase์— ์ ‘์†์„ ํ•˜๋Š” ์ฝ”๋“œ์ธ $conn๋ถ€๋ถ„์ด๋‹ค. ํ•ด๋‹น ์ฝ”๋“œ๋Š” index.php , write.php , process.php ..
์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [๋ณด์•ˆ]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
๋ณด์•ˆ PHP ๋ณด์•ˆ ์ •๋ณด ๋น„์ฆˆ๋‹ˆ์Šค์˜ ํ•ต์‹ฌ์ด ๋ฉ€๊นŒ? ์ฝ”๋“œ? ์ฝ”๋“œ๋Š” ๋‹น์—ฐํžˆ ์ค‘์š”ํ•˜๋‹ค. ์ตœ์•…์˜ ๊ฒฝ์šฐ์—๋Š” ์ฝ”๋“œ๋ฅผ ๋‹ค์‹œ ์“ฐ๋ฉด ๋˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ํ•˜์ง€๋งŒ ์žƒ์–ด๋ฒ„๋ฆฌ๋ฉด ๋ณต๊ตฌ ๋ถˆ๊ฐ€๋Šฅํ•œ ๊ฒƒ์€ ๋ฐ์ดํ„ฐ์ด๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์„œ๋ฒ„ ์ปดํ“จํ„ฐ๋Š” ์ด๋Ÿฐ ์ค‘์š”ํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ์‚ด์•„๊ฐ€๋Š” ์ง‘์ด๋ผ๊ณ ๋„ ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰ ์„œ๋ฒ„์—๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ ์‚ด๊ณ  ์žˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ์„œ๋ฒ„์— ์ ‘์†ํ•  ๋•Œ๋Š” ๊ฒฝ๊ฑดํ•œ ๋งˆ์Œ์œผ๋กœ ํ•ด์•ผ ํ•œ๋‹ค. ํ˜„์žฌ ๋งŒ๋“ค๊ณ  ์žˆ๋Š” JavaScript์˜ ๋ณด์•ˆ์ ์ธ ์ด์Šˆ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜์ž. ๋จผ์ €, JavaScriptํŽ˜์ด์ง€์˜ ์“ฐ๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ๋ณด๋„๋ก ํ•˜์ž. ๊ทธ๋ฆฌ๊ณ  ์œ„์™€ ๊ฐ™์ด ๋ณธ๋ฌธ์— scriptํƒœ๊ทธ ์‚ฌ์ด์— alert("merong");์„ ์ ๊ณ  ์ œ์ถœ์„ ํ•˜๊ฒŒ ๋˜๋ฉด, ์ด๋ ‡๊ฒŒ Security์— ์ ‘์†ํ•  ๋•Œ๋งˆ๋‹ค ๋ฉ”๋กฑ์ด๋ผ๋Š” ๊ฒฝ๊ณ ๋ฌธ์ด ๋œจ๋Š” ๊ฑธ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ์ง€๊ธˆ์€ ๊ทธ์ € merong์ด ๋‚˜..
์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [MySQL ์‹ค์Šต]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
์ด๋ก ์—์„œ๋Š” MySQL monitor์„ ํ†ตํ•ด DataBase๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์•˜๋‹ค. ์—ฌ๊ธฐ์„œ๋Š” mysqli๋ฅผ ํ†ตํ•ด php์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ•ด์„œ DataBase๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. ์—ฌ๊ธฐ์„œ ๋น„๋ฐ€๋ฒˆํ˜ธ๋Š” 111111, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ด๋ฆ„์€ opentutorials, ํ…Œ์ด๋ธ” ์ด๋ฆ„์€ topic์œผ๋กœ ํ•œ๋‹ค. MySQL monitor mysqli ์„œ๋ฒ„ ์ ‘์† my sql -hlocalhost -uroot -p111111; $conn = mysqli_connect('localhost'.'root','111111'); DB ์„ ํƒ use opentutorials; mysqli_select_db($conn 'opentutorials'); ์กฐํšŒ SELECT * FROM topic; $result = mysqli_quer..
์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [MySQL ์ด๋ก ]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ž€? ์ •๋ณด๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ์ „๋ฌธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ง€๊ธˆ๊นŒ์ง€ File์„ ํ†ตํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ•˜์˜€๋‹ค. File์€ ๊ฐ€์žฅ ์›์‹œ์ ์ด๊ณ  ๊ธฐ๋ณธ์ ์ธ ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ ์ˆ˜๋‹จ์ด๋‹ค. ๊ฐ€์žฅ ํฐ ์žฅ์ ์€ ์–ด๋””์—์„œ๋‚˜ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋ฉฐ, ๋ฌด์–ธ๊ฐ€๋ฅผ ์„ค์น˜ํ•  ํ•„์š”๋„ ์—†๋‹ค. ์‹ฌํ”Œํ•˜๊ธฐ ๋•Œ๋ฌธ์— File์„ ์ดํ•ดํ•˜๋Š”๋ฐ ์–ด๋ ต์ง€ ์•Š๋‹ค. ํ•˜์ง€๋งŒ, ์•ž์œผ๋กœ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ๋Š” DATABASE๊ฐ€ ํ•„์š”ํ•˜๋‹ค. DATABASE๋Š” File์˜ ์žฅ์ ์— ๋น„ํ•ด์„œ๋Š” ๋‹จ์ ์ด ์žˆ๋‹ค. ์ผ๋‹จ DATABASE์— ๋Œ€ํ•œ ์ดํ•ด์™€ ๊ณต๋ถ€๊ฐ€ ํ•„์š”ํ•˜๋ฉฐ, ๋ฌด์–ธ๊ฐ€๋ฅผ ์„ค์น˜ํ•ด์•ผ ํ•˜๊ธฐ๋„ ํ•˜๋‹ค. ๋ฌด์–ธ๊ฐ€๋ฅผ ์„ค์น˜ํ•  ๋•Œ ๊ณ ๋ฏผ๋„ ๋งŽ์ด ํ•ด์•ผ ํ•œ๋‹ค. ํ•˜์ง€๋งŒ, ๊ถ๊ทน์ ์œผ๋กœ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค ๋•Œ๋Š” File์ด ์•„๋‹Œ DATABASE๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. DATABASE์˜ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ด์œ ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 1. ์•ˆ์ „ํ•˜๋‹ค..
์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [PHP ์‹ค์Šต]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
PHP ์‹ค์Šต PHP๋Š” ์›น๋ธŒ๋ผ์šฐ์ €์—์„œ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ–ˆ์„ ์‹œ ์›น์„œ๋ฒ„๊ฐ€ PHP์—๊ฒŒ ์ „์†ก์„ ํ•œ๋‹ค. PHP๋Š” FILE์„ ์ฃผ๊ณ ๋ฐ›์œผ๋ฉฐ ํ•ด์„๋œ PHP๋ฅผ ๋‹ค์‹œ ์›น์„œ๋ฒ„์—๊ฒŒ ์ „์†ก์„ ํ•˜๊ณ , ์›น์„œ๋ฒ„๋Š” ์›น๋ธŒ๋ผ์šฐ์ €์—๊ฒŒ ๋‹ค์‹œ ๋Œ๋ ค์ฃผ๊ฒŒ ๋˜๋ฉด์„œ ์‚ฌ์šฉ์ž๋Š” ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ์ž…๋ ฅ๊ฐ’ ์ด๋ ‡๊ฒŒ $_GET์„ ํ†ตํ•ด id๊ฐ’์„ ์ถœ๋ ฅ์‹œํ‚ฌ ๊ฒฝ์šฐ, url์„ ํ†ตํ•ด id๊ฐ’์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. http://localhost/php/1.php?id=1 ์ด๋ ‡๊ฒŒ ํŒŒ์ผ ์ด๋ฆ„ ์˜†?๋ฅผ ํ†ตํ•ด์„œ id=1์ด๋ผ๊ณ  ์ง€์ •์„ ํ•˜๋ฉด ํ™”๋ฉด์— 1์ด ์ถœ๋ ฅ๋˜๋Š” ๊ฑธ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๋ ‡๊ฒŒ id๊ฐ’์œผ๋กœ 1์„ ์ฃผ๊ฒŒ ๋˜๋ฉด 1.php๋ผ๋Š” ํŒŒ์ผ ์•ˆ์— id๊ฐ’์ด 1๋กœ ์ง€์ •ํ•œ๋‹ค๋Š” ์˜๋ฏธ์ด๋‹ค. ๋˜ํ•œ ์ž…๋ ฅ๊ฐ’์„ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ํ•œ๋‹ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ˆ˜์ •ํ•˜๋ฉด ๋œ๋‹ค. ์ด๋ ‡๊ฒŒ ์ถ”๊ฐ€๋ฅผ ํ–ˆ์„ ์‹œ, url์—์„œ๋Š” &ํ‘œ์‹œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค...
์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [JS ์‹ค์Šต]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
JavaScript์‹ค์Šต ์ง€๊ธˆ ์‹ค์Šต์„ ํ†ตํ•ด ๋งŒ๋“ค์–ด๋ณผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ๊ธฐ์กด์— HTML๊ณผ CSS๋ฅผ ์‚ฌ์šฉํ•ด ๋งŒ๋“ค์—ˆ๋˜ JavaScript๊ต์œก ํŽ˜์ด์ง€์— ๋‹คํฌ๋ชจ๋“œ๋ฅผ JavaScript๋ฅผ ํ†ตํ•ด ์ถ”๊ฐ€ํ•  ์˜ˆ์ •์ด๋‹ค. ๋ฒ„ํŠผ ์ƒ์„ฑ ์œ„์™€ ๊ฐ™์ด input์„ ํ†ตํ•ด button์„ ์ƒ์„ฑํ•˜๊ณ  button์˜ ๊ฐ’์œผ๋กœ white์„ ์ž…๋ ฅํ•˜๋ฉด, white๊ฐ€ ์ ํžŒ ๋ฒ„ํŠผ์ด ์ƒ์„ฑ๋œ๋‹ค. type์œผ๋กœ text๋ฅผ ์ ๊ฒŒ ๋˜๋ฉด, ํ…์ŠคํŠธ๊ฐ€ ์ƒ์„ฑ์ด ๋œ๋‹ค. type์œผ๋กœ checkbox๋ฅผ ์ž…๋ ฅํ•˜๋ฉด, ์ฒดํฌ๊ฐ€ ๊ฐ€๋Šฅํ•œ ๋ฐ•์Šค๊ฐ€ ์ƒ์„ฑ๋œ๋‹ค. ์ด๋ ‡๊ฒŒ type์œผ๋กœ ์ฃผ๋Š” ๊ฐ’์— ๋”ฐ๋ผ ๋‹ค์–‘ํ•œ ํƒ€์ž…์˜ input์ด ์ƒ์„ฑ๋œ๋‹ค. type button text checkbox ๊ฒฝ๊ณ ๋ฌธ scriptํƒœ๊ทธ ์•ˆ์— alert("")์„ ์‚ฌ์šฉํ•˜๋ฉด, ๋ธŒ๋ผ์šฐ์ €์—์„œ ๊ฒฝ๊ณ ๋ฌธ์ด ์ƒ์„ฑ๋œ๋‹ค. ์ด๋ฒคํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ HTML ํƒœ๊ทธ..
์›น ์—ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [JS,PHP ์ด๋ก ]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
๋ณ€์ˆ˜ JS PHP ๋ณ€์ˆ˜๋ช…; $๋ณ€์ˆ˜๋ช…; PHP๋Š” ๋ณ€์ˆ˜๋ช… ์•ž์— ๋‹ฌ๋Ÿฌํ‘œ์‹œ($)๋ฅผ ๋ถ™์—ฌ์•ผ ํ•œ๋‹ค. ๋ถ™์ด์ง€ ์•Š์„ ๊ฒฝ์šฐ, Error๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค. ์—ฐ์‚ฐ์ž JS PHP + + - - * * / / ๋ฌธ์ž์—ด์„ ๋”ํ•  ๊ฒฝ์šฐ JS๋Š” +์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•ด ๋ฌธ์ž์—ด์„ ๋”ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, PHP๋Š” ์ (.)์„ ์‚ฌ์šฉํ•ด์•ผ์ง€ ๋ฌธ์ž์—ด๋ผ๋ฆฌ์˜ ๊ฒฐํ•ฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค. JS document.wirte("์•ˆ๋…•"+"ํ•˜์„ธ์š”"); → ์•ˆ๋…•ํ•˜์„ธ์š” PHP echo "์•ˆ๋…•"."ํ•˜์„ธ์š”" → ์•ˆ๋…•ํ•˜์„ธ์š” ๋น„๊ต JS PHP == == != != > > ๋ฐฐ์—ด ๋ฐฐ์—ด์€ ์—ฐ๊ด€๋˜์–ด์žˆ๋Š” ์ •๋ณด๋ฅผ ํ•˜๋‚˜์˜ ๊ทธ๋ฆ‡์— ๋‹ด์•„์„œ ์ฒด๊ณ„์ ์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. JS PHP list = new Array( "one","two","three" ); list[0]; $list = array( "one","two",..
์›น ์—ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [CSS]
ยท
๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
CSS [ Cascading Style Sheet ] ๋””์ž์ธ์„ ์œ„ํ•œ ์–ธ์–ด CSS๋Š” HTML๊ณผ ๋‹ค๋ฅธ ์™„์ „ํžˆ ๋…๋ฆฝ๋œ ์–ธ์–ด์ด์ง€๋งŒ, HTML๊ณผ ๋”ฐ๋กœ ์žˆ์„ ์ˆ˜ ์—†๋Š” ์–ธ์–ด์ด๋‹ค. CSS๊ฐ€ ๊ธฐ๋ณธ์ ์œผ๋กœ ๊ณ ์•ˆ๋œ ๋ชฉํ‘œ๋Š” HTML์ด๋ž€ ์–ธ์–ด๋ฅผ ๋””์ž์ธํ•˜๊ธฐ ์œ„ํ•ด ๊ณ ์•ˆ๋œ ์–ธ์–ด์ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. CSS JavaScript HTML ์œ„ ์ฝ”๋“œ๋ฅผ ํ™•์ธํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. ์ด๋ ‡๊ฒŒ ์ด ๋๋‚˜๊ธฐ๊นŒ์ง€ CSS ์ฝ”๋“œ๊ฐ€ ์ž‘์„ฑ์ด ๋œ๋‹ค. styleํƒœ๊ทธ ์•ˆ์— h1์†์„ฑ์€ red๋ผ๋Š” ์ƒ‰์„ ์ง€์ •ํ•ด์ฃผ์—ˆ๊ธฐ ๋•Œ๋ฌธ์—, CSS๋Š” ๋ถ‰์€์ƒ‰์œผ๋กœ ๋‚˜์˜ค๋Š” ๊ฑธ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ๋งŒ์•ฝ ๋ฌธ์„œ์ƒ์— h1ํƒœ๊ทธ๊ฐ€ ํ•˜๋‚˜ ๋” ์žˆ๋‹ค๋ฉด ๊ทธ๊ฒƒ ๋˜ํ•œ ๋ถ‰์€์ƒ‰์œผ๋กœ ํ‘œ์‹œ๋  ๊ฒƒ์ด๋‹ค. ์—ฌ๊ธฐ์„œ h1์ด ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ฒƒ์€ ์„ ํƒ ์ž์ด๊ณ  ๊ทธ ๋’ค์— ์ง€์ •ํ•ด์ฃผ๋Š” ๊ฒƒ์€ ์„œ์ˆ ์ด๋ผ๊ณ  ํ•œ๋‹ค. CSS JavaScript HTML ์ด๋ ‡๊ฒŒ font..
Kyle99
'๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก