๐Ÿ–ฅ๏ธ IT

๐Ÿ–ฅ๏ธ IT

๊ตฌ๊ธ€ ์นด๋ฉ”๋ผ, Gcam ์‚ฌ์šฉํ•˜๊ธฐ โ€• Gcam์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ

Photo by Daniel Romero on Unsplash ์Šค๋งˆํŠธํฐ๊ณผ ์นด๋ฉ”๋ผ ์Šค๋งˆํŠธํฐ์˜ ์นด๋ฉ”๋ผ๋Š” ๋ฌผ๋ฆฌ์ ์ธ ํ•œ๊ณ„๋กœ ์ธํ•ด '๋””์ง€ํ„ธ์นด๋ฉ”๋ผ'์˜ ๋ถ„๋ฅ˜์— ์†ํ•˜๋Š” ๋ฌผ๊ฑด๋“ค๋ณด๋‹ค ์ž‘์€ ํฌ๊ธฐ์˜ ์„ผ์„œ๊ฐ€ ํƒ‘์žฌ๋ฉ๋‹ˆ๋‹ค. ์ฃผ๋กœ 1์ธ์น˜ ์ดํ•˜์˜ ์ž‘์€ ์„ผ์„œ๋“ค์ด ํƒ‘์žฌ๋˜์ฃ . Wikimedia Commons์— ์—…๋กœ๋“œ๋œ ํŒŒ์ผ ์ค‘ํ˜• ์นด๋ฉ”๋ผ์™€ ํ’€ํ”„๋ ˆ์ž„, APS ์นด๋ฉ”๋ผ์™€ ๊ฐ™์ด ๋ Œ์ฆˆ๊ตํ™˜์‹์ด ์šฐ์„ธ์ธ ํŒํ˜•๋ถ€ํ„ฐ ํฌ์„œ๋“œ ์„ผ์„œ๋‚˜ 1์ธ์น˜๊ธ‰ ์„ผ์„œ์™€ ๊ฐ™์ด ๋˜‘๋”ฑ์ด ์นด๋ฉ”๋ผ์—์„œ ์ฃผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ํŒํ˜•์„ ์ง€๋‚˜ ์Šค๋งˆํŠธํฐ ์นด๋ฉ”๋ผ์—์„œ ํ™œ์šฉ๋˜๋Š” 1์ธ์น˜ ๋ฏธ๋งŒ์˜ ์„ผ์„œ๋“ค๊นŒ์ง€ ์ •๋ง ๋‹ค์–‘ํ•œ ํฌ๊ธฐ์˜ ์ด๋ฏธ์ง€์„ผ์„œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ํฌ๊ธฐ์—์„œ๋Š” ์‹ฌ๋„๋‚˜ ์ €์กฐ๋„์—์„œ์˜ ํ‘œํ˜„ ๋“ฑ์ด ์ข‹์ง€ ๋ชปํ•œ ๊ฒƒ์ด ์‚ฌ์‹ค์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„œ ์‹ฌ๋„ ํ‘œํ˜„์€ 2๊ฐœ ์ด์ƒ์˜ ์„ผ์„œ๋ฅผ ์ด์šฉํ•ด ์–ป์€ ๊ฑฐ๋ฆฌ ์ •๋ณด๋ฅผ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ํ†ตํ•ด ํ•ฉ..

๐Ÿ–ฅ๏ธ IT

4 ์ด๋ฏธ์ง€

