코린이의 생활코딩 WEB1

코린이의 생활코딩/WEB1

온쓰 2022. 10. 28. 16:52

19. 웹서버 운영하기

이번 수업은 내 컴퓨터에 웹서버를 설치해서 누구나 내 컴퓨터에 있는 웹 페이지를 볼 수 있도록 하는 수업

인터넷의 동작을 알 수 있는 건 수업의 큰 장점

웹 호스팅을 많이 사용하기 때문에 작동하지 않더라도 걱정하거나 실망하지 않도록 한다!

우리가 하나의 문제를 해결하는데 며칠이 걸릴 수 있다.

하지만 하나의 문제만이 해결되는 것이 아니라 그 과정에서 수많은 지식과 경험을 얻게 된다.

잘 풀리는 문제는 실력을 확장시켜 주기에 좋지만

막히는 문제는 실력을 확정시켜주기 때문에 좋다.

두 가지 모두 필요한 거예요~

우선, 자신의 컴퓨터에 웹서버를 설치해야 한다.

웹브라우저 : 제품군

웹서버 : 제품군

- Apache, IIS, Nginx

- 우리가 사용할 웹서버는 무료이며 제일 간단한 : Web sever for Chrome

가장 중요한 것은 요청이 들어왔을 때 어느 디렉토리에서 찾을 것인가?를 웹서버에게 알려주어야 한다.

CHOOSE FOLDER - Web file - Web Sever for Chrome을 켠다(이미 켜져있었다면 껐다 다시 키기)

지금 우리는 웹서버를 통해 웹페이지를 가져오고 있다.

command+O : 파일열기

index.html 파일을 직접 열었을 때와 웹서버를 통해 연 것은 어떤 차이가 있을까?

◼︎ file:///Desktop/web/index.html 로 열었을 때는 웹서버를 통하지 않고 웹브라우저로 직접 연 것

◼︎ http://127.0.0.1:8887/index.html 입력하여 접속한다는 것은

같은 컴퓨터에 설치되어 있는 웹서버에 접속해 웹서버가 index.html을 읽어서 웹브라우저에게 돌려줬다는 것

▪︎ http(Hyper Text Transfer Protocol) : 웹페이지를 전송하기 위하여 고안된 통신 규칙

▪︎ Internet Protocol Address(IP adress) : 컴퓨터와 컴퓨터가 서로 통신할 때 사용하는 주소 체계

43억개의 주소(?)

▪︎ 127.0.0.1 : 나 자신, 같은 컴퓨터 자신을 가르킴

웹브라우저에 같은 컴퓨터에 있는 웹서버에 접속하고 있는 것

같은 컴퓨터 안에서 웹브라우저와 웹서버가 서로 웹페이지를 주고 받는 건 현실세계와 다르다

웹브라우저와 웹서버가 서로 다른 컴퓨터에 설치되어 있어서 지구 반대방향에 있는 문서도 마치 내 컴퓨터에 있었던 양 볼 수 있는 놀라운 일을 할 수 있다.

핸드폰에 있는 웹브라우저와 컴퓨터에 설치되어 있는 웹서버가 서로 통신을 할 수 있다면 어떨까?

이 작업은 안 될 수 있음

같은 와이파이에 접속해두기

1. 웹서버 꺼두기

2. Accessible on local network 키기

→ 같은 네트워크에 있는 컴퓨터끼리 서로 통신할 수 있도록 하는 옵션

저 IP adress가 다른 컴퓨터로 접속할 수 있는 주소다!

21. 수업을 마치며 2/3

체크박스 만들기 : <input type="checkbox">