[Web 개발/공부] 호스팅과 배포?

이번 공부는 udemy web development 부트캠프 수업에서 발췌한 것입니다. 

 웹사이트 배포

방문자에게 사이트를 제공하는 원격 시스템(서버)으로 웹사이트 코드를 이동합니다.  해당 사이트를 담당하는 서버는 특정 주소를 입력하여 웹사이트에 들어오는 방문자에게 코드를 제공합니다. 

출처 : academind.com

 사용자들이 휴대폰이나 노트북 또는 컴퓨터를 이용하여 주소를 입력하면 브라우저는 원격 컴퓨터 즉, 서버에 요청을 보내게 되는데 서버는 HTML, CSS, 자바 스크립트 코드를 저장하고 응답과 함께 브라우저로 다시 전송합니다. 그래서 브라우저는 서버에 저장된 명령을 읽고 무언가를 화면에 표시할 수 있습니다. 

웹 개발자로서 이런 명령, 코드를 작성하고 서버로 옮긴 다음 'www.google.com'과 같은 주소에 연결하면 방문자가 해당 웹사이트를 방문할 수 있게 되고 실행 중인 코드를 보게 되는 것입니다. 

 

  호스팅

호스팅은 원격 컴퓨터라고 하는 서버에서 해당 웹사이트 코드를 저장하고 그것을 방문객에게 제공하는 것을 의미합니다. 원격 컴퓨터는 들어오는 요청을 처리할 수 있어야 하고 해당 요청을 보낸 브라우저에 대한 응답으로 저장된 웹사이트 코드를 보낼 수 있어야 합니다.

 

웹사이트를 다른 사람에게 보여주거나 브라우저에 어떤 주소를 입력하여 다란 사람이 웹사이트에 방문할 수 있게 하려면 호스팅과 배포가 필요한데 즉 코드를 저장하는 원격 컴퓨터가 있어야 하고 코드를 브라우저에 보내면 브라우저는 웹사이트에 요청을 보내는 것입니다. 

 

 정적인 웹 사이트 최초 호스팅

페이지만 두개 있는 정적인 웹사이트 (HTML, CSS)를 Netlify 에서 배포하도록 하겠습니다.

방법은 아주 간단합니다. 아래의 사이트 방문 후 index.html 이 포함된 폴더를 그대로 drop 하면 됩니다. 

https://app.netlify.com/drop

Netlify App

폴더 전체를 드랍하게 되면 잠시 후에 바로 Live 즉 웹사이트가 배포되게 됩니다. 

일차적으로 index.html 파일을 찾기 때문에 당연히 index 파일로 작성해주셔야 합니다. 

로그인을 한 후 하게 되면 deply log 등 개인만의 정보를 보고 수정할 수 있습니다.