ยซ   2025/02   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Archives
Recent Posts
02-01 18:12

Today
Total

Recent Comments
๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กWEB/HTML+CSS+JS (20)

์—ฐ์˜ ๊ธฐ๋ก ๐Ÿช

[JavaScript] document.write()ํ•จ์ˆ˜ ์œ„์น˜

JS๋กœ ์ด๊ฒƒ์ €๊ฒƒ ํ•ด๋ณด๋‹ค๊ฐ€ document.write()ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉ์‹œ ์–ธ์ œ๋Š” ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€์— ์ถœ๋ ฅ๋˜๊ณ , ์–ธ์ œ๋Š” ํ˜„์žฌ ํŽ˜์ด์ง€์— ์ž‘์„ฑ๋˜๊ธธ๋ž˜ ๊ถ๊ธˆํ•ด์„œ ์•Œ์•„๋ดค๋‹ค. document.write()์™€ document.writeln() ์šฐ์„  document.write()ํ•จ์ˆ˜์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. ๋ง ๊ทธ๋Œ€๋กœ ๊ด„ํ˜ธ ์•ˆ์— ๋“ค์–ด๊ฐ€์žˆ๋Š” ๊ฒƒ์„ ํŽ˜์ด์ง€์— "์“ฐ๋Š”(์ถœ๋ ฅํ•˜๋Š”)" ํ•จ์ˆ˜์ด๋‹ค. ์•„๋ž˜ ์˜ˆ์ œ๋ฅผ ๋ณด๋ฉด ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค. ์•„๋ž˜์™€ ๊ฐ™์ด ๊ธ€์ž๋ฅผ ์จ์ฃผ๋Š” ํ•จ์ˆ˜์ด๋‹ค. document.write()ํ•˜๋ฉด document.writeln()ํ•จ์ˆ˜๋„ ์žˆ๋‹ค. writeln()ํ•จ์ˆ˜๋Š” ์ž…๋ ฅํ•œ ๊ฐ’์— "\n"์„ ์ถ”๊ฐ€ํ•˜์—ฌ ์ž…๋ ฅํ•ด์ค€๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์‹ค์ œ๋กœ ์‚ฌ์šฉํ•ด๋ณด๋ฉด ์ค„๋ฐ”๊ฟˆ์ด ์•„๋‹ˆ๋ผ ํ•œ์นธ์”ฉ ๋„์–ด์“ฐ๊ธฐ๋˜์–ด ์ถœ๋ ฅ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์œ„ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ๋งŒ ์ค„๋ฐ”๊ฟˆ์ด ๋œ๋‹ค๋Š” ..

WEB/HTML+CSS+JS 2021. 4. 9. 02:13
[CSS] ์ž์‹, ํ›„์† ์„ ํƒ์ž ์ฐจ์ด์ 

