---------------------------------------------------------
* 생활코딩 WEBn 정독하기 project *
웹서버 운영하기
LINK 1 : https://opentutorials.org/course/3084/18891
Window : https://opentutorials.org/course/3084/18893
MAC OS : https://opentutorials.org/course/3084/18894
Linux : https://opentutorials.org/course/3084/18895
----------------------------------------------------------
1. 한 컴퓨터에 서버-브라우저 다 있을 때
비트나미 설치 후 Go to Application 하여 웹페이지 접속.
1) 주소의 local host -> http://127.0.0.1/index.html (자기 자신의 컴퓨터 지칭하는 ip)
- 결과로 같은 화면을 보여준다.
- 도메인 네임(domain name) 과 IP 주소
- local host 같이 의미가 있는 것이 도메인 네임,
- 번호로 되어있는 것이 ip 주소 (Internet Protocol Address)
- index.html의 위치 - 비트나미위치\Bitnami\wampstack-7.4.9-0\apache2\htdocs
- 이 안의 index.html 수정하면 웹페이지에 반영되는 것 확인할 수 있다.
- htdocs 안의 것들 다 지우고 우리가 만들었던 web 코드 넣기 -> 웹 사이트가 만들었던 대로 나온다.
2. html 파일 열기 vs http를 통해서 열기
http://127.0.0.1/index.html
file://.../htdocs/index.html
- 겉으로 보이는 모습은 같다.
- http 는 웹 서버를 통해 화면을 보여주고,
- file은 웹 서버를 통하지 않음.
- http : hyper text transfer protocol
2. 웹 서버와 브라우저가 다른 컴퓨터에 있을 때(IP)
두 대의 컴퓨터가 서로 웹페이지를 주고 받는 방법. (웹서버와 브라우저의 통신)
스마트폰(브라우저)과 실습 컴퓨터(웹서버)로 가능.
IP 주소 확인하기
1) CMD 접속
2) ipconfig 후 엔터
3) IP 주소 확인
여기에서 나온 ip 주소는 127.0.0.1(대명사같은 느낌) 과 다르게 진짜 서버의 ip 주소(이름)
다른 컴퓨터에서 ip 접속하기
* 두 컴퓨터가 같은 네트워크에 접속되어 있어야함 (공유기 이름이 같아야함)
- 다른 컴퓨터(브라우저) 에서 위에서 찾은 ip를 웹 주소창에서 치면, 우리가 만들었던 index.html 이 나온다.
Domain / 전 세계인이 볼 수 있게 만들기 등은 복잡해서 여기서 배우기엔 한계가 있다.
* 관련된 게시물 *
[생활코딩_WEBn] 5. HTML 코딩과 실습환경 준비
[생활코딩_WEBn] 인터넷을 여는 열쇠 : 서버와 클라이언트
[생활코딩_WEBn] 웹호스팅 (github pages)
[생활코딩_WEBn] 웹서버 운영하기 - 1 (Bitnami 설치)
'생활코딩 WEBn' 카테고리의 다른 글
| [생활코딩_WEBn] 웹서버 운영하기 - 1 (Bitnami 설치) (0) | 2020.09.04 |
|---|---|
| [생활코딩_WEBn] 웹호스팅 (github pages) (0) | 2020.09.04 |
| [생활코딩_WEBn] 인터넷을 여는 열쇠 : 서버와 클라이언트 (0) | 2020.09.03 |
| [생활코딩_WEBn] 원시웹 (0) | 2020.09.03 |
| [생활코딩_WEBn] 웹사이트 완성 (0) | 2020.09.03 |
