본문 바로가기

웹개발6

인프런 생활코딩 Section7 동영상 삽입 p> iframe width="560" height="315" src="https://www.youtube.com/embed/fSXQh4ypskU?si=vMoVtOVyh9nbd5OB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>iframe> p>  댓글 기능 추가 DISQUS, LiveRe 등으로 가능하다나는 LiveRe를 사용했다.코드 발급이 되면 .. 2024. 11. 19.
인프런 생활코딩 Section5-나머지 5. "webserver for chrome"을 다운받고 해당 웹페이지에 접속하면 다음과 같이 웹페이지가 뜬다.그럼 이렇게 webserver for chrome을 통해 접속하는 것과, 아까처럼 브라우저에서 바로 접속하는 것의 차이점은?  1. browser에서 바로 접속형식:  file:///Desktop/web/index.html2. webserver 통해 접속형식:  http://127.0.0.1:8887/index.htmlAccessible on local network를 체크표시하고 다시 running하면 다른 url이 뜨는데이 url은 다른 host가 내 서버에 접속할 수 있는 url이다. 2024. 11. 19.
인프런 생활코딩 Section5-1~3 5-1. Web hosting: web을 동작하기 위해서 필요한 소프트웨어들까지 설치해 빌려줌ex. github      다음 링크를 클릭하면 아까 만든 웹페이지가 뜬다.    index.html을 web hosting 업체, 즉 github에 업로드해놓으면=> web hosting 업체는 server를 활성화함=> server에게 도메인 네임 부여=> 방문자가 도메인네임을 통해 방문하면 server가 index.html 읽음=> 방문자에게 index.html의 소스코드 전송 방문자가 나의 서버가 아닌, github 서버에 접속해 내가 만든 파일을 볼 수 있는 것이다.  5-2. 서버에는 다음과 같이 다양한 종류가 있다.- Apache- IIS- Nginx 이번에 사용할 프로그램은 "Live Server.. 2024. 11. 17.
인프런 생활코딩 Section4 4-1.internet vs web 1960- internet 등장1990- web 등장 4-2.  웹 브라우저와 웹 서버 2대의 컴퓨터가 상호작용(웹브라우저는 응답 요청, 서버는 응답) 웹서버의 하드디스크 안에 index.html라는 디렉토리 존재할 때 웹브라우저가 index.html 파일을 가져오고 싶다면웹서버가 전기적 신호로 그 파일의 내용을 보내주고웹브라우저가 그 신호를 읽어 웹페이지에 표시한다. 2024. 11. 12.