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

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

7์žฅ ๐Ÿฎ๋ฐฐ์—ด Array๐Ÿฎ : ํ•˜๋‚˜์˜ ๋ณ€์ˆ˜์— ์—ฌ๋Ÿฌ ๊ฐœ์˜ ํ•ญ๋ชฉ ์ €์žฅ ๋ฐฐ์—ด ๋งŒ๋“œ๋Š” ๋ฒ• ๋ฆฌํ„ฐ๋Ÿด ํ‘œ๊ธฐ๋ฒ•์œผ๋กœ ๋ฐฐ์—ด ๋งŒ๋“ค๊ธฐ var A=[] // ๋ฐฐ์—ด ์„ ์–ธ var A=[1, 2, 3] // ์„ ์–ธ๊ณผ ํ• ๋‹น์„ ๋™์‹œ์— Array ๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ธ์Šคํ„ด์Šค ๋งŒ๋“ค๊ธฐ var A=new Array(1,2,3); Array ๊ฐ์ฒด์˜ ํ•จ์ˆ˜ length: ์š”์†Œ์˜ ๊ฐœ์ˆ˜ ๋ฐ˜ํ™˜ var A=['1', '2', '3']; A.length; //3 concat: ๋ฐฐ์—ด ์—ฐ๊ฒฐ var A=['1', '2', '3']; var B=['a', 'b', 'c']; A.concat(B); // [1 2 3 a b c] (์ฝค๋งˆ, ๋”ฐ์˜ดํ‘œ ์ƒ๋žต) B.concat(A); // [a b c 1 2 3] (์ฝค๋งˆ, ๋”ฐ์˜ดํ‘œ ์ƒ๋žต) join: ๋ฐฐ์—ด ์š”์†Œ ๋ฌธ์ž์—ด๋กœ ์—ฐ๊ฒฐ var A..

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