4 ์ด๋ฏธ์ง€ Photo by Alexander Shatov on Unsplash ์ด๋ฏธ์ง€ ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•œ๋‹ค. src, alt | title, height, width ์†์„ฑ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. src ์ด๋ฏธ์ง€ํŒŒ์ผ ๊ฒฝ๋กœ ์ง€์ • ์ด๋ฏธ์ง€ ํŒŒ์ผ์˜ ๊ฒฝ๋กœ๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ ˆ๋Œ€ ๊ฒฝ๋กœ | http:// ๋˜๋Š” https://์˜ ํ˜•ํƒœ์˜ ์ ˆ๋Œ€๊ฒฝ๋กœ๋กœ ์ง€์ •ํ•œ๋‹ค. ์‚ฌ์ดํŠธ ์™ธ์— ์ €์žฅ๋˜์–ด ์žˆ๋Š” ํŒŒ์ผ์„ ์‚ฝ์ž…ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. ์ƒ๋Œ€ ๊ฒฝ๋กœ | path/to/image/file ํ˜•ํƒœ๋กœ ์‚ฌ์šฉํ•œ๋‹ค. ์‚ฌ์ดํŠธ ๋‚ด์— ์ €์žฅ๋œ ํŒŒ์ผ์„ ์‚ฝ์ž…ํ•  ๋•Œ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค. ์ธ์ฝ”๋”ฉ | data:image/jpeg|png|gif;base64, 7J206rG4IOygleunkCDtlbTrs7TripQg7IKs656M7J20IOyeiOydhOq5jOyalD8= ์ฒ˜๋Ÿผ ์ง..

๐Ÿ–ฅ๏ธ IT

3๋ฒˆ ๊ธ€

3 ๋ฆฌ์ŠคํŠธ, ํ…Œ์ด๋ธ” ๋ฆฌ์ŠคํŠธ๋ฅผ ์ด์šฉํ•ด ๋ฆฌ์ŠคํŠธ๋ผ๊ณ ๋Š” ์ƒ๊ฐํ•  ์ˆ˜ ์—†๋Š” ๊ฒƒ๋“ค์„ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ๋‹ค. ์ˆœ์„œ ์—†๋Š” ๋ชฉ๋ก ์ˆœ์„œ ์—†๋Š” ๋ชฉ๋ก์„ ํ‘œ์‹œํ•œ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ๋Š” ํ•ญ๋ชฉ์˜ ์•ž์— •(bullet)์ด ํ‘œ์‹œ๋˜์ง€๋งŒ CSS๋กœ ์—†์•จ ์ˆ˜ ์žˆ๋‹ค. ์ˆœ์„œ ์žˆ๋Š” ๋ชฉ๋ก ์ˆœ์„œ ์žˆ๋Š” ๋ชฉ๋ก์„ ํ‘œ์‹œํ•œ๋‹ค. ํƒœ๊ทธ ์•ˆ์˜ ํ•ญ๋ชฉ์˜ ์•ž์—๋Š” ๋ถˆ๋ ›์ด ํ‘œ์‹œ๋˜๋Š” ๊ฒƒ๊ณผ ๋‹ฌ๋ฆฌ '1.', '2.'์ฒ˜๋Ÿผ ์ˆซ์ž๊ฐ€ ๋ถ™๋Š”๋‹ค. ๋ชฉ๋ก์˜ ํ•ญ๋ชฉ ๋ชฉ๋ก์—์„œ ํ•ญ๋ชฉ์— ํ•ด๋‹นํ•˜๋Š” ์š”์†Œ์ด๋‹ค. ๋ฆฌ์ŠคํŠธ๋ผ ํ•จ์€ ์ฃผ๋กœ ์ˆœ์„œ ๋ชฉ๋ก์„ ๋‚˜ํƒ€๋‚ด์ง€๋งŒ, ๊ฐ€๋” ์‚ฌ์šฉ๋˜๋Š” ์„ค๋ช… ๋ชฉ๋ก์ด๋ผ๋Š” ๊ฒƒ์ด ์žˆ๋‹ค. ์šฉ์–ด์™€ ์„ค๋ช… ๊ทธ๋ฃน์˜ ๋ชฉ๋ก์„ ๊ฐ์‹ธ ์‚ฌ์ „์„ ๊ตฌํ˜„ํ•˜๊ฑฐ๋‚˜ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋œ๋‹ค. ์„ค๋ช… ๋ชฉ๋ก ์šฉ์–ด ์š”์†Œ์™€ ๋œปํ’€์ด ์š”์†Œ๋ฅผ ๊ฐ์‹ธ๋Š” ๋ชฉ๋ก์„ ์ถœ๋ ฅํ•œ๋‹ค. ํƒœ๊ทธ์™€ ํƒœ๊ทธ๋Š” ์„œ๋กœ ์ง์ง€์–ด ์žˆ์–ด์•ผ ํ•œ๋‹ค. ์„ค๋ช… ๋ชฉ๋ก์˜ ์šฉ์–ด ์š”์†Œ ์šฉ์–ด ์š”์†Œ์ด๋‹ค..

