-
[100DaysOfCode] 11๊ฐ(1)Front-end/100DaysOfCode 2022. 7. 25. 22:30
๐ก์ด๋ฒ ๊ฐ์ ํต์ฌ ๋ด์ฉ
- ํธ์คํ
- ๋ฐฐํฌ
- ํ๋น์ฝ
- ์ ๋ ๊ฒฝ๋ก์น์ฌ์ดํธ ๋ฐฐํฌ(Deploying a Website)
Moving the website code onto a remote machine ("server") that serves the site to visitors
ํธ์คํ (Hosting)
The remote machine ("server") hosts(stores) the website code and serves it to visitors
=> If a website should be visible to other people, it needs to be hosted / deployed
Netlify๋ฅผ ์ด์ฉํ ์น ๋ฐฐํฌ
๊ฐ๋จํ๊ฒ ๋๋๊ทธ&๋๋กญํด์ ์ฌ์ดํธ๋ฅผ ๋ฐฐํฌํ ์ ์๋ค! (๋ถ๋ถ ์ ๋ฃ)
ํ๋น์ฝ(favicon)
ํ๋น์ฝ
์น์ฌ์ดํธ ํญ์ ๋ณด๋ฉด ์๋ ์์ด์ฝ์ด๋ค.
์ฌ์ดํธ๋ฅผ ์ด์ฉํด์ ๊ฐ๋จํ๊ฒ ํ๋น์ฝ์ ์ถ๊ฐํ ์ ์๋ค.
ํ๋น์ฝ.io ํ์ผ ์ค๋น -> html ํ์ผ์ <link>ํ๊ทธ๋ฅผ ์ด์ฉํด์ ๋ฃ๊ธฐ
๐ฅ ํ๋น์ฝ ์ด๋ฏธ์ง ์ถ๊ฐํ ๋ค์ github ํธ์ฌ ์ค๋ฅ ๋ฐ์ ์ ํด๊ฒฐ ๋ฐฉ๋ฒ
git add --force ๊ฒฝ๋ก/ํ์ผ์ด๋ฆ.io
<link rel="icon" href="images/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest">
์๋ ๊ฒฝ๋ก / ์ ๋ ๊ฒฝ๋ก
- ์๋ ๊ฒฝ๋ก
<img src="images/studying.jpeg" alt="studying in library">
ํ์ผ์์ ์๋์ ์ผ๋ก ๋ณด์ธ๋ค๋ ์๋ฏธ
Look for files and folders relative from the source file
- ์ ๋ ๊ฒฝ๋ก
<img src="/images/studying.jpeg" alt="studying in library">
Look for files and folders relative from the root folder
๐ก์ค์ฒฉ๋ ํด๋์ HTML ํ์ผ์ด ์๋ ๊ฒฝ์ฐ ์๋ ๊ฒฝ๋ก ๋์ ์ ๋ ๊ฒฝ๋ก๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ๋์ ์ ์๋ค.
'Front-end > 100DaysOfCode' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[100DaysOfCode] 12๊ฐ (0) 2022.07.27 [100DaysOfCode] 11๊ฐ(2) (0) 2022.07.26 [100DaysOfCode] 09 - 10๊ฐ (Html, CSS ์ฐ์ต) (0) 2022.07.25 [100DaysOfCode] 08๊ฐ (0) 2022.07.22 [100DaysOfCode] 07๊ฐ (0) 2022.07.20