CSS ์„ ํƒ์ž์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๋‹ค s1 s2 : s1์š”์†Œ์— ํฌํ•จ๋œ s2์š”์†Œ๋ฅผ ์„ ํƒํ•œ๋‹ค. (ํ›„์† ๊ด€๊ณ„) s1>s2 : s1์š”์†Œ์˜ ์ง๊ณ„ ์ž์‹ ์š”์†Œ์ธ s2๋ฅผ ์„ ํƒํ•œ๋‹ค.(์ž์‹๊ด€๊ณ„) ๋ผ๊ณ  ๋‚˜์™€์žˆ๋Š” ๋ถ€๋ถ„์„ ๋ดค๋Š”๋ฐ ๋ฌธ๋“ ๊ถ๊ธˆํ•ด์ ธ์„œ ์ฐพ์•„๋ดค๋‹ค. ๊ฒฐ๋ก ๋ถ€ํ„ฐ ๋งํ•˜์ž๋ฉด ์ž์‹(์ž์†)์ด ๋” ์ž‘์€ ๋ฒ”์œ„์ด๋‹ค. ์ž์†์ด๋ผ๊ณ  ์„ค๋ช…๋˜์–ด ์žˆ๋Š” ๊ธ€๋„ ์žˆ๋˜๋ฐ ์ž์‹์ด ๋” ์ง๊ด€์ ์œผ๋กœ ๋ฐ›์•„๋“ค์ด๊ธฐ ์‰ฌ์šด ๊ฒƒ ๊ฐ™๋‹ค. ์ฆ‰ ์ž์‹์€ ๋ฐ”๋กœ ์„ ํƒ ํƒœ๊ทธ ๋ฐ”๋กœ ์•„๋ž˜ ๊ณ„์ธต์— ์žˆ๋Š” ๊ฒƒ๋“ค, ํ›„์†์€ ์„ ํƒ ํƒœ๊ทธ ์•ˆ์— ๋“ค์–ด๊ฐ€ ์žˆ๋Š” ๋ชจ๋“  ๊ฒƒ ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋  ๊ฒƒ ๊ฐ™๋‹ค. ๋ฐ”๋กœ ์˜ˆ์ œ๋ฅผ ๋ณด๋„๋ก ํ•˜์ž. hi hd sg ๋ฆฌ์ŠคํŠธ ์•ˆ ๋ฆฌ์ŠคํŠธ1 ๋ฆฌ์ŠคํŠธ ์•ˆ ๋ฆฌ์ŠคํŠธ2 ๋ฆฌ์ŠคํŠธ ์•ˆ ๋ฆฌ์ŠคํŠธ3 he hello ์œ„ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰์‹œํ‚ค๋ฉด ์•„๋ž˜์™€ ๊ฐ™๋‹ค. ์ด๊ฑด ๋ญ ์‰ฌ์šด ๋‚ด์šฉ์ด๋ผ ๋ณ„๋กœ ์–ด๋ ค์šธ ๊ฒƒ์ด ์—†์„ ๊ฒƒ์ด๋‹ค. CSS ..

WEB/HTML+CSS+JS 2021. 3. 24. 01:44
JavaScript ๋‚ด์šฉ์ •๋ฆฌ - 4