๐Ÿ–ฅ๏ธ IT

2 ํ…์ŠคํŠธ

2 ํ…์ŠคํŠธ ํƒœ๊ทธ๋Š” ๋ณธ๋ฌธ์„ ์ž‘์„ฑํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋œ๋‹ค. ์ œ๋ชฉ ์ œ๋ชฉ์„ ํ‘œ์‹œํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. h1๋ถ€ํ„ฐ h6๊นŒ์ง€ 6๋‹จ๊ณ„๊ฐ€ ์žˆ์œผ๋ฉฐ h1์€ ํ•œ ๋ฌธ์„œ ๋‚ด์—์„œ ํ•œ ๋ฒˆ๋งŒ, ์†Œ์ œ๋ชฉ์„ ํ‘œํ˜„ํ•  ๋•Œ์—๋Š” ๋‹จ๊ณ„์— ๋”ฐ๋ผ h2, h3...์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•œ๋‹ค. ๋ณธ๋ฌธ ๋ณธ๋ฌธ์„ ์ž‘์„ฑํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. ๋ฌธ์žฅ๋งˆ๋‹ค ์ด ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค๋Š” ๋ฌธ๋‹จ๋งˆ๋‹ค ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. ๊ฐ•์กฐ ๋‹จ์–ด๋‚˜ ๋ฌธ์žฅ์„ ๊ฐ•์กฐํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. ๊ฐ€์žฅ ๊ฐ•ํ•œ ๊ฐ•์กฐ๋กœ ์„ ์‚ฌ์šฉํ•˜๊ณ , ๊ณผ ๋Š” ๋ณด๋‹ค ์•ฝํ•˜๊ฒŒ ๊ฐ•์กฐํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉํ•œ๋‹ค. ๋Š” ๊ฐ•์กฐ์˜ ์˜๋ฏธ ์—†์ด ๊ตต์€ ํฐํŠธ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ์— ์ ์šฉํ•œ๋‹ค. ์ดํƒค๋ฆญ์ฒด ๊ธฐ์šธ์ž„๊ผด๋กœ ํ‘œ์‹œ๋œ๋‹ค. ๋„ ๊ธฐ๋ณธ์ ์œผ๋กœ๋Š” ๊ธฐ์šธ์ž„๊ผด๋กœ ํ‘œ์‹œ๋˜์ง€๋งŒ, CSS๋กœ ๋‹ค๋ฅธ ์†์„ฑ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฐ‘์ค„ ๋ฐ‘์ค„์„ ํ‘œ์‹œํ•œ๋‹ค. ๋Š” ๋ฌธ์žฅ์— ์‚ฝ์ž…๋œ ํ…์ŠคํŠธ์—, ๋Š” ์ฒ ์ž ์˜ค๋ฅ˜๋ฅผ ์ง€์ ํ•˜๋Š” ๋ฐ ์ฃผ๋กœ ์“ฐ์ธ..

๐Ÿ–ฅ๏ธ IT

1 ๊ธฐ๋ณธ ๊ตฌ์กฐ

1 ๊ธฐ๋ณธ ๊ตฌ์กฐ HTML ๊ธฐ๋ณธ ๊ตฌ์กฐ. ํ•„์ˆ˜๋Š” ์•„๋‹Œ ๊ฒƒ๋„ ์žˆ๋‹ค.

๐Ÿ–ฅ๏ธ IT

JavaScript

