생활코딩 | WEB1 - 19.3 웹브라우저와 웹서버의 통신 (리눅스)
본문
※ 영상을 선명하게 보기 안내
- 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
- 팝업목록에서 "품질" 선택하세요.
- 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
생활코딩님의 HTML강의 청각장애인을 위한 자막
자 그럼 지금부터 리눅스 컴퓨터에 음 우리가 웹 서버를 설치해서 실제로
웹이 동작하는 모습을어 같이한 만들어 봅시다 그리고 이 과정에서
인터넷에 어떻게 동작하는 가에 대한 원리를 여러분이 박하 시는 데 큰
도움이 될 겁니다 자 웹사이트가 동작하기 위해서는 컴퓨터가 최소 * 때가
필요할까요
2대가 필요하죠
그리고 한대의 컴퓨터에 는 웹브라우저가 설치가 되어있구요
이 웹브라우저는 다른 컴퓨터에 설치되어 있는 저장되어 있는 저 and x
html 의 파일의 내용을 읽어서 화면에 표시 하고 싶은 상태에요
자 그러기 위해서는 ex 점 html 의 파일이 저장되어 있는 컴퓨터에
어떤 프로그램이 설치되어 있어야 되냐면 바로 웹서버 라는 프로그램이
설치되어 있어야 됩니다
그럼 우리 감 심사는 어떻게 웹서버를 리눅스의 설치하지 팔 것인가 겠죠
예 공원 이제 우리가 뒤에서 배우 거고요 그 다음에 설치했다고 치며 는
웹브라우저가 이제 웹 서버에 접속해서
ex 점 html 의 파일을 음
원합니다 라고 얘기해 주면 웹서버는 ex 점 html 이라는 파일을 어느
특정한 디렉토리에서 찾아서
웹브라우저 에게 보내 줄 것인데 이것을 하기 위해서는
인덱스 점 html 이라는 저 웹페이지를 어디에 저장할 것인가 라고 하는
부분도 우리가 배워야 될 부분인 것이죠
저를 또 하나 웹브라우저가 웹 서버에 접속하기 위해서는
뭐가 필요할까요 질문을 바꿔서 서로 다른 두 대에 전화기 과 서로 통신을
하기 위해서는 뭐가 필요해요
전화번호가 필요하죠 마찬가지로
인터넷 위에 있는 두 대의 컴퓨터가 서로 통신을 하기 위해서는 인터넷
번 호 인터넷 주소 라고 하는 것이 필요한데 예를 들어 이렇게 생겼습니다
저런거 뭐라고 하냐면 인터넷 프로토콜 어 드레스 줄여서
ipods 한국어로는 ip 주소 라고 부릅니다
뭐 짧게 나 ip 라고 하지만 그것은 부 조각 부정확한 표현 이구요
예 그러면 우리가 또 알아야 될 것은 어떻게 처 ip 어드레스를 알아낼
수 있을 것인가 라는 것을 역시나 배우게 될겁니다
자 그럼 여러분이 저 웹 서버가 설치된 컴퓨터의 ip 어드레스를 알았다
메즈 웹브라우저의 주소창에 나가
http 땡땡 / / 우리우리 간 알아낸 ip 어드레스 192 168
0.19 슬래시 ex 점
html 고 입력하고 엔터를 땅 치면
이 과정을 거쳐서 웹서버가 인덱스 점 html 의 파일을 읽어서
웹브라우저 에게 보내주면 웹브라우저의 화면에 표시가 되면서 이 과정이
끝나게 되는 겁니다 자 이것을 하기 위해서 필요한 것들을 지금부터 하나씩
챙겨 드리겟습니다
자 우리가 제일 먼저 해야 될 것은 리눅스 컴퓨터의 웹 서버 라는
프로그램
그중에서 아파치 웹 서버를 설치하는 방법을
어 지금부터 살펴보겠습니다
자 우선 추천검색어 부터 알려드릴께요 자 예를 들면 여러분파치를
설치하고 싶은 거라면
예 아파치 인스톨 후 볼트 저는 이제 우분투 라는 리눅스의 배포판을 쓰고
있거든요
요정도로 검색하시면 여러분이 자신의 리눅스의 설치하는 여러 방법들이
나오게 될겁니다
자 그렇게 해서 저는 이렇게 생긴 페이지를 찾았는데요
자 이 페이지에서 이렇게 쭉 내려가 보니까 어떻게 하라고 얘기가 나와
있네요 한번 요거 적혀 있는데로 해보죠
자수 드는 슈퍼 관리자의 권한으로 실행한다. 뜻입니다
apt 계시 라고 하는 것은 이 리눅스 그 중에서 우분투 와 같은 몇몇
운영체제에서
어 일종의 앱스토어와 같은 겁니다 인터넷을 통해서 프로그램을 다운로드
받아서 설치하는 역할을 해주는 프로그램이에요
업데이트 라고 하면 우리가 설치할 프로그램의 최신 버전으로 목록을
업데이트 한다. 정도로 이해하시면 되겠습니다
엔터를 치고 요
자 그 다음에 위태 보시면 수 둡 슈퍼 관리자의 고난으로 apt 겟
앱스토어 록 distal 설치한다. 뭐를 아파치 툴을
이렇게 하고 실행하시면 아파치 웹서버가 설치가 진행이 될 겁니다
아니가 설치를 할 건지 안 할 건지에 스노우 를 물어보면 y 를 누르시고
엔터를 치시면 되겠습니다
자 그리고 * 부정적인 메세지가 없으면 성공적으로 설치 하신 겁니다 자
우리가 웹 서버 를 설치했다면 이제 뭘 해야 될까요
웹브라우저로 웹서버에 접속해서
웹서버 한테 인덱스 점 html 파일을 달라고 하면 웹서버 컷의 읽어서
웹브라우저 게 보내 줘야 됩니다
자 이걸 하기 위해서는 뭐가 필요하다 구요 웹서버가 설치되어 있는
컴퓨터에 인터넷 상에서 2 주소 ip 어드레스 라는 것을 알아내야 됩니다
이걸 어떻게 알아 내는 지금부터 살펴보겠습니다
자 방법은 쉽습니다 우리 콘솔에서 호스트 라고 칩니다
자 오트 라는 것은 인터넷에 연결되어 있는 컴퓨터 한 대 한 대의 를
호스트 라고 합니다
네임 그 한 대 한 대의 컴퓨터에 이름 이라는 것이죠 즉 자기 자신의
인터넷 상에 이름을 알아내는 여러 명령어들을
여러분이 저 호스트 ram 이라는 걸 통해서 사용할 수 있습니다
- 아이 라고 치시면 깔끔하게 ip 어드레스가 출력이 되는데
저것이 바로 이 명령을 실행한
컴퓨터의 인터넷 상에서 의 주소인 ip 어드레스 입니다
자 우리 가져 것을 알아냈다 무리죠 뭘하면 될까요
주소창에 나가 http 땡땡 / /
그리고 방금 우리가 알아낸 ip 어드레스를 적고 그리고 인덱스 점
html 려고 하고 엔터를 땅 치면
보시는 것처럼 이렇게 생긴 화면이 뜹니다
자 이 화면은 우리가 파츠를 설치했을 때 우리가 설치한 아파치가 우리를
도와주기 위해서 우리에게 도움말이 제공하는 페이지입니다
자 그리고 이 과정에서 여러분에게 말씀드리고 싶은 것은 안 될 가능성이
매우 높아요
안되는건 너무 있으니까 주의 사항 1 아니니까 됐다
치면 됩니다 하지만 또 안되시는 분 중에 해보고 싶은 분들은 웹
브라우저와 웹 서버를 같은데 투어 간의 두셔야 됩니다
이를테면 같은 공유기를 쓰고 있다면
같은 공유기에 접속을 시키셨다 되요 예 뭐 이래도 와이파이에 이름이
아이이고 이면 웹브라우저가 설치되어 있는 컴퓨터도 아이이고 인
그리고 웹서버가 설치되어 있는 컴퓨터도 아이이고 인이라고 하는
네트워크에 접속이 되어 있어야 아마 잘 동작하게 될 겁니다
자 그렇다면 즉 우리가 이 웹페이지를 화면에 표시 하고 있는데요
여러분 여기서 ex 점 html 이란 파일은
리눅스 컴퓨터 상에서 어디에 존재하는 걸까요
그거는 사용설명서를 보셔야 됩니다 여기 뭐라고 써 있냐면 여기에 있습니다
라고 적혀 있습니다
해볼까요 cd 2 체인지 디렉토리 디렉토리 바꿉니다
자 최상위 디렉토리 밑에 있는 바 디렉토리 밑에 있는 www 밑에 있는
html
여기서 게 있잖아요 그죠 엔터
ls - a 에 현재 디렉토리의 파일 목록을 표시하는 병명이 줘
그랬더니 and x 점 html 이란 파일이 존재 하네요
자 그렇다면 ex 점 html 이란 파일이
여기 있는 이 파일인지 를 우리가 확인하기 위해서
ex 점 html 이란 적 파일의 이름을 제가 바꿔보겠습니다
자수 득 슈퍼 관리자의 권한으로 mv 파일의 이동 한다.는 뜻인데 어떤
파일을 인덱스 점 html 은 파일을 현재 디렉토리의 인덱스 2.5
html 이란 이름으로 이동한다.
란 뜻입니다 즉 파일의 이름을 바꾼다 는 뜻이죠
엔터 자 그리고 제가 리로 되었을 때 이 웹 페이지가 표시되지 않는다면
이제 인덱스 점 html 이란 파일이 없어진 것이 란 뜻이고 바로 이
디렉토리에 있는 파일들이 우리가 이 서버에 접속했을 때 써비스 테는
파일이라는 것을 증명하게 되는 것이죠
엔터 나 파운드가 뜨는 것을 볼 수가 있습니다
그리고 이번에는 2.5 html 라고 했을때 보시는 것처럼 정상적으로
페이지가 뜨는 것을 볼수가 있죠
자 이를 통해서 우리가 출원할 수 있는 것은 예 위 그 리눅스 컴퓨터 예
웹브라우저가 접속을 하면 웹서버는
밝다 따을 html 디렉토리에서 파일을 찾는다 라는 것을 알 수가 있는
것이죠
그렇다면 지금까지 우리가 작업했던 예제를 이제 봤다 따땃 html 이란
디렉토리로 옮겨놓으면
우리가 작업하는 것을 인터넷을 통해서 동작하는 동작하도록 하는 것을
우리가 하게 된 것이죠 자 저는 어
저의 홈 디렉토리에 웹 원 이라는 디렉토리가 있습니다
이 디렉토리 안에 이렇게 파일들이 저장되어 있는 상태에요
그러면 이 파일을 받아 따따따 html5 옮겨 보겠읍니다
자수 2 어
cp 카피 약재 줘 현재 디렉토리에 있는 모든 파일을
에바 따따따 html 밑으로 옮긴다
꼭 cd 받다 땋아 html 로 가서 확인해 보면 파일들이 다 옮겨져
있는 상태입니다
자 그럼 이상태에서 제가 여기 있는 이 주소를 인덱스 점 html 로
바꾸고 엔터를 치면 보시는 것처럼 짜잔 테
우리가 지금까지 작업했던 예 제가 이렇게 잘 화면에 출력되고 있는 것을
볼 수 있습니다
자 여기까지 입니다 1 동 r 고생하셨습니다
자 우리가 알고 있는 인터넷에서 이것보다 훨씬 더 복잡합니다 일이 템
여러분이
어 같은 네트웍 니라 예 전 세계에 있는 누구나 여러분의 컴퓨터에
접속 갖게 하고 싶으실 거 아니에요
근데 그건 우리 아직은 안 됩니다 나중에 웹 2m 의 인터넷 수업을
통해서 공부하시면 될 거구요
또 리는 도메인의 통해서 실제로 서버에 접속을 하는데 지금 우리는 ip
를 통해서 접촉을 하고 있단 말이에요
이것도 우리 현실과는 조금 다르죠
이러한 부분들도 우리 소외 범위를 넘어서기 때문에 저는 ip 로 했지만
나중에 이후에 나오는 수업을 통해서 여러분이 도메인을 이용하는 방법도 어
하 실 수 있게 될 겁니다
하지만 무엇보다도 중요한 것 예 여러분의 서버와 클라이언트 라는 것이
무엇인지 추상적으로 이해하기 됐고 서버와 클라이언트가 구체적으로 동작하는
모습을 매우 구체적인 이 실습을 통해서 여러분들이 체험하는 시간을 가졌기
때문에
이제부터 여러분이 서버와 클라이언트 나 또는 이것과 관련된 여러가지 그
이야기들이 나오게 되면
떨리기 시작하고 또 지식이 축적되기 시작할 겁니다
그만큼 인터넷과 관련된 혁명적인 변화가 시작된 것이다 라는 것을
여러분들이 좀 염두에 2시고
앞으로 그런 기회가 있을 때마다 아 이 수업이 그런 역할 했구나 라는
것을 러시 없이 볼 수 있는 그런 마음 또는 그런 기회들이 여러분들에게
많이 있었으면 좋겠습니다
나중에 언젠가 여러분이 실제로 인터넷을 통해서 무언가 복잡한 것을 해야
되는 경우에 그 때 이 수업이
어여 러 분에게 큰 도움이 되었으면 좋겠단 바램입니다
자 이렇게 해서 우리 수업은 이제 그 두 번째 중요한
그 정상인 인터넷을 넘어서서 서서히 이제 그 마무리하는 단계에 접어들게
되었습니다
그럼 왜 일까요 시니어 너무 고생하셨고 이제 몇 개 안 나왔습니다
앞으로 어떻게 공부해야 될지 이러한 내용들이 남아 있으니까요
잘 보시고 그 다음에 여러분의 어떻게 진로를 선택할 것인지
잘 음미해 보시길 바랍니다.
댓글 0개
등록된 댓글이 없습니다.