(이미지 출처 : 생활코딩 https://www.opentutorials.org/course/3084/18892)
관련 개념
[ 호스팅 ]
: 정보의 집약체인 서버의 전체 혹은 일부를 이용할 수 있도록 임대해 주는 서비스
(24시간 안정적으로 전기를 공급 / 빠른 회선 / 보안 시스템 등을 대신 해준다)1) 웹 호스팅
: 호스팅 업체의 서버를 여러 고객이 함께 사용하는 형태
저렴하게 이용 가능 / 하드웨어가 제한적2) 서버 호스팅
: 호스팅 업체의 서버 하나를 고객 하나가 사용하는 형태
운영, 관리에 대한 직접적 권한 가짐 / 비용이 비쌈3) 클라우드 호스팅
: 호스팅 업체의 가상 서버를 단독으로 생성 후 사용하는 형태
서버 스펙을 자유롭게 조절할 수 있음 / 사용 한 만큼만 지불 가능
[ 도메인 ]
: 접근이 어려운 ip를 특정 이름으로 나타낸 것
컴퓨터의 이름과 최상위 도메인으로 구성ex) daum.co.kr
daum : 컴퓨터의 이름
co : 국가 형태의 최상위 도메인을 의미
kr : 대한민국의 NIC에서 관리하는 도메인을 의미
[ URL ]
: 도메인 + 경로
ex) https://ec2.inventoryboxserver.com/recorded/home/0
도메인 : ec2.inventoryboxserver.com
경로 : /recorded/home/0
Flow
1) Frontend 프로그램 개발
: html, CSS, JS (with. react, Angular등) 으로 Front 웹 프로그램을 개발
2) Backend 프로그램 개발
: NodeJS 혹은 Spring Framework를 통해 WAS(Web Application Server)를 개발
3) 도메인 선택
: 실제로 접근 가능한 도메인을 발급받아야 한다. (무료/유료)
1. 무료
: 주로 학습이나 테스트를 위한 목적으로 많이 사용ex) http://www.freenom.com/en/index.html?lang=en
freenom에서 .tk .ml .ga .cf .gq 무료 도메인을 제공한다.
(1~12개월 지정하여 사용 가능하고 원한다면 직접 연장해야 한다.)2. 유료
: 실제 웹 서비스를 배포하여 상업적인 목적이 있는 경우에 많이 사용
(.com .net 처럼 인기 도메인은 aws / GoDaddy등에서 구매해서 사용한다)
- 도메인은 ICANN이라는 비 영리 단체에서 관리하는 Root name server에 등록되어 관리
- 도메인 등록 대행자들 간 하청의 하청이 많아져서 도메인의 가격이 상이하다
- 가격 비교 후 구매하는 것이 바람직
4) 호스팅 선택 (배포)
1. 웹 호스팅
2. 서버 호스팅
3. 클라우드 호스팅
정적 웹사이트
개인 포트폴리오나 마크다운을 이용한 블로그 용도로 정적인 웹사이트를 개발하기도 한다.
- Gatsby(게츠비)
: React 컴포넌트를 사용하는 정적 사이트 생성기 (GraphQL등을 통해 동적 데이터를 다룰 수도 있음)- Vercel, Netlify
: 깃허브의 저장소와 연동해서 호스팅 할 수 있는 배포 도구
https://vercel.com/login
https://www.netlify.com/
