์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ 6

[JavaScript] ๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ์ •๋ฆฌํ•œ Do it ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธํŽธ(3)

5์žฅ ๐Ÿฎํ•จ์ˆ˜๐Ÿฎ ํ•จ์ˆ˜ ์„ ์–ธ function addNum(a,b){ return a+b; } ํ•จ์ˆ˜ ์„ ์–ธ๊ณผ ํ˜ธ์ถœ ์œ„์น˜์— ๊ด€๊ณ„์—†์ด ๋ชจ๋‘ ์‹คํ–‰๋œ๋‹ค ์ต๋ช… ํ•จ์ˆ˜ var add=function(a,b){ return a+b; } var num1=parseInt(prompt('์ฒซ ๋ฒˆ์งธ ์ˆซ์ž๋ฅผ ์ž…๋ ฅํ•˜์‹œ์˜ค')); var num2=parseInt(prompt('๋‘ ๋ฒˆ์งธ ์ˆซ์ž๋ฅผ ์ž…๋ ฅํ•˜์‹œ์˜ค')); //parseInt๋Š” ๋ฌธ์ž์—ด๋กœ ์ž…๋ ฅ๋ฐ›์€ ๊ฒƒ์„ ์ •์ˆ˜๋กœ ๋ณ€ํ™˜ var result=add(num1, num2); console.log(sum); ํ•จ์ˆ˜ ์ž์ฒด๊ฐ€ ์‹์ด๊ธฐ ๋•Œ๋ฌธ์— ์ต๋ช… ํ•จ์ˆ˜๋ฅผ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•  ์ˆ˜ ์žˆ๋‹ค ์ฆ‰์‹œ ์‹คํ–‰ ํ•จ์ˆ˜ var sum=(function(a,b){ return a+b; }(10,20)); /* ์ด๋ ‡๊ฒŒ๋„ ๊ฐ€๋Šฅ var sum=..

[JavaScript] ๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ์ •๋ฆฌํ•œ Do it ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธํŽธ(1)

1์žฅ์€ ๊ฐœ๋…์ด๋ผ์„œ ์ฝ๊ณ  ๋„˜๊ฒผ๋‹ค! JavaScript๋Š” ๋์— ๊ผญ ; ๋ถ™์—ฌ์•ผ ํ•จ!!! 2์žฅ ์ผ๋‹จ js ํŒŒ์ผ๊ณผ html ํŒŒ์ผ ์—ฐ๋™์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•! body ํƒœ๊ทธ ๋‚ด์˜ ์–ด๋””์„œ๋‚˜ ์—ฌ๋Ÿฌ ๋ฒˆ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ๋‹ซ๋Š” body ํƒœ๊ทธ ๋ฐ”๋กœ ์œ„์— ์‚ฌ์šฉํ•˜๋Š” ์Šต๊ด€์„ ๋“ค์ด๋Š” ๊ฒƒ์ด ์ข‹๋‹ค live server๋ฅผ ์‹คํ–‰์‹œํ‚จ ํ›„ ํฌ๋กฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ ctrl + shift + J๋ฅผ ๋ˆ„๋ฅด๋ฉด ์ฝ˜์†” ์ฐฝ์ด ๋œจ๊ฒŒ ๋œ๋‹ค! ์ž…๋ ฅ๊ฐ’ ๋ฐ›๋Š” ํ•จ์ˆ˜ prompt() prompt("์ด๋ฆ„์„ ์ž…๋ ฅํ•˜์„ธ์š”.","๊ณ ์–‘์ด"); ์ž…๋ ฅ์ฐฝ์— "์ด๋ฆ„์„ ์ž…๋ ฅํ•˜์„ธ์š”."๋ผ๋Š” ์„ค๋ช…์ด ๋œจ๊ณ  ๊ธฐ๋ณธ๊ฐ’์€ "๊ณ ์–‘์ด"๋กœ ์ง€์ •๋œ๋‹ค. ์•Œ๋ฆผ ์ฐฝ์œผ๋กœ ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜ alert() alert("๊ณ ์–‘์ด๋Š” ๊ท€์—ฌ์›Œ"); ์›น ๋ธŒ๋ผ์šฐ์ € ํ™”๋ฉด์— ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜ document.write() var name = prompt("..

[์ƒํ™œ์ฝ”๋”ฉ] ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ(5): CSS ์‹ค์Šต

์ „์— ๋งŒ๋“ค์—ˆ๋˜ html ํŒŒ์ผ์— ๋””์ž์ธ์„ ๋”ํ•ด๋ณด์•˜๋‹ค ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ณต๋ถ€ html html ์ด๋ก  html ์‹ค์Šต css css ์ด๋ก  css ์‹ค์Šต ๊ทธ๋Ÿผ ๊ฒฐ๊ณผ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ด๋‹ค (์šฐํ—คํ—ค ์‹ ๊ธฐํ•ด)

[์ƒํ™œ์ฝ”๋”ฉ] ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ(4): CSS ์ด๋ก 

๋งจ๋‚  ๋ฉ”๋ชจ์žฅ์—์„œ ์ฝ”๋“œ๋ฅผ ์งฐ์—ˆ๋Š”๋ฐ ์•ž์œผ๋กœ๋Š” ์•„ํ†ฐ์—์„œ ์ฝ”๋“œ๋ฅผ ์งค ๊ฒƒ์ด๋‹ค ์šฐ์™€ ์—ญ์‹œ ์—๋””ํ„ฐ๋Š” ๋‹ค๋ฅด๊ธด ๋‹ค๋ฅด๊ตฌ๋‚˜ ๊ฒ๋‚˜ ์‹ ๊ธฐํ•˜๋„ค ๋ฉ”๋ชจ์žฅ์—์„œ๋งŒ ์งœ๋‹ค๊ฐ€ ์—๋””ํ„ฐ ์“ฐ๋‹ˆ๊นŒ ๋„ˆ๋ฌด ํŽธํ•˜๋‹ค ใ…Žใ…ใ…Ž ์˜ค๋Š˜ html์—์„œ ์ฃผ์„์„ ์–ด๋–ป๊ฒŒ ์“ฐ๋Š”์ง€ ์ฒ˜์Œ ์•Œ์•˜๋‹ค!! CSS css๋Š” ํ•ญ์ƒ html๊ณผ ํ•จ๊ป˜ ์“ฐ์ธ๋‹ค ์•ˆ์— ์“ฐ์—ฌ์žˆ๋Š” ๊ฒƒ์ด css์˜ ๋‚ด์šฉ์ด๋‹ค ์„ ํƒ์ž {์„œ์ˆ } CSS JavaScript HTML CSS๋Š” ์†์„ฑ๊ณผ ์†์„ฑ์„ ;(์„ธ๋ฏธ์ฝœ๋ก )์œผ๋กœ ๊ตฌ๋ถ„ํ•จ ์—ฌ๋Ÿฌ ์„ ํƒ์ž๋Š” ,๋กœ ๊ตฌ๋ถ„ *ํ—ค๋” ๋ฐ‘์˜ h1๋งŒ ๋”ฐ๋กœ ์ง€์ •์„ ํ•ด์ค„ ์ˆ˜๋„, ์—ฌ๋Ÿฌ ์„ ํƒ์ž๋ฅผ ํ•œ ๋ฒˆ์— ์ง€์ •ํ•  ์ˆ˜๋„, ๋”ฐ๋กœ ํ•œ ๋ฒˆ ๋” ์ง€์ •ํ•  ์ˆ˜๋„ ์žˆ๋‹ค html css javascript ๋”๋ณด๊ธฐ ์‚ฌ์ง„ ์ฒจ๋ถ€(body๋‚ด์— ์ž‘์„ฑ) float(style๋‚ด์— ์ž‘์„ฑ): ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์ฝ˜ํ…์ธ ๋ฅผ ๋‚˜๋ž€ํžˆ ๋ฐฐ์น˜ ์ผ๋‹จ css ์ด๋ก  ์ˆ˜์—…..

[์ƒํ™œ์ฝ”๋”ฉ] ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ(3): HTML ์‹ค์Šต

๋˜ ๋†€๋‹ค๊ฐ€ ์‹œ์ž‘! ์ฝ”๋“œ๊ฐ€ ์˜๋ฏธ๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๊ฒŒ ์ฝ”๋“œ๋ฅผ ์งœ๋ ค๋ฉด? ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ณต๋ถ€ html html ์ด๋ก  html ์‹ค์Šต css css ์ด๋ก  css ์‹ค์Šต html ์ด๋ก  ํ•˜๋ฃจ์— ์ตœ์†Œ 2์‹œ๊ฐ„์”ฉ ๊พธ์ค€ํžˆ ํ•˜๊ธฐ ํ‹ฐ์Šคํ† ๋ฆฌ์— ๋งค๋ฒˆ ์—…๋กœ๋“œํ•˜๊ธฐ 2021/01/31 ์‹œ์ž‘ ์•„ใ…์•„ใ…ใ…ใ…์•„ใ…ใ… 'html ์‹ค์Šต', 'css ์ด๋ก ', 'css ์‹ค์Šต'๊ณผ ๊ฐ ํŒŒ์ผ๋“ค์„ ๋‹ค ์—ฐ๊ฒฐํ•ด์ฃผ์—ˆ๋‹ค! ์งœ์ž”~! ์˜ค๋Š˜์€ ์—ฌ๊ธฐ๊นŒ์ง€! ๊ทผ๋ฐ ๊ณ ๋ฏผ์ด ์ƒ๊ฒผ๋‹ค ;ใ……; ๋‚œ ์ด๋ฒˆ์— ๊ฐœ๊ฐ•ํ•˜๊ธฐ ์ „์— ํ”„๋ก ํŠธ์—”๋“œ ์ชฝ๋งŒ ๋ฐฐ์šฐ๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ(๋ฌผ๋ก  ๋ฐฑ์—”๋“œ ์ชฝ๋„ ์•Œ๋ฉด ์ข‹์ง€๋งŒ) ์ด ์ˆ˜์—…์—๋Š” ๋ฐฑ์—”๋“œ ์ชฝ๋„ ํฌํ•จ๋ผ ์žˆ์–ด์„œ ๊ณ ๋ฏผ์ด ๋œ๋‹ค,,, ๊ทธ๋ž˜๋„ ํ•œ ๋ฒˆ ๊ณต๋ถ€ํ•ด๋ณด๋Š” ๊ฒƒ์ด ๋„์›€์ด ๋ ๊นŒ,, ์•„๋‹ˆ๋ฉด HTML์ด๋ž‘ CSS ๊ธฐ๋ณธ์„ ๋ฐฐ์šฐ๊ณ  ๋‚˜์„œ ๋” ์ž์„ธํžˆ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒŒ ๋‚˜์„๊นŒ? ์ด๊ฑด ๋” ๊ณ ๋ฏผํ•ด๋ด์•ผ๊ฒ ๋‹ค

[์ƒํ™œ์ฝ”๋”ฉ] ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ(1): ํ™˜๊ฒฝ ์กฐ์„ฑ

์›๋ž˜ ์ƒํ™œ์ฝ”๋”ฉ์˜ HTML ์ˆ˜์—…์„ ๋“ค์œผ๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ ๊ทธ์ „์— '์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ'๋ผ๋Š” ์ˆ˜์—…์„ ๋จผ์ € ๋“ฃ๋Š” ๊ฒƒ์ด ๋„์›€์ด ๋œ๋‹ค๊ณ  ํ•ด์„œ ์ด ์ˆ˜์—… ๋จผ์ € ๋“ฃ๊ธฐ๋กœ ํ–ˆ๋‹ค. (์˜ค๋Š˜๋ถ€ํ„ฐ ๋‹ค์‹œ ์—ด์‹ฌํžˆ ๊ณต๋ถ€ ์‹œ์ž‘ํ•ด์•ผ์ง€ใ…œ ๋‹ค์Œ ์ฃผ๋Š” ๋˜ ์—ด์‹ฌํžˆ ๋†€ ํ…Œ๋‹ˆ๊นŒใ… ) ์ˆ˜์—…์„ ๋“ฃ๊ธฐ ์œ„ํ•ด์„  ์›น ๋ธŒ๋ผ์šฐ์ €์™€ ์›น ์„œ๋ฒ„๊ฐ€ ๊น”๋ ค์žˆ์–ด์•ผ ํ•˜๋Š”๋ฐ ์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ๋Œ€๋ถ€๋ถ„ ์ด๋ฏธ ๊น”๋ ค์žˆ๊ธฐ ๋•Œ๋ฌธ์— 'Apache'๋ผ๋Š” ์›น ์„œ๋ฒ„๋ฅผ ๊น”์•„ ์‚ฌ์šฉํ•  ๊ฒƒ์ด๋‹ค. Apache๋Š” ์›น ์„œ๋ฒ„์ด๊ธฐ ๋•Œ๋ฌธ์— ์„ค์น˜๋ฅผ ํ•˜๋Š” ๊ฒŒ ํž˜๋“ค๊ธฐ ๋•Œ๋ฌธ์— 'Bitnami'๋ฅผ ์ด์šฉํ•ด ์„ค์น˜ํ•  ๊ฒƒ์ด๋‹ค. ์„ค์น˜๊ฐ€ ๋๋‚˜๊ณ  localhost/index.html์„ ์›น ๋ธŒ๋ผ์šฐ์ €์— ๊ฒ€์ƒ‰ํ•ด๋ณด์•˜์„ ๋•Œ ์•„๋ž˜์™€ ๊ฐ™์€ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๊ฒŒ ๋œ๋‹ค๋ฉด ์ œ๋Œ€๋กœ ์„ค์น˜๊ฐ€ ๋œ ๊ฒƒ์ด๋‹ค! ์ด์™€ ๊ฐ™์€ ๊ฒฝ๋กœ๋กœ ๋“ค์–ด๊ฐ€์„œ index.html์ด ๋ฐ”๋กœ ์•„๊นŒ ๋ดค๋˜ ..