[100DaysOfCode] 11강(1)

💡이번 강의 핵심 내용
   - 호스팅
   - 배포
   - 파비콘
   - 절대 경로

웹사이트 배포(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를 이용한 웹 배포

Netlify App

간단하게 드래그&드롭해서 사이트를 배포할 수 있다! (부분 유료)

 

---

 

파비콘(favicon)

파비콘

웹사이트 탭에 보면 있는 아이콘이다.

 

 

 

Favicon.io - The Ultimate Favicon Generator (Free)

사이트를 이용해서 간단하게 파비콘을 추가할 수 있다.

파비콘.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 파일이 있는 경우 상대 경로 대신 절대 경로를 사용하는 것이 나을 수 있다.