๐ป Web
-
*์ต์ปค , anchor ๋ด์ฉ์ด ๋ง์ ์นํ์ด์ง์ ๊ฒฝ์ฐ ๋ฌธ์์ ํน์ ์์น๋ก ์ด๋ ํ ์ ์๋๋ก ๋งํฌ๋ฅผ ๊ฑฐ๋ ๊ธฐ๋ฅ์ ๋งํฉ๋๋ค. id์์ฑ์ ์ด์ฉํ์ฌ ํญ๋ชฉ์ ํด๋ฆญํ๋ฉด, ๊ทธ ํญ๋ชฉ๊ณผ ์ฐ๊ฒฐ๋ ๋ณธ๋ฌธ์ผ๋ก ์คํฌ๋กค์ ์์น์ํต๋๋ค. ์ต์ปค ์์ฑ id๊ฐ์ ์ ๋ ฅํด์ฃผ๋ฉด ๋ฉ๋๋ค. ๋๋์ด ์ต์ปค์ ์ฐ๊ฒฐ๋๋ ๋งํฌ ์์ฑ ํ์ดํผ๋งํฌ์ ๊ฐ์ ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ฉฐ, URL์ "#" + "์ต์ปค id"๋ก ์ค์ ํ๋ฉด ๋ฉ๋๋ค. ๋๋์ด ์ฌ์ง๋ณด๊ธฐ ๋๋์ด ์ฌ์ง๋ณด๊ธฐ * ํ์ผ ๋ค์ด๋ก๋ ๋งํฌ img, pdf, ppt ๋ฑ ๋ชจ๋ ํ์ผ์ ๋ค์ด๋ก๋ ๊ฐ๋ฅํ๋๋ก ๋งํฌ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค. ํ๊ทธ๋ก URL์ ๊ฑธ์ด์ฃผ๊ณ , download๋ง ์จ์ฃผ์๋ฉด ๋ฉ๋๋ค. ๋๋์ด ์ฌ์ง ๋ค์ด๋ก๋ * ์ธ๋ผ์ธ ํ๋ ์ ์น ํ์ด์ง์ ๋ด๋ถ์ ๋๋ค๋ฅธ ๋ด์ฅ ์๋์ฐ๋ฅผ ๋ง๋ค์ด์ ๋ค๋ฅธ HTMLํ์ด์ง๋ฅผ ์ถ๋ ฅ ๊ฐ๋ฅํ๋๋ก ํด์ฃผ๋ ๊ธฐ..
HTML ๋ฒผ๋ฝ์น๊ธฐ 3 - ์ต์ปค(anchor) , iframe*์ต์ปค , anchor ๋ด์ฉ์ด ๋ง์ ์นํ์ด์ง์ ๊ฒฝ์ฐ ๋ฌธ์์ ํน์ ์์น๋ก ์ด๋ ํ ์ ์๋๋ก ๋งํฌ๋ฅผ ๊ฑฐ๋ ๊ธฐ๋ฅ์ ๋งํฉ๋๋ค. id์์ฑ์ ์ด์ฉํ์ฌ ํญ๋ชฉ์ ํด๋ฆญํ๋ฉด, ๊ทธ ํญ๋ชฉ๊ณผ ์ฐ๊ฒฐ๋ ๋ณธ๋ฌธ์ผ๋ก ์คํฌ๋กค์ ์์น์ํต๋๋ค. ์ต์ปค ์์ฑ id๊ฐ์ ์ ๋ ฅํด์ฃผ๋ฉด ๋ฉ๋๋ค. ๋๋์ด ์ต์ปค์ ์ฐ๊ฒฐ๋๋ ๋งํฌ ์์ฑ ํ์ดํผ๋งํฌ์ ๊ฐ์ ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ฉฐ, URL์ "#" + "์ต์ปค id"๋ก ์ค์ ํ๋ฉด ๋ฉ๋๋ค. ๋๋์ด ์ฌ์ง๋ณด๊ธฐ ๋๋์ด ์ฌ์ง๋ณด๊ธฐ * ํ์ผ ๋ค์ด๋ก๋ ๋งํฌ img, pdf, ppt ๋ฑ ๋ชจ๋ ํ์ผ์ ๋ค์ด๋ก๋ ๊ฐ๋ฅํ๋๋ก ๋งํฌ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค. ํ๊ทธ๋ก URL์ ๊ฑธ์ด์ฃผ๊ณ , download๋ง ์จ์ฃผ์๋ฉด ๋ฉ๋๋ค. ๋๋์ด ์ฌ์ง ๋ค์ด๋ก๋ * ์ธ๋ผ์ธ ํ๋ ์ ์น ํ์ด์ง์ ๋ด๋ถ์ ๋๋ค๋ฅธ ๋ด์ฅ ์๋์ฐ๋ฅผ ๋ง๋ค์ด์ ๋ค๋ฅธ HTMLํ์ด์ง๋ฅผ ์ถ๋ ฅ ๊ฐ๋ฅํ๋๋ก ํด์ฃผ๋ ๊ธฐ..
2020.03.19 -
ํ๋ผ์คํฌ์ ์ฅ๊ณ ๋ฅผ ๊ณต๋ถ์ค์ธ๋ฐ, ๊ธฐ๋ณธ์ ์ธ ์น์ ๋ํ ๊ฐ๋ ์ด ์์กํ๊ฒ ๊ฐ์์ ์ฉ์ด๋ค์ ์ ๋ฆฌํด ๋ณด๋ ค ํฉ๋๋ค. *์น(Web) ์ง๊ธ ๋ณด๊ณ ์๋ ์ด ๊ฒ์๊ธ์ ์น ํ์ด์ง๋ผ๊ณ ํฉ๋๋ค. ์ด๋ฌํ ์น ํ์ด์ง๋ค์ ์งํจ์ ์น์ฌ์ดํธ(website)๋ผ๊ณ ํฉ๋๋ค. ์ฌ๊ธฐ์, ๊ธฐ๋ฅ์ด ํ์ฅ๋๊ฒ์ ์น ์ ํ๋ฆฌ์ผ์ด์ ๋ฐ ์น ์ฑ์ด๋ผ๊ณ ํฉ๋๋ค. *์น ํ๋ก๊ทธ๋๋ฐ ์น ํ๋ก๊ทธ๋๋ฐ์ด๋, HTTP ํ๋กํ ์ฝ๋ก ํต์ ํ๋ ํด๋ผ์ด์ธํธ์ ์๋ฒ๋ฅผ ๊ตฌ์ถํ๋ ๊ณผ์ ์ ๋งํฉ๋๋ค. HTTP/HTTPS๋? (Hyper Text Transfer Protocol) ์ธํฐ๋ท์์ ํ์ดํผ ํ ์คํธ ๋ฌธ์๋ฅผ ๊ตํํ๊ธฐ ์ํด ์ฌ์ฉ๋๋ ํ๋กํ ์ฝ ํ๋กํ ์ฝ์ด๋? (protocol) ๋ณต์์ ์ปดํจํฐ ์ฌ์ด๋ ์ค์ ์ปดํจํฐ์ ๋จ๋ง๊ธฐ ์ฌ์ด์์ ๋ฐ์ดํฐ ํต์ ์ ์ํํ๊ฒ ํ๊ธฐ ์ํด ํ์ํ ํต์ ๊ท์ฝ์ ๋งํฉ๋๋ค. *๋..
์๋ฒ ๊ตฌ์ถ์ ์ํ ์น(Web)์ ๋์ ๋ฐฉ์๊ณผ ๊ธฐ๋ณธ ์ฉ์ด ๋ฐ ๊ฐ๋ ํ๋ผ์คํฌ์ ์ฅ๊ณ ๋ฅผ ๊ณต๋ถ์ค์ธ๋ฐ, ๊ธฐ๋ณธ์ ์ธ ์น์ ๋ํ ๊ฐ๋ ์ด ์์กํ๊ฒ ๊ฐ์์ ์ฉ์ด๋ค์ ์ ๋ฆฌํด ๋ณด๋ ค ํฉ๋๋ค. *์น(Web) ์ง๊ธ ๋ณด๊ณ ์๋ ์ด ๊ฒ์๊ธ์ ์น ํ์ด์ง๋ผ๊ณ ํฉ๋๋ค. ์ด๋ฌํ ์น ํ์ด์ง๋ค์ ์งํจ์ ์น์ฌ์ดํธ(website)๋ผ๊ณ ํฉ๋๋ค. ์ฌ๊ธฐ์, ๊ธฐ๋ฅ์ด ํ์ฅ๋๊ฒ์ ์น ์ ํ๋ฆฌ์ผ์ด์ ๋ฐ ์น ์ฑ์ด๋ผ๊ณ ํฉ๋๋ค. *์น ํ๋ก๊ทธ๋๋ฐ ์น ํ๋ก๊ทธ๋๋ฐ์ด๋, HTTP ํ๋กํ ์ฝ๋ก ํต์ ํ๋ ํด๋ผ์ด์ธํธ์ ์๋ฒ๋ฅผ ๊ตฌ์ถํ๋ ๊ณผ์ ์ ๋งํฉ๋๋ค. HTTP/HTTPS๋? (Hyper Text Transfer Protocol) ์ธํฐ๋ท์์ ํ์ดํผ ํ ์คํธ ๋ฌธ์๋ฅผ ๊ตํํ๊ธฐ ์ํด ์ฌ์ฉ๋๋ ํ๋กํ ์ฝ ํ๋กํ ์ฝ์ด๋? (protocol) ๋ณต์์ ์ปดํจํฐ ์ฌ์ด๋ ์ค์ ์ปดํจํฐ์ ๋จ๋ง๊ธฐ ์ฌ์ด์์ ๋ฐ์ดํฐ ํต์ ์ ์ํํ๊ฒ ํ๊ธฐ ์ํด ํ์ํ ํต์ ๊ท์ฝ์ ๋งํฉ๋๋ค. *๋..
2019.12.13