본문 바로가기
잡다한것

수익형 웹사이트 만들기 (2)

by HanJunseo 2025. 4. 7.

https://hanjunseojbnu.tistory.com/40

 

수익형 웹사이트 배포하기

웹사이트 배포 서비스 찾기나는 간단하게 html, javascript로 이루어진 파일만 빌드하면 되었기에 카페24에서 웹사이트를 배포하기로 하였다.ㅊ https://hosting.cafe24.com/ 카페24 호스팅 | 온라인 비즈니

hanjunseojbnu.tistory.com

 

지난 시간에 이어 다음으로는 홈페이지 아이콘 설정, https 연결 등을 해보려고 한다.

 

HTTPS 연결 설정하기

본인의 호스팅이 뉴아우토반 호스팅 + php 8 시리즈의 호스팅을 사용중이라면 ssl basic 서비스를 신청할 수 있다.

해당 서비스를 신청할 경우 자동으로 https를 등록해주니 간단하게 연결할 수 있다.

다음으로는 웹 아이콘 설정이다. 웹 사이트에서 브라우저 창 왼쪽에 뜨는 것이 아이콘이며 이를 favicon이라고 부른다.

 

Favicon 만들기

 

나는 캔바라는 사이트를 이용해서 favicon을 만들었다. 

https://www.canva.com/

해당 사이트에서 원하는 아이콘을 만들 수 있고 다 만든 아이콘은 favicon generator 사이트에서 다시 바꿔줘야 한다.

 

https://www.canva.com/

아이콘을 만들고 난후 압축을 풀면 favicon.ico라는 파일이 나오게 되는데 해당 파일을 프로젝트 폴더/images 안에 넣은 후 

<link rel="icon" type="image/x-icon" href="./images/favicon1.ico">

이 내용을 <head> 태그 안에 집어 넣어주면 된다. href는 본인의 경로에 맞게 바꿔야 한다.

 

변경하였으면 다시 파일질라를 들어가 image 폴더 안에 favicon.ico룰 넣어 준 후 index 파일만 바꿔주면 끝이난다.