웹 서버란?
HTTP 프로토콜 기반으로 클라이언트의 요청을 받아 정적인 컨텐츠(.html, .jpeg, .css)를 제공하는 컴퓨터 프로그램
동적인 컨텐츠 제공을 위한 요청도 전달한다.
그럼 그 동적인 요청은 어디서 하느냐, WAS(Web Application Sever)라는 곳에서 한다. WAS는 Web Server+Web Container 기능을 같이 한다. 웹 서버와 웹컨테이너는 분리되어 있을 수도 있음.
-
하드웨어적 웹서버 :
1) 웹사이트의 컴포넌트 파일(html문서,images, css stylesheets, JavaScript 파일 등)을 저장하는 컴퓨터
2) 이 파일을 최종 소비자의 디바이스에 전달
3) 웹 서버는 인터넷 연결이 되어있으며 도메인 이름을 통해 접속될 수 있다 -
소프트웨어적 웹서버 :
1) 웹 사용자가 어떻게 호스트 파일들에 접근하는지 관리
2) HTTP 서버는 URL(Web address)과 HTTP의 소프트웨어 일부이다
WAS
1) 프로그램 실행 환경과 DB 접속 기능
2) 여러 개의 트랜잭션(논리적인 작업 단위) 관리
3) DB 조회, 다양한 비즈니스 로직 처리를 요구하는 동적인 컨텐츠 제공
웹서버와 웹컨테이너는 왜 분리 되어있나?
1) 기능을 분리하여 부하 방지
2) 물리적으로 분리하여 보안 강화
3) 여러 대의 WAS 연결, 여러 웹 애플리케이션 서비스
웹 호스팅
제공자가 웹 서버 공간을 임대해주는 서비스를 웹 호스팅이라 한다.
aws:무료 제공이 있지만 신용카드 정보 입력해야됨
DOTHOME:3개월 무료 제공, 회원가입 필요
WIX:무료 제공, 고정 광고판이 뜸
GitHub:무료 제공이나 정적웹만 가능
cafe24:유료, 1100원
등등 다양하다.
DOTHOME 웹 호스팅 신청하기
+워드프레스 설치
1) DOTHOME 회원 가입 https://www.dothome.co.kr/
2) 무료 호스팅 들어가기
3) 플랜 신청
4) 정보 입력
연습용이면 실 정보를 입력하지 않아도 됨.
5) FTP 아이디는 서버에 접속할 때도 필요하고 도메인에도 뜨기 때문에 공개적으로 보여줘도 괜찮은 ID를 하나 만드는 것이 좋다.
CMS 선택을 워드프레스로, 혹시라도 놓쳤다면 상세페이지에서 CMS 설치가 따로 가능하니 걱정말자.
6) 워드프레스 관리자 아이디는 admin 으로 고정이다.
7) 인증 코드 입력 후 정책 확인
내 홈페이지 올려보기
1) 워드프레스 관리자 페이지 접속은 닷홈페서 부여받은 주소에 /wp-admin으로 접속하면 된다.
-> https://내 도메인주소/wp-admin
2) https://filezilla-project.org/
FileZilla 에서 클아이언트 다운받기.
3) 무료버전 다운
4) 얘는 관계없는 부가 설치 안내이니 Decline한다
5) Next... Next... 파일 경로가 뜬다면 원하는 곳에 풀고 Next 후 Install
6) 연결 정보 등록을 해보자.
파일질라를 실행해서 파일->사이트 관리자를 연다
7) New site를 눌러서 정보를 입력한다
프로토콜 : 'FTP - 파일 전송 프로토콜' 인지 확인한다 간혹 아닌 경우도 있음
호스트 : 닷홈에서 받은 도메인 주소
사용자: 닷홈에서 입력한 FTP 아이디로 접속해야한다.
접속이 안된다면
- 503 오류 : 닷홈에서 만든 아이디/비밀번호가 매치가 안되었을 가능성이 다분하다. 닷홈에서 비밀번호 변경을 해보자
- 프로토콜 어쩌구 오류: 프로토콜 선택을 'FTP-파일전송프로토콜'로 하였나.
8) 접속이 성공적으로 됐다면 https://내 도메인주소/ 로 들어가서 '워드프레스 입니다' 같은 메시지가 나오면 연결이 잘 된거다.
10) 화면에서 왼쪽은 내 로컬 컴퓨터, 오른쪽은 빌린 곳이다. 내 로컬 컴퓨터에서 index.html 파일과 그에 연결된 CSS, JS 폴더를 경로가 틀리지 않게 우클릭->업로드로 잘 넣어준다
9) https://내 도메인주소/ 로 페이지가 잘 나오는지 확인해보자!
어려웠던 점
딱히 없었다
해결 방법
소감
사실 개인적으로 웹 호스팅을 2~3번 시도해본 적이 있어서 호스팅 개념에 대한 것이 별로 어렵진 않았다. Firebase로 했던 것보다 닷홈이 훨씬 간단했던 것 같다.