ํ•จ์ˆ˜ ๋‹ค๋ฅธ ์–ธ์–ด์™€ ํ™œ์šฉ์ด ์œ ์‚ฌํ•ด์„œ ์‹ค์Šต๋งŒ ํ•ด๋ณด๊ณ  ๋„˜์–ด๊ฐ€๋„๋ก ํ•˜๊ฒ ๋‹ค. Function Basic Parameter & Argument Return ํ•จ์ˆ˜ ์ •์˜ ๋ฐฉ๋ฒ• function(๋งค๊ฐœ๋ณ€์ˆ˜1, ๋งค๊ฐœ๋ณ€์ˆ˜2 ......){ ํ•จ์ˆ˜ ๋‚ด์šฉ; } ํ•จ์ˆ˜์˜ ๋ฆฌํ„ดํ˜•์— ๋Œ€ํ•ด ์‚ดํŽด๋ณด์ž. Function Basic Parameter & Argument Return ์ด ์ฝ”๋“œ์—์„œ๋Š” ์ฃผ์„์ฒ˜๋ฆฌํ•œ ๋ถ€๋ถ„๋งŒ ๋ˆˆ์—ฌ๊ฒจ ๋ณด๋ฉด ๋  ๋“ฏ ํ•˜๋‹ค. ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ๋Š” ๋ฌธ์ž์™€ ์ˆซ์ž๋ฅผ ๋”ํ•˜๋ฉด ์ˆซ์ž๋ฅผ ์ˆซ์ž๋ฅผ ๋ฌธ์ž๋กœ ๊ฐ„์ฃผํ•˜๊ธฐ ๋•Œ๋ฌธ์— +๋ฅผ ๋ง์…ˆ์ด ์•„๋‹Œ ๋ฌธ์ž๊ฒฐํ•ฉ์—ฐ์‚ฐ์ž๋กœ ์‚ฌ์šฉํ•œ๋‹ค. ๊ฐ์ฒด ์ด๋ฒˆ์—๋Š” ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๊ณ , ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ , ๋˜ ๊ทธ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผํ•ด ๋ณผ ๊ฒƒ์ด๋‹ค. ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ• + ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ๋ฐฉ๋ฒ• var coworkers={ "programmer":"e..

WEB/HTML+CSS+JS 2021. 1. 4. 02:35
JavaScript ๋‚ด์šฉ์ •๋ฆฌ - 1

https://opentutorials.org/course/3085 WEB2 - JavaScript - ์ƒํ™œ์ฝ”๋”ฉ ์ˆ˜์—…์†Œ๊ฐœ ์ด ์ˆ˜์—…์€ https://opentutorials.org ๋ฅผ ๋งŒ๋“ค์–ด๊ฐ€๋ฉด์„œ JavaScript์— ๋Œ€ํ•œ ์ง€์‹๊ณผ ๊ฒฝํ—˜์„ ๋™์‹œ์— ์ฑ„์›Œ๋“œ๋ฆฌ๊ธฐ ์œ„ํ•œ ๋ชฉ์ ์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ์ˆ˜์—…์ž…๋‹ˆ๋‹ค. ์ˆ˜์—…๋Œ€์ƒ ์ด ์ˆ˜์—…์€ ์›น ํŽ˜์ด์ง€๋ฅผ ์‚ฌ์šฉ์ž์™€ ์ƒ opentutorials.org ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ๊ฐ•์˜๋Š” ์œ„ ๋งํฌ์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ๋‚ด์šฉ์„ ํƒœ๊ทธ๋กœ ๊ฐ์‹ธ์ฃผ์–ด์•ผ ํ•œ๋‹ค. ๊ธ€์„ ์“ฐ๋ ค๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด ํ•œ๋‹ค. HTML hello world 1+1 HTML์€ 1+1์„ ์ž…๋ ฅํ•˜๋ฉด ๊ทธ๋Œ€๋กœ ์ถœ๋ ฅํ•˜์ง€๋งŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ž๋™์œผ๋กœ 2๋ผ๊ณ  ๊ณ„์‚ฐํ•˜์—ฌ ์ถœ๋ ฅํ•œ๋‹ค. ์ด๋ฒคํŠธ ์ด๋ ‡๊ฒŒ ์œ„์™€ ๊ฐ™์ด ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ํŠน์ •ํ•œ ์ผ์ด ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ๊ทธ๊ฒƒ์„ ..

WEB/HTML+CSS+JS 2021. 1. 1. 22:09
CSS ๋‚ด์šฉ์ •๋ฆฌ - 4

์˜ค๋Š˜์€ ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ๋ถ€๋ถ„๋ถ€ํ„ฐ ๊ณต๋ถ€ ์‹œ์ž‘์ด๋‹ค. https://opentutorials.org/course/3086/18323 ๋ฐ˜์‘ํ˜• ๋””์ž์ธ - ์ƒํ™œ์ฝ”๋”ฉ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ๊ณผ ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ ์†Œ๊ฐœ ๊ฐ•์˜ ์†Œ์Šค์ฝ”๋“œ ๋ณ€๊ฒฝ์‚ฌํ•ญ ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ๋ฅผ ์ด์šฉํ•ด์„œ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ ๊ตฌํ˜„ํ•˜๊ธฐ ๊ฐ•์˜ ์†Œ์Šค์ฝ”๋“œ ๋ณ€๊ฒฝ์‚ฌํ•ญ opentutorials.org ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ ๊ธฐ๋ณธ๊ฐœ๋… ๋ฐ˜์‘ํ˜• ์›น์—์„œ ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ๋Š” ์ฃผ๋กœ ๊ธฐ๊ธฐ์˜ ํ™”๋ฉด ํฌ๊ธฐ์— ๋”ฐ๋ฅธ ๋ฐฐ์น˜๋ฅผ ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ํ•œ๋‹ค. Responsive ์ฒ˜์Œ์— ์ด๋Ÿฐ ์ฝ”๋“œ๊ฐ€ ์žˆ๋‹ค๊ณ  ํ•˜์ž. ์ด ์ฝ”๋“œ์˜ ์‹คํ–‰ ๊ฒฐ๊ณผ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. ์ด๋•Œ ์ฐฝ์˜ ํฌ๊ธฐ๊ฐ€ ์ž‘์•„์ง€๋ฉด Responsive์„ ๊ฐ์‹ธ๊ณ  ์žˆ๋Š” ํ…Œ๋‘๋ฆฌ๋ฅผ ์—†์• ๋ณด๋„๋ก ํ•˜์ž. ์ค‘๊ฐ„์— ์•„๋ž˜ ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์ค€๋‹ค. @media(max-width:880px){ div{ display:none; }..

WEB/HTML+CSS+JS 2020. 12. 31. 11:14
CSS ๋‚ด์šฉ์ •๋ฆฌ - 3

div ์™€ span ํƒœ๊ทธ divํƒœ๊ทธ๋Š” block level element์ด๊ณ  spanํƒœ๊ทธ๋Š” inline element์ด๋‹ค. ์•„๋ž˜ ์ฝ”๋“œ์™€ ์‹คํ–‰ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ž. NAVIGATION ARTICLE ์ €๊ธฐ์„œ div๋ฅผ span์œผ๋กœ ๋ฐ”๊ฟ”์ฃผ๋ฉด? ์•„๋ž˜์™€ ๊ฐ™์ด ๋œ๋‹ค. grid ๊ธฐ๋ณธ๊ฐœ๋… ์ •๋ฆฌ CSS์˜ grid๊ธฐ๋Šฅ์„ ์ด์šฉํ•˜๋ฉด ๋‹ค์–‘ํ•œ ๋ ˆ์ด์•„์›ƒ๋“ค์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. ์ €๋ฒˆ์‹œ๊ฐ„์— ์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“ค๊ณ ์ž ํ–ˆ๋˜ ์‚ฌ์ดํŠธ์—์„œ CSS๊ด€๋ จ ๊ธ€์„ ์นธ ์˜†์— ๋‚˜๋ž€ํžˆ ๋ฐฐ์น˜ํ•˜๊ธฐ ์œ„ํ•ด ์ด ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ๊ฒƒ์ด๋‹ค. grid๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋จผ์ € ๋ฐฐ์น˜ํ•  ์•„์ดํ…œ๋“ค(๊ตฌ์„ฑ์š”์†Œ, ์ฆ‰ ๋ฐฐ์น˜ํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ๋“ค)์„ ๊ทธ๋ฆฌ๋“œ ์ปจํ…Œ์ด๋„ˆ๋กœ ๊ฐ์‹ธ์ค˜์•ผ ํ•œ๋‹ค. ์ง์ ‘ ์ฝ”๋“œ๋ฅผ ๋ณด๋„๋ก ํ•˜์ž. ๊ทธ๋ฆฌ๊ณ  7๋ฒˆ์งธ ์ค„๋ถ€ํ„ฐ {}๋กœ ๋ฌถ์—ฌ์žˆ๋Š” ๋ถ€๋ถ„๋“ค์ด ๋ฐฐ์น˜๋ฅผ ํ•˜๋Š” ๋ถ€๋ถ„์ด๋‹ค. ๋จผ์ € ๊ทธ๋ฆฌ๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ธฐ ์œ„ํ•ด ์ปจํ…Œ์ด..

WEB/HTML+CSS+JS 2020. 12. 30. 09:09
HTML ๊ธฐ์ดˆ ๋‚ด์šฉ ์ •๋ฆฌ - 4

๋งˆ์ง€๋ง‰! ์ด์ œ HTML์˜ ํ‘œ, form ๋ถ€๋ถ„์„ ์ •๋ฆฌํ•  ๊ฒƒ์ด๋‹ค. HTML - ํ‘œ https://opentutorials.org/course/2039/10949 ํ‘œ - table - ์ƒํ™œ์ฝ”๋”ฉ ํ‘œ - table 2015-12-06 10:34:20 ์˜ˆ์ œ ์ด๋ฆ„ ์„ฑ๋ณ„ ์ฃผ์†Œ ์ตœ์ง„ํ˜ ๋‚จ ์ฒญ์ฃผ ์ตœ์œ ๋นˆ ์—ฌ ์ฒญ์ฃผ ์˜ˆ์ œ ์ด๋ฆ„ ์„ฑ๋ณ„ ์ฃผ์†Œ ํšŒ๋น„ ์ตœ์ง„ํ˜ ๋‚จ ์ฒญ์ฃผ 1000 ์ตœ์œ ๋นˆ ์—ฌ ์ฒญ์ฃผ 500 ํ•ฉ๊ณ„ 1500 ์˜ˆ์ œ ์ด๋ฆ„ ์„ฑ๋ณ„ ์ฃผ์†Œ ํšŒ๋น„ ์ตœ์ง„ํ˜ ๋‚จ ์ฒญ์ฃผ opentutorials.org ์šฐ์„  ์˜ˆ์ œ 1์„ ๋ถ„์„ํ•ด๋ณด์ž. ์ด๋ฆ„ ์„ฑ๋ณ„ ์ฃผ์†Œ ์ตœ์ง„ํ˜ ๋‚จ ์ฒญ์ฃผ ์ตœ์œ ๋นˆ ์—ฌ ์ฒญ์ฃผ ํ‘œ๋ฅผ ๋งŒ๋“œ๋ ค๋ฉด ์šฐ์„  ์ „์ฒด๋ฅผ ํƒœ๊ทธ๋กœ ๊ฐ์‹ธ ์ฃผ์–ด์•ผ ํ•œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๊ฐ™์€ ํ–‰์˜ ๋ฐ์ดํ„ฐ๋“ค์€ ํƒœ๊ทธ๋กœ ๊ฐ์‹ธ์ฃผ์–ด์•ผ ํ•œ๋‹ค.(์—ฌ๊ธฐ์„œ r์€ row๋ฅผ ์˜๋ฏธํ•œ๋‹ค.) ๊ทธ๋ฆฌ๊ณ  ๊ฐ ๋ฐ์ดํ„ฐ๋“ค์€ ๋กœ ๊ฐ์‹ธ์ค€๋‹ค...

WEB/HTML+CSS+JS 2020. 12. 6. 15:03
HTML ๊ธฐ์ดˆ ๋‚ด์šฉ ์ •๋ฆฌ - 3

์˜ค๋Š˜์€ https://opentutorials.org/course/3084/18891 ์›นํ˜ธ์ŠคํŒ… (github pages) - ์ƒํ™œ์ฝ”๋”ฉ --- ์ง์ ‘ ์›น์„œ๋ฒ„๋ฅผ ์šด์˜ํ•˜๋Š” ์ผ์€ ์‰ฝ์ง€ ์•Š์€ ์ผ์ž…๋‹ˆ๋‹ค. ์šฐ์„  ์ปดํ“จํ„ฐ๊ฐ€ ์žˆ์–ด์•ผ ํ•˜๊ณ ์š”, ์ปดํ“จํ„ฐ๊ฐ€ ๋ƒ‰์žฅ๊ณ ์ฒ˜๋Ÿผ ํ•ญ์ƒ ์ผœ์ ธ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์›น์„œ๋ฒ„๋ผ๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ๋ฐฐ์›Œ์„œ ์„ค์น˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋˜ ์ธํ„ฐ๋„ท opentutorials.org ์—ฌ๊ธฐ๋ถ€ํ„ฐ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ ํ•  ๊ฒƒ์ด๋‹ค. ์ฐจ๊ทผ์ฐจ๊ทผ ๋”ฐ๋ผํ•ด๋ณด์ž. ์šฐ์„  ํ•  ์ผ์€ 1. ๊นƒํ—ˆ๋ธŒ ๊ฐ€์ž… 2. ์ €์žฅ์†Œ(repository)์ƒ์„ฑ 3. ํŒŒ์ผ ์—…๋กœ๋“œ 4. ๋งํฌ ์ƒ์„ฑ ์ด๋‹ค. ๊นƒํ—ˆ๋ธŒ ๊ฐ€์ž…์€ ์ด๋ฏธ ๋˜์–ด์žˆ์–ด์„œ ์ƒ๋žตํ•˜๊ฒ ๋‹ค. ์œ„ ์‚ฌ์ง„์—์„œ ์ดˆ๋ก์ƒ‰ New๋ฒ„ํŠผ์„ ๋ˆ„๋ฅธ๋‹ค. ์ด์ œ 1๋ฒˆ์—๋Š” ์ €์žฅ์†Œ ์ด๋ฆ„, 2๋ฒˆ์—๋Š” ์ €์žฅ์†Œ์˜ ๊ณต๊ฐœ ์—ฌ๋ถ€๋ฅผ ๊ธฐ์ž…ํ•œ ๋’ค 3๋ฒˆ์—๋Š” ๋นจ๊ฐ„ ๋ฐ•์Šค๋ถ€๋ถ„์„ ์ฒดํฌํ•˜๊ณ  ..

WEB/HTML+CSS+JS 2020. 12. 6. 12:29
HTML ๊ธฐ์ดˆ ๋‚ด์šฉ ์ •๋ฆฌ -2

์ €๋ฒˆ์— ํ•˜๋˜ ๋‚ด์šฉ์— ์ด์–ด์„œ HTML๊ณต๋ถ€๋ฅผ ์ด์–ด์„œ ํ•˜๋„๋ก ํ•˜์ž! ์ด๊ฑด ์ง€๋‚œ๋‚ด์šฉ ๋ณต์Šต..... ๋ฌธ์ž๊ฐ€ ๊นจ์ง€๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค๋Š”๋ฐ ๊ทธ ์ด์œ ๋Š” ์›นํŽ˜์ด์ง€๊ฐ€ ์ €์žฅํ•œ ๋ฌธ์ž ํ‘œํ˜„๋ฐฉ์‹๊ณผ ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์›นํŽ˜์ด์ง€๋ฅผ ํ•ด์„ํ•˜๋Š” ๋ฐฉ์‹์ด ์ผ์น˜ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์œ„ ์‚ฌ์ง„์—์„œ ์˜ค๋ฅธ์ชฝ ์•„๋ž˜๋ฅผ ๋ณด๋ฉด UTF-8์ด๋ผ๊ณ  ์“ฐ์—ฌ์žˆ๋Š”๋ฐ ์ด๋Š” ์ด ์›นํŽ˜์ด์ง€๊ฐ€ UTF-8๋กœ ์ €์žฅ๋˜์—ˆ๋‹ค๋Š” ๋œป์ด๋‹ค. ์ฆ‰ ์›น๋ธŒ๋ผ์šฐ์ €์— UTF-8๋กœ ์—ด๋ผ๋Š” ์ง€์‹œ๋ฅผ ๋‚ด๋ ค ์ฃผ์–ด์•ผ ํ•œ๋‹ค. ์ด๊ฒƒ์ด ๋‘๋ฒˆ์งธ ์ค„์— ์žˆ๋Š” ๊ฐ€ ์˜๋ฏธํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๋˜ ๊ณต๋ถ€ํ–ˆ๋˜๋Œ€๋กœ ๋ฅผ ์ฒซ์ค„์— ์จ์ฃผ๊ณ  ๋กœ head์™€ bodyํƒœ๊ทธ๋ฅผ ๊ฐ์‹ธ์ฃผ๋„๋ก ํ•˜์ž. ์ด๋ฒˆ์—๋Š” ๋งํฌ๋ฅผ ํ•œ๋ฒˆ ๋„ฃ์–ด๋ณด์ž! ๋งํฌ๋ฅผ ๋„ฃ์„ ๋•Œ๋Š” ๋กœ ๊ฐ์‹ธ์ค€๋‹ค. a๋Š” anchor์˜ ์•ฝ์ž์ด๋‹ค. anchor์€ ๋‹ป์„ ์˜๋ฏธํ•˜๋Š”๋ฐ ์ •๋ณด์˜ ๋ฐ”๋‹ค์— ์ •๋ฐ•ํ•œ๋‹ค๋Š” ์˜๋ฏธ๋ผ๊ณ  ํ•œ๋‹ค. ์•„๋ž˜ ๊ทธ๋ฆผ์„..

WEB/HTML+CSS+JS 2020. 12. 4. 11:22
HTML ๊ธฐ์ดˆ ๋‚ด์šฉ ์ •๋ฆฌ - 1

๋™์•„๋ฆฌ์—์„œ ์ง„ํ–‰ํ•˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ๋‚˜๋Š” ์›น์ด ์ฒ˜์Œ์ด๋ผ์„œ ์ด๋ ‡๊ฒŒ ๊ณต๋ถ€ํ•  ๊ฑฐ๋ฆฌ๋ฅผ ์ฃผ์…จ๋Š”๋ฐ ์ผ์š”์ผ๊นŒ์ง€๋ผ ์Šฌ์Šฌ ์‹œ์ž‘ํ•ด๋ณด๋ ค ํ•œ๋‹ค! ๊ฐ•์˜๋Š” ์•„๋ž˜ ๋งํฌ์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. https://opentutorials.org/course/3084 WEB1 - HTML & Internet - ์ƒํ™œ์ฝ”๋”ฉ --- ์šฐ๋ฆฌ๋Š” ์ง€๊ธˆ๋ถ€ํ„ฐ ์ฝ”๋”ฉ ์›น ์ธํ„ฐ๋„ท ์ปดํ“จํ„ฐ๋ผ๋Š” ๊ฑฐ๋Œ€ํ•œ ์ฃผ์ œ์— ๋Œ€ํ•œ ํƒํ—˜์„ ์‹œ์ž‘ํ•  ๊ฑฐ์˜ˆ์š”. ์ด ์—ฌํ–‰์„ ์‹œ์ž‘ํ•˜๊ธฐ์— ์•ž์„œ์„œ ํ•œ๊ฐ€์ง€ ์ค€๋น„๊ฐ€ ํ•„์š”ํ•œ๋ฐ์š”. ๋ฐ”๋กœ ์šฐ๋ฆฌ๋“ค์˜ ์ƒ์ƒ๋ ฅ์ž…๋‹ˆ๋‹ค. ์ง€๊ธˆ๋ถ€ํ„ฐ ์—ฌ opentutorials.org ์‹ค์Šตํ™˜๊ฒฝ์„ ์ค€๋น„ํ•˜๋Š” ๊ณผ์ •์€ ์šฐ์„  atom์„ ๊นŒ๋Š” ๊ฒƒ์œผ๋กœ ์‹œ์ž‘ํ•œ๋‹ค. ๊ตฌ๊ธ€์— ๊ฒ€์ƒ‰ํ•˜๋ฉด ์‰ฝ๊ฒŒ ๋‹ค์šด๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค. ๊ฐ•์˜์—์„œ๋Š” file - open folder์„ ํ•˜๋‹ˆ ์˜†์— ํด๋” ์ฐฝ์ด ์ƒ๊ธฐ๋˜๋ฐ ๋‚˜๋Š” ์•ˆ์ƒ๊ฒจ์„œ..

WEB/HTML+CSS+JS 2020. 12. 2. 13:51