WEB1 - 19. 웹서버 운영하기 (2023년 수정판. VSCode Live server)
HTML-код
- Опубликовано: 26 дек 2022
- 웹서버를 직접 운영해보면 인터넷이 동작하는 원리를 파악할 수 있습니다.
이 수업을 통해서 내가 만든 웹사이트를 전세계 누구나 접근 가능하도록 해봅시다.
전체 수업은
opentutorials.org/course/3084
혹은
• WEB1- HTML & Internet
로 볼 수 있습니다.
이 영상은 2023년에 맞게 리뉴얼한 영상입니다.
변경사항 : 웹서버를 vscode의 live server로 변경했습니다.
사유 : web server for chrome의 서비스 종료
2022년 영상은 아래 주소에서 볼 수 있습니다.
• WEB1 - 19. 웹서버 운...
2017년 영상은 아래 주소에서 볼 수 있습니다.
공통
• WEB1 - 19. 웹서버 운...
윈도우
• WEB1 - 19.1.1. 웹서버...
• WEB1 - 19.1.2. 웹서버...
• WEB1 - 19.1.3. 웹서버...
맥
• WEB1 - 19.2.1. 웹서버...
• WEB1 - 19.2.2. 웹서버...
• WEB1 - 19.2.3. 웹브라...
리눅스
• WEB1 - 19.3 웹브라우ᄌ... 
Наука
수정판이 또 올라왔네요! 생활코딩님, 당신은 한국 코딩계에 한 획을 그은, 아니 두, 세 획을 그은 위인이십니다. 생활코딩님의 영상들로 인하여 코딩에 관심이 있는 수십 만 명의 사람들이, 실제 코딩을 접하게 되었고 이들 중 최소 수 천 명은 실제 개발자가 되겠지요. 그리고 이들 개발자들이 만드는 서비스는 수백, 수천 만 명의 사람들이 이용할 것입니다. 생활코딩님은 이 모든 거대한 변화에 불을 붙인 catalyst입니다.
실제로 제가 그렇네요
html이라는 것을 처음 접하고 보기만 하던 사이트의 요소들을 내가 만들 수 있다는 것이 정말 신기했는데 지금은 개발자라는 꿈을 쫓고있습니다 ㅎㅎ
html 파일 여러 개로 가족 소개 페이지나 간단한 텍스트게임 만들던 때가 어제같은데 커널 빌드 하다가 삽질하고, 공유기 관리자 페이지 소스 분석해서 캡처 로직 우회도 해 보고, 삽질 대표 os인 리눅스랑 친구도 먹고, 여튼 매일 삽질하고 또 그만큼 배워가고있는 제 모습을 보면 정말 신기하네요 ㅋㅋ
결국 처음 시작은 생활코딩 님 덕분이고, 생활코딩님 아니였으면 지금쯤 그냥 방학해ㅛ다고 뒹굴딩굴 거리고 있었겟네요, 물론 제 진로도 못 찾았을 거고요
많은 코딩 강사님들이 계시지만 코딩을 처음 배우는분들에게는 항상 생활코딩님 강의를 추천드리고 있어요
5:50 민간인 사찰을 하시다니요 😆😆😆
1:04 명언....
이렇게 강좌 업데이트까지 해 주시니 너무 감사합니다!
수정판 너무 감사드립니다. 오랫만에 다시와서 복습하는 데 참 유용하네요!
잘 보고 있습니다!! 양질의 강의 제공해주셔서 너무너무 감사드려요!!
군대에서 생활코딩님 강의 보기 시작했는데 덕분에 전역하고도 코딩에 대한 흥미 잃지 않고 매일매일 공부하고 있네요!!
코딩을 하는 사람들에게 입문 강의라고 해서 찾아왔는데
옛날 강의임에도 이렇게 수정판까지 올려주시니 너무 감사합니다... ♡
모바일 브라우저에서 자신의 pc에서 만들고 있는 웹페이지를 확인할 때 특히 유용한 것 같아요! 감사합니다!
정말 감사합니다.
학원에서 html 배우는 중인데 서버가 이해가 안되더라구요 그래서 이 강의 처음부터 보고 있는데 너무 신기하고 이해가 잘 돼요 감사합니다
좋은 강좌 감사합니다.
잘들어보겠습니다.
감사합니다
잘 들어주셔서 감사합니다
앗 작년버전 보고 있었는데 이게 딱 나오네요ㅎㅎ 감사합니다!
봐주셔서 감사합니다!
오늘 이거 해보고 너무 신기해서 이것저것 만져보고 있어요. 덕분에 재밌게 잘 배우고 있습니다.
여담이지만 노트북,태블릿의 경우와 달리 데스크탑 쓰는 사람들은 휴대폰을 사용한 방법이 안 될 가능성이 높습니다.
휴대폰과 컴퓨터가 같은 wifi 망에 들어있어야 가능하기 때문에 그런데 일반적인 메인보드는 wifi를 지원하지 않습니다. 메인보드에서 wifi를 지원하는 모델(보통 고가형만 기능을탑재)이 아니라면 별도의 wifi 수신기(동글이)를 사서 USB포트에 꼽아야 합니다.
강의 감사합니다. 잘 보고 있습니다.
선생님 무서워요 정말 왼손 밑에 휴대폰이 있었는데.... 보고 계신가요? ㅋㅋㅋ
정말 재미있게 공부하고 있습니다. 감사합니다. 끝까지 하겠습니다!!
내용이 알차네요 :)
ㅠㅠㅠ감사해요 정말로요
감사합니다
감사합니다~~~~~~~~!!!!!!!
라이브 서버도 문을 닫는 다는 얘기가 돌고 있네요..
Live Preview라고 Microsoft에서 새로 만들어준 기능도 꽤 좋습니다. 한번 사용해 보시는것도 좋아요
데스크탑에 랜카드가 없어서 와이파이 접속을 못해 이 실습은 할수가 없군요 ㅠㅠ
아쉽네요 선생님 말씀대로 되었다고 쳐야겠습니다.
와
항상 잘 듣고 있습니다.
혹시 깃허브에 호스팅할때나 지금 라이브서버로 호스팅할때나 제가 로드하는 페이지는 1.html로 하고싶은데 계속 index.html페이지로만 나오더라고요 이거는 어떻게 순서? 메인페이지? 그거를 바꿀 수 있을까요?
Firefox developer edition에 추가된 기능이 있는데요 편집기능이 강화가 된 것으로 알고 있습니다. firefox 기본 기능과 차별되는 developer edition 만이 가진 기능들을 알려주시면 좋겠어요. 검색을 해도 잘 모르겠어요.
스마트폰에서 원격 디버깅을 하는 방법도 알려주세요.
폰으로 접속할 때 왜 항상 되지 않는 건가요? 막아놓은 이유가 있나요? 저는 정상 포트번호와 wifi ip로 시도해도 접속이 안되네요 ㅜ
안되고있어서 헤맸는데 ip주소 뒤에 :5500을 치니까 됐네요!! 감사합니다
Live server에서 html의 내용을 hello web으로 변경해도 인터넷 페이지의 내용이 바뀌지 않다가 ctrl+s 를 누르니 그제야 바뀌었어요. Ctrl+ s 안 누르면 웹페이지가 안 바뀌는 게 정상인가요?
또, 몇 초마다 저절로 세이브가 되는 설정이 있나요? 매번 세이브하기 귀찮아서요 ㅎ ㅎ
소름....진짜 왼쪽에 폰이 있었어
1
구글에서는 안되는데 사파리 주소창에 치니까 연결되네요!
아 게속 안되다가 끝에 :5500 쓰니까 되네요 끝에 :5500 빠뜨리신분들 다시 해보세요 됩니다 영상 자세히 못본 제 잘못이었네요
우와 감사합니다 ㅋㅋㅋ
와대박저도요!!!
와 님댓글못봤으면 계속몰랐을거에요
진짜감사합니다.
생활코딩님도 감사합니다!
저도 생활코딩님이 한 것과 같이 따라서 폰에서 ip 주소 검색하는데 이번 건 잘 되지 않는데 그냥 넘어가도 되겠죠? ㅠㅠ
네 이해만 하시고 되었다치고 기분 좋게 넘어가면 됩니다 :)
책에 있는 wamp stack는 이제 서비스를 안하는거같은데 어떡하나요ㅠ
Go live를 눌렀는데, Open a folder or workspace... (File -> Open Folder)라고 뜨면서 안되네요ㅠ 파일도 다 열려있는데 말이죠ㅠ
어떻게 해야하나요?
3개월 전이라 좀 늦었을지는 모르지만 말 그대로의 의미입니다.
VScode 에서 기존에 열려있던거 닫으시고 상단 File 메뉴에서 open folder 메뉴에서 파일을 선택해 새로 열게 되면 잘 될겁니다.
@@user-lz7ym5xw7r 답글 달아주셔서 감사합니다!ㅎㅎㅎ 그렇게 해봤는데 안되네요ㅠ 아쉽다..ㅠㅠ
ip 주소 쳐도 계속 안나와요ㅠ 댓글창 삽입하려는데 안떠서 진도를 못나가고 있어요ㅠ
입력하신 ip주소가 어떻게 되나요?
live server는 몇번 포트에서 실행되고 있다고 나오나요?
라이브 서버가 실행되면 자동으로 웹페이지가 뜨는데 그걸로도 접속이 안되나요?
너무 어려워서 미치겠어요 ㅡㅡ
감사합니다