사이트를 게시할 호스팅을 선택하는데 있어서 비용을 들이지 않고 선택할 수 있는 옵션을 Chat GPT한테 물어봐서 선택할 수 있었다.
가격비교 사이트의 경우 필요한 정보가 실시간으로 변경되어야 하기 때문에 동적 사이트도 가능한 Vercel을 사용하기로 결정하였다.
2. 무료 호스팅 서비스 사용
2-1. GitHub Pages (정적 사이트용)
GitHub를 사용하고 있다면, GitHub Pages로 무료 호스팅을 할 수 있어. 주로 정적 웹사이트에 적합해.
1. GitHub에 레포지토리 생성: GitHub에서 새로운 레포지토리를 만들고 이름을 “username.github.io” 형식으로 설정해.
2. HTML 파일 업로드: 레포지토리에 index.html 파일을 포함한 웹 파일들을 업로드해.
3. GitHub Pages 활성화: 레포지토리 설정으로 이동해 “Pages” 섹션을 찾고, 배포를 위해 레포지토리의 “main” 브랜치를 선택해.
4. 웹페이지 접속: 배포 후, https://username.github.io에서 웹페이지를 확인할 수 있어.
2-2. Vercel (동적 사이트도 가능)
Vercel은 정적 및 동적 웹사이트 모두 호스팅할 수 있는 무료 서비스야.
1. Vercel 가입 및 로그인: Vercel에 가입해.
2. 프로젝트 연결: GitHub, GitLab, Bitbucket에서 프로젝트를 연결해 쉽게 배포할 수 있어.
3. 자동 배포: 코드를 푸시할 때마다 자동으로 배포돼, 그리고 네 프로젝트는 https://project-name.vercel.app 같은 주소로 접근 가능해.
2-3. Netlify (정적 사이트 호스팅)
Netlify도 정적 사이트 배포에 적합해.
1. Netlify 가입 및 로그인: Netlify에 가입해.
2. 프로젝트 연결 및 배포: GitHub 또는 GitLab에 저장된 프로젝트를 연결해 배포할 수 있어.
3. 웹사이트 접속: 배포 후, https://project-name.netlify.app에서 웹사이트에 접근 가능해.
[가격비교사이트] 프로젝트 제목 선정 (7) | 2024.10.30 |
---|---|
[가격비교사이트] 프로젝트 진행 단계 (2) | 2024.10.28 |
[가격비교사이트] 아이디어 구상 및 Chat GPT 질문 내용 (1) | 2024.10.27 |
[포트폴리오 기획] 1. 사이트 맵 및 정보 구조(IA) 설계 - 와이어 프레임 구성 (1) | 2024.10.13 |