JavaScript 2022. 10. 30. ์•„์ง ์ž˜ ๋ชฐ๋ผ์š”! ๊ทธ๋ž˜๋„ ์ข€ ๊ณต๋ถ€ํ•ด ๋ณด๋ฉด ๋‚˜์•„์งˆ๋ผ๋‚˜์š”? d

๐Ÿ–ฅ๏ธ IT

CSS

์ œ๋ชฉ 1 ์ œ๋ชฉ 2 ์ œ๋ชฉ 3 ๋ณธ๋ฌธ 1 ๋ณธ๋ฌธ 2 ๋ณธ๋ฌธ 3

๐Ÿ–ฅ๏ธ IT

HTML

HTML 2022. 10. 29. Tistory์™€ ๋‚˜ ํ‹ฐ์Šคํ† ๋ฆฌ์—๋Š” ์ฃผ๋กœ ์ „๋ฌธ์ ์ธ ์ •๋ณด๋“ค์ด ์˜ฌ๋ผ์˜ค๋Š” ํŽธ์ด๊ธฐ์—, ์ค‘ํ•™์ƒ ๋•Œ๋ถ€ํ„ฐ ์ž์ฃผ ๋“ค๋ฅด๋˜ ๊ณณ์ด์—ˆ๋‹ค. ๋งˆ์นจ ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ์—์„œ ์ฃผ๊ฐ„์ผ๊ธฐ ์ฑŒ๋ฆฐ์ง€๊ฐ€ ํ•œ์ฐฝ์ด๋ผ ๋ธ”๋กœ๊ทธ ์„œ๋น„์Šค๋ฅผ ํ•œ๋ฒˆ ์ œ๋Œ€๋กœ ์ด์šฉํ•ด ๋ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ๊ทธ๋Ÿฌ๋˜ ์ค‘, ๋‹ค์Œ ๋ธ”๋กœ๊ทธ๊ฐ€ ์„œ๋น„์Šค๋ฅผ ์ข…๋ฃŒํ•˜๊ณ  ํ‹ฐ์Šคํ† ๋ฆฌ๋กœ ํ•ฉ์ณ ์šด์˜ํ•œ๋‹ค๋Š” ๊ณต์ง€๋ฅผ ๋ณด์•˜๋‹ค. ์ดˆ๋Œ€์žฅ ์ œ๋„๊ฐ€ ์žˆ์„ ๋•Œ ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋Š” ๊ฐœ์„คํ•˜๊ธฐ ์–ด๋ ค์› ๊ธฐ ๋•Œ๋ฌธ์— ์‰ฝ๊ฒŒ ๋‹ค๊ฐ€๊ฐ€์ง€๋Š” ๋ชปํ•˜๋Š” ๊ณณ์ด์—ˆ๋‹ค. ์ดˆ๋Œ€์žฅ ์ œ๋„๊ฐ€ ํ์ง€๋œ ๋’ค์—๋„ HTML์ด๋‚˜ CSS๋ผ๋Š” ์‚ฐ์ด ์žˆ์–ด ๊ฐœ์„คํ•ด ํฌ์ŠคํŒ…ํ•  ์—„๋‘๊ฐ€ ๋‚˜์ง€ ์•Š์•˜๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ง€๊ธˆ์€ ์ƒํ™ฉ์ด ์กฐ๊ธˆ ๋‹ค๋ฅด๋‹ค. ๋Œ€ํ•™์ƒ์ด ๋˜๋ฉด์„œ ์ผ๋‹จ ๋ญ๋ผ๋„ ๋ฐฐ์›Œ๋‘ฌ์•ผ ๋‚˜์ค‘์— ์จ๋จน์„ ์ผ์ด ์žˆ์ง€ ์•Š์„๊นŒ ํ•ด์„œ ํ”„๋ŸฐํŠธ์—”๋“œ๋ฅผ ์กฐ๊ธˆ ๋ฐฐ์› ๊ณ , ํ‹ฐ์Šคํ† ๋ฆฌ ์Šคํ‚จ์„ ํŽธ์ง‘ํ•˜๊ณ  ๊ธ€..

ozonc
'๐Ÿ–ฅ๏ธ IT' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก