๐ฅ๏ธ IT
Photo by Daniel Romero on Unsplash ์ค๋งํธํฐ๊ณผ ์นด๋ฉ๋ผ ์ค๋งํธํฐ์ ์นด๋ฉ๋ผ๋ ๋ฌผ๋ฆฌ์ ์ธ ํ๊ณ๋ก ์ธํด '๋์งํธ์นด๋ฉ๋ผ'์ ๋ถ๋ฅ์ ์ํ๋ ๋ฌผ๊ฑด๋ค๋ณด๋ค ์์ ํฌ๊ธฐ์ ์ผ์๊ฐ ํ์ฌ๋ฉ๋๋ค. ์ฃผ๋ก 1์ธ์น ์ดํ์ ์์ ์ผ์๋ค์ด ํ์ฌ๋์ฃ . Wikimedia Commons์ ์
๋ก๋๋ ํ์ผ ์คํ ์นด๋ฉ๋ผ์ ํํ๋ ์, APS ์นด๋ฉ๋ผ์ ๊ฐ์ด ๋ ์ฆ๊ตํ์์ด ์ฐ์ธ์ธ ํํ๋ถํฐ ํฌ์๋ ์ผ์๋ 1์ธ์น๊ธ ์ผ์์ ๊ฐ์ด ๋๋ฑ์ด ์นด๋ฉ๋ผ์์ ์ฃผ๋ก ์ฌ์ฉ๋๋ ํํ์ ์ง๋ ์ค๋งํธํฐ ์นด๋ฉ๋ผ์์ ํ์ฉ๋๋ 1์ธ์น ๋ฏธ๋ง์ ์ผ์๋ค๊น์ง ์ ๋ง ๋ค์ํ ํฌ๊ธฐ์ ์ด๋ฏธ์ง์ผ์๊ฐ ์์ต๋๋ค. ์ด ํฌ๊ธฐ์์๋ ์ฌ๋๋ ์ ์กฐ๋์์์ ํํ ๋ฑ์ด ์ข์ง ๋ชปํ ๊ฒ์ด ์ฌ์ค์
๋๋ค. ์ด๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด์ ์ฌ๋ ํํ์ 2๊ฐ ์ด์์ ์ผ์๋ฅผ ์ด์ฉํด ์ป์ ๊ฑฐ๋ฆฌ ์ ๋ณด๋ฅผ ์๊ณ ๋ฆฌ์ฆ์ ํตํด ํฉ..
๐ฅ๏ธ IT
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 ๋ฆฌ์คํธ, ํ
์ด๋ธ ๋ฆฌ์คํธ๋ฅผ ์ด์ฉํด ๋ฆฌ์คํธ๋ผ๊ณ ๋ ์๊ฐํ ์ ์๋ ๊ฒ๋ค์ ๋ง๋ค ์๋ ์๋ค. ์์ ์๋ ๋ชฉ๋ก ์์ ์๋ ๋ชฉ๋ก์ ํ์ํ๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก๋ ํญ๋ชฉ์ ์์ •(bullet)์ด ํ์๋์ง๋ง CSS๋ก ์์จ ์ ์๋ค. ์์ ์๋ ๋ชฉ๋ก ์์ ์๋ ๋ชฉ๋ก์ ํ์ํ๋ค. ํ๊ทธ ์์ ํญ๋ชฉ์ ์์๋ ๋ถ๋ ์ด ํ์๋๋ ๊ฒ๊ณผ ๋ฌ๋ฆฌ '1.', '2.'์ฒ๋ผ ์ซ์๊ฐ ๋ถ๋๋ค. ๋ชฉ๋ก์ ํญ๋ชฉ ๋ชฉ๋ก์์ ํญ๋ชฉ์ ํด๋นํ๋ ์์์ด๋ค. ๋ฆฌ์คํธ๋ผ ํจ์ ์ฃผ๋ก ์์ ๋ชฉ๋ก์ ๋ํ๋ด์ง๋ง, ๊ฐ๋ ์ฌ์ฉ๋๋ ์ค๋ช
๋ชฉ๋ก์ด๋ผ๋ ๊ฒ์ด ์๋ค. ์ฉ์ด์ ์ค๋ช
๊ทธ๋ฃน์ ๋ชฉ๋ก์ ๊ฐ์ธ ์ฌ์ ์ ๊ตฌํํ๊ฑฐ๋ ๋ฉํ๋ฐ์ดํฐ๋ฅผ ํํํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. ์ค๋ช
๋ชฉ๋ก ์ฉ์ด ์์์ ๋ปํ์ด ์์๋ฅผ ๊ฐ์ธ๋ ๋ชฉ๋ก์ ์ถ๋ ฅํ๋ค. ํ๊ทธ์ ํ๊ทธ๋ ์๋ก ์ง์ง์ด ์์ด์ผ ํ๋ค. ์ค๋ช
๋ชฉ๋ก์ ์ฉ์ด ์์ ์ฉ์ด ์์์ด๋ค..
๐ฅ๏ธ IT
2 ํ
์คํธ ํ๊ทธ๋ ๋ณธ๋ฌธ์ ์์ฑํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. ์ ๋ชฉ ์ ๋ชฉ์ ํ์ํ ๋ ์ฌ์ฉํ๋ค. h1๋ถํฐ h6๊น์ง 6๋จ๊ณ๊ฐ ์์ผ๋ฉฐ h1์ ํ ๋ฌธ์ ๋ด์์ ํ ๋ฒ๋ง, ์์ ๋ชฉ์ ํํํ ๋์๋ ๋จ๊ณ์ ๋ฐ๋ผ h2, h3...์ ๊ฐ์ด ์ฌ์ฉํ๋ ๊ฒ์ ๊ถ์ฅํ๋ค. ๋ณธ๋ฌธ ๋ณธ๋ฌธ์ ์์ฑํ ๋ ์ฌ์ฉํ๋ค. ๋ฌธ์ฅ๋ง๋ค ์ด ํ๊ทธ๋ฅผ ์ด์ฉํ๋ ๊ฒ๋ณด๋ค๋ ๋ฌธ๋จ๋ง๋ค ์ฌ์ฉํ๋ ๊ฒ์ด ์ข๋ค. ๊ฐ์กฐ ๋จ์ด๋ ๋ฌธ์ฅ์ ๊ฐ์กฐํ ๋ ์ฌ์ฉํ๋ค. ๊ฐ์ฅ ๊ฐํ ๊ฐ์กฐ๋ก ์ ์ฌ์ฉํ๊ณ , ๊ณผ ๋ ๋ณด๋ค ์ฝํ๊ฒ ๊ฐ์กฐํ๋ ๊ฒฝ์ฐ ์ฌ์ฉํ๋ค. ๋ ๊ฐ์กฐ์ ์๋ฏธ ์์ด ๊ตต์ ํฐํธ๋ฅผ ์ฌ์ฉํ ๋์ ์ ์ฉํ๋ค. ์ดํค๋ฆญ์ฒด ๊ธฐ์ธ์๊ผด๋ก ํ์๋๋ค. ๋ ๊ธฐ๋ณธ์ ์ผ๋ก๋ ๊ธฐ์ธ์๊ผด๋ก ํ์๋์ง๋ง, CSS๋ก ๋ค๋ฅธ ์์ฑ์ ์ง์ ํ ์ ์๋ค. ๋ฐ์ค ๋ฐ์ค์ ํ์ํ๋ค. ๋ ๋ฌธ์ฅ์ ์ฝ์
๋ ํ
์คํธ์, ๋ ์ฒ ์ ์ค๋ฅ๋ฅผ ์ง์ ํ๋ ๋ฐ ์ฃผ๋ก ์ฐ์ธ..
๐ฅ๏ธ IT
1 ๊ธฐ๋ณธ ๊ตฌ์กฐ HTML ๊ธฐ๋ณธ ๊ตฌ์กฐ. ํ์๋ ์๋ ๊ฒ๋ ์๋ค.
๐ฅ๏ธ IT
JavaScript 2022. 10. 30. ์์ง ์ ๋ชฐ๋ผ์! ๊ทธ๋๋ ์ข ๊ณต๋ถํด ๋ณด๋ฉด ๋์์ง๋ผ๋์? d
๐ฅ๏ธ IT
์ ๋ชฉ 1 ์ ๋ชฉ 2 ์ ๋ชฉ 3 ๋ณธ๋ฌธ 1 ๋ณธ๋ฌธ 2 ๋ณธ๋ฌธ 3
๐ฅ๏ธ IT
HTML 2022. 10. 29. Tistory์ ๋ ํฐ์คํ ๋ฆฌ์๋ ์ฃผ๋ก ์ ๋ฌธ์ ์ธ ์ ๋ณด๋ค์ด ์ฌ๋ผ์ค๋ ํธ์ด๊ธฐ์, ์คํ์ ๋๋ถํฐ ์์ฃผ ๋ค๋ฅด๋ ๊ณณ์ด์๋ค. ๋ง์นจ ๋ค์ด๋ฒ ๋ธ๋ก๊ทธ์์ ์ฃผ๊ฐ์ผ๊ธฐ ์ฑ๋ฆฐ์ง๊ฐ ํ์ฐฝ์ด๋ผ ๋ธ๋ก๊ทธ ์๋น์ค๋ฅผ ํ๋ฒ ์ ๋๋ก ์ด์ฉํด ๋ด์ผ๊ฒ ๋ค๋ ์๊ฐ์ด ๋ค์๋ค. ๊ทธ๋ฌ๋ ์ค, ๋ค์ ๋ธ๋ก๊ทธ๊ฐ ์๋น์ค๋ฅผ ์ข
๋ฃํ๊ณ ํฐ์คํ ๋ฆฌ๋ก ํฉ์ณ ์ด์ํ๋ค๋ ๊ณต์ง๋ฅผ ๋ณด์๋ค. ์ด๋์ฅ ์ ๋๊ฐ ์์ ๋ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ๋ ๊ฐ์คํ๊ธฐ ์ด๋ ค์ ๊ธฐ ๋๋ฌธ์ ์ฝ๊ฒ ๋ค๊ฐ๊ฐ์ง๋ ๋ชปํ๋ ๊ณณ์ด์๋ค. ์ด๋์ฅ ์ ๋๊ฐ ํ์ง๋ ๋ค์๋ HTML์ด๋ CSS๋ผ๋ ์ฐ์ด ์์ด ๊ฐ์คํด ํฌ์คํ
ํ ์๋๊ฐ ๋์ง ์์๋ค. ๊ทธ๋ฐ๋ฐ ์ง๊ธ์ ์ํฉ์ด ์กฐ๊ธ ๋ค๋ฅด๋ค. ๋ํ์์ด ๋๋ฉด์ ์ผ๋จ ๋ญ๋ผ๋ ๋ฐฐ์๋ฌ์ผ ๋์ค์ ์จ๋จน์ ์ผ์ด ์์ง ์์๊น ํด์ ํ๋ฐํธ์๋๋ฅผ ์กฐ๊ธ ๋ฐฐ์ ๊ณ , ํฐ์คํ ๋ฆฌ ์คํจ์ ํธ์งํ๊ณ ๊ธ..