4์žฅ ๐Ÿจ ์กฐ๊ฑด๋ฌธ if(score>60){ alert("ํ†ต๊ณผ"); } else{ alert("์‹คํŒจ"); } ๐Ÿจ ์กฐ๊ฑด ์—ฐ์‚ฐ์ž score>60 ? alert("ํ†ต๊ณผ") : alert("์‹คํŒจ"); ๐Ÿจ falsy ๊ฐ’ 0 ""(๋นˆ ๋ฌธ์ž์—ด) NaN(์ˆซ์ž๊ฐ€ ์•„๋‹˜) unfined(๊ฐ’์ด ํ• ๋‹น๋˜์ง€ ์•Š์Œ) null(์œ ํšจํ•˜์ง€ ์•Š์€ ๊ฐ’) ๐Ÿจ switch๋ฌธ *case ๋’ค์— ๋ฌธ์ž์—ด๋กœ ์ฒ˜๋ฆฌํ•ด์•ผ ํ•จ (case๋ฌธ ๋๋‚  ๋•Œ๋งˆ๋‹ค break, ๋งˆ์ง€๋ง‰์— default ๊ผญ ์จ์ฃผ๊ธฐ) switch(num){ case "1": document.write("1๋ฒˆ์„ ์„ ํƒํ•˜์…จ์Šต๋‹ˆ๋‹ค"); break; case "2": document.write("2๋ฒˆ์„ ์„ ํƒํ•˜์…จ์Šต๋‹ˆ๋‹ค"); break; case "3": document.write("3๋ฒˆ์„ ์„ ํƒํ•˜์…จ์Šต๋‹ˆ๋‹ค"); ..

[์ƒํ™œ์ฝ”๋”ฉ] CSS

css๋Š” html ํŒŒ์ผ์—์„œ head ๋ถ€๋ถ„์— style์ด๋ผ๋Š” ํƒœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ•ด์„œ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ style ์†์„ฑ์„ ์ด์šฉํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค (css์—์„œ์˜ ์ฃผ์„์€ /* */) * style ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• * style ์†์„ฑ์„ ์ด์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• ์„ ํƒ์ž์˜ ์ข…๋ฅ˜ * ๊ฐ™์€ ์ข…๋ฅ˜์˜ ์„ ํƒ์ž๋ผ๋ฉด ๊ฐ€์žฅ ์•„๋ž˜์˜ ์ฝ”๋“œ๋ฅผ ๋”ฐ๋ฆ„ #id: ๋‹จ ํ•œ ๋ฒˆ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ณ  ์šฐ์„ ์ˆœ์œ„๊ฐ€ ๊ฐ€์žฅ ๋†’์Œ .class: ํด๋ž˜์Šค๋กœ ์ง€์ •ํ•œ ๊ฒƒ๋“ค์— ๋Œ€ํ•ด ์„ค์ • ๊ฐ€๋Šฅ tag: ์šฐ์„  ์ˆœ์œ„ ๊ฐ€์žฅ ๋‚ฎ์Œ ์ผ๋‹จ ๋‚ด๊ฐ€ css ๊ฐœ๋… ๊ณต๋ถ€ํ•˜๋ฉด์„œ ๋‘๋“œ๋ ค ๋ณธ ์ฝ”๋“œ (์ข€ ๋”ฐ ๋‹ค ๋ฐ”๊ฟ€๊ฑฐ๋ผ์„œ ์ผ๋‹จ ์—ฌ๊ธฐ๋‹ค ์ €์žฅ!) ๋”๋ณด๊ธฐ ์•„ ๊ทผ๋ฐ ์ง„์งœ ์ดํ•ด๊ฐ€ ์•ˆ ๋˜๋Š” ๊ฒŒ WEB ์œ„์˜ ์ฝ”๋“œ๋Š” ์ƒ‰์ด ์ œ๋Œ€๋กœ ๋ฐ”๋€Œ๋Š”๋ฐ WEB ์ด ์ฝ”๋“œ๋Š” h1 ์ƒ‰์ด ์•ˆ ๋ฐ”๋€œ,,, ์™ ์ง€ ์ง„์งœ ๋ชจ๋ฅด๊ฒ ๋‹ค ์•„์ง ;ใ……; ์™œ WHYใ… ใ… ใ… ใ… ..

๋‚ด๊ฐ€ ์ •๋ฆฌํ•œ HTML

์ง„์งœ ๋‚ด๊ฐ€ ๋‚˜์ค‘์— ๋ณด๋ ค๊ณ  ์ •๋ฆฌํ•˜๋Š” ๊ฑฐ๋ผ์„œ ์—„์ฒญ ๋‘์„œ์—†์„ ๋“ฏ,,, ์ด์ œ ์‹œ์ž‘๐Ÿ™€๐Ÿ™€๐Ÿค๐Ÿค HTML์€ ์›นํŽ˜์ด์ง€์˜ ๋‚ด์šฉ๊ณผ ๊ตฌ์กฐ๋ฅผ ๋‹ด๋‹นํ•˜๋Š” ์–ธ์–ด! ์›นํŽ˜์ด์ง€์— ๋ณด์ด๊ณ  ์‹ถ์€ ๋‚ด์šฉ non_sementic ์š”์†Œ: ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•œ ์„ค๋ช…์ด ์—†์Œ sementic ์š”์†Œ: ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•œ ์˜๋ฏธ๋ฅผ ํฌํ•จํ•จ -> sementic ์š”์†Œ๋ฅผ ์ž˜ ์‚ฌ์šฉํ•˜๋ฉด ์˜๋ฏธ๊ฐ€ ์ž˜ ํŒŒ์•…๋˜๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ€๋…์„ฑ์ด ์ข‹๊ณ  ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ์‰ฌ์šด ์ฝ”๋“œ๊ฐ€ ๋œ๋‹ค ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ํƒœ๊ทธ๋“ค ๐Ÿฐ์‚ด์ง ๊ธฐ๋ณธ์ ์ธ ํƒœ๊ทธ!๐Ÿฐ(*: ์–ดํŠธ๋ฆฌ๋ทฐํŠธ ์–ธ๊ธ‰) h1~h6 ์ œ๋ชฉ ํƒœ๊ทธ h1๋ถ€ํ„ฐ h6๊นŒ์ง€ ์žˆ์œผ๋ฉฐ ์ˆซ์ž์˜ ํฌ๊ธฐ๊ฐ€ ์ปค์งˆ์ˆ˜๋ก ๊ธ€์ž์˜ ํฌ๊ธฐ๊ฐ€ ์ค„์–ด๋“ฌ (์ค‘์š”ํ•œ ์˜๋ฏธ๋กœ ๋ฐ›์•„๋“ค์ž„!) b ๋ณผ๋“œ์ฒด๋กœ ์ง€์ • strong ๋ณผ๋“œ์ฒด๋กœ ์ง€์ •(์ค‘์š”ํ•œ ์˜๋ฏธ๋กœ ๋ฐ›์•„๋“ค์ž„!) i ์ดํƒˆ๋ฆญ์ฒด em ์ดํƒˆ๋ฆญ์ฒด (์ค‘์š”ํ•œ ์˜๋ฏธ๋กœ ๋ฐ›์•„๋“ค์ž„!) small ๊ธ€์”จ ..

[์ƒํ™œ์ฝ”๋”ฉ] html

์šฐ์„  ๋ชจ๋“  html ํƒœ๊ทธ๋“ค์„ ์™ธ์šธ ํ•„์š”๋Š” ์ „ํ˜€ ์—†๋‹ค ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„ ๋•Œ๋งˆ๋‹ค ๊ฒ€์ƒ‰ํ•ด์„œ ์‚ฌ์šฉํ•˜๋ฉด ๋˜๋Š” ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์—! ์•„์ฃผ ๊ธฐ๋ณธ์ ์ธ ํƒœ๊ทธ๋“ค ~ ~ ... ~ ์ง„ํ•˜๊ฒŒ ํ‘œ์‹œํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ ๋ฐ‘์ค„์น˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ ํ•œ ๋‹จ๋ฝ ใ…Žใ……ใ…Ž ใ…‡ใ……ใ…‡ ใ…‹ใ……ใ…‹ ใ…Žใ……ใ…Ž ใ…‡ใ……ใ…‡ ใ…‹ใ……ใ…‹ ์ฐฝ์˜ ์ด๋ฆ„(?)์œผ๋กœ ์“ฐ์ด๊ณ  ์‹ถ์€ ๊ธ€ hello web ๋” ๋งŽ์€ ํƒœ๊ทธ๋“ค์ด ์žˆ์ง€๋งŒ ๊ทธ๊ฒƒ์€ ๋”ฐ๋กœ ์ •๋ฆฌํ•˜๊ณ  ์™ธ์šฐ์ง€๋Š” ์•Š์„ ๊ฒƒ์ด๋‹ค! (์ข€ ์ด๋”ฐ ํ•œ ๋ฒˆ์”ฉ ์ ์šฉํ•ด๋ณด๋ฉด์„œ ์‹ค์Šตํ•ด๋ณผ ์˜ˆ์ •) ์•„๋ž˜๋Š” html ํƒœ๊ทธ๋“ค์ด ์‚ฌ์šฉ ๋นˆ๋„์— ๋”ฐ๋ผ ์ž˜ ์ •๋ฆฌ๋˜์–ด์žˆ๋Š” ์‚ฌ์ดํŠธ์ด๋‹ค! ์ด ์‚ฌ์ดํŠธ์˜ ํ†ต๊ณ„ ๊ฒฐ๊ณผ๋ฅผ ๋ณด๊ณ  ์–ด๋–ค ํƒœ๊ทธ๋“ค์„ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์„์ง€ ์•Œ ์ˆ˜ ์žˆ๋‹ค https://www.advancedwebranking.com/html/ The average web page from top twenty ..

Visual code ์„ค์น˜ & ํŒŒ์ผ ๋งŒ๋“ค๊ธฐ

๋‹น์žฅ ์ด๋ฒˆ ์ฃผ๋ถ€ํ„ฐ javascript ์Šคํ„ฐ๋””๊ฐ€ ์‹œ์ž‘๋˜๊ธฐ ๋•Œ๋ฌธ์— ๋ฐฉํ•™ ๋•Œ ์„ค๋ ์„ค๋ ํ•˜๋˜ html, css ๊ณต๋ถ€๋ฅผ ์ด๋ฒˆ ์ฃผ ๋‚ด์— ํž˜๋“ค๊ฒŒ ํ•ด์•ผ ํ•œ๋‹คใ… ใ…  ์งค๋ง‰ํ•œ vscode ์„ค์น˜ ๋ฐฉ๋ฒ•๊ณผ ๊ฐ„๋‹จํ•˜๊ฒŒ ํŒŒ์ผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ• ์„ค์น˜๋ฐฉ๋ฒ• ๋ฐฉํ•™ ๋•Œ ์ƒํ™œ์ฝ”๋”ฉ์œผ๋กœ ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ฒ˜์Œ ์ ‘ํ•˜๊ฒŒ ๋˜์–ด์„œ 'Atom'์ด๋ผ๋Š” ์—๋””ํ„ฐ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์—ˆ๋Š”๋ฐ ์Šคํ„ฐ๋””๋ฅผ ํ•  ๋•Œ visual code๋ฅผ ์ด์šฉํ•  ๊ฒƒ ๊ฐ™๊ธฐ๋„ ํ•˜๊ณ  ์ฃผ๋ณ€์—์„œ๋„ ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•  ๋•Œ ์ด ์—๋””ํ„ฐ๋ฅผ ์ž์ฃผ ์‚ฌ์šฉํ•˜๊ธธ๋ž˜ ์„ค์น˜ํ•ด๋ณด์•˜๋‹ค ์šฐ์„  ์•„๋ž˜์˜ ์‚ฌ์ดํŠธ์—์„œ ์ž์‹ ์˜ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์— ๋งž๋Š” visual code๋ฅผ ์„ค์น˜ํ•œ๋‹ค!! (์ฃผ์˜ํ•ด์•ผ ํ•  ์ ์ด ๋”ฑํžˆ ์—†์–ด์„œ ๊ณ„์† ๋‹ค์Œ์œผ๋กœ ๋„˜๊ธฐ๋ฉด ์„ค์น˜ ์™„๋ฃŒ!!) Visual Studio Code - Code Editing. Redefined Visual Studio..