정보실

웹학교

정보실

기타 Google 드라이브에서 3 분 만에 바로 웹 사이트를 배포하는 방법

본문

Fast.io를 사용하여 Google 드라이브에서 3 분 만에 정적 웹 사이트를 무료로 배포하는 방법.


https://www.freecodecamp.org/news/how-to-deploy-a-static-website-for-free-in-only-3-minutes-with-google-drive/ 


이 기사에서는 Google Drive 또는 Dropbox와 같은 클라우드 스토리지 서비스를 사용하여 정적 웹 사이트를 3 분 안에 무료로 배포하는 방법을 보여줍니다.


그리고 no-fast.io는이 기사를 만들기 위해 나 또는 freeCodeCamp를 지불하지 않았습니다. 우리는 그들과 아무런 관계가 없습니다. 

나는 그들의 도구가 정적 웹 사이트를 무료로 빠르게 호스팅 하는 데 정말 흥미롭고 유용하다는 것을 알았기 때문에 이것에 대해 쓰고 있습니다.


Fast.io은 (는) 무엇 이죠? 


Fast.io는 웹 작동 방식을 단순화하기 위해 Mediafire에서 만든 솔루션입니다. 

한 마디로, 그들의 목표는 웹을 보다 쉽게 ​​액세스하고 관리 할 수 있게 함으로써 보다 편리하게 생활을 하는 것입니다.

2019 년 말에 출시되었으므로 지금 귀하와 공유하고 있습니다.


작동 원리 


Fast.io를 사용하면 클라우드 (Google Drive, DropBox 등)에 연결하고 웹 사이트 이름을 선택하고 몇 번의 클릭만으로 콘텐츠를 배포 할 수 있습니다.


컨텐츠가 준비되면 컨텐츠를 온라인으로 전환하여 모든 사람이 컨텐츠에 액세스 할 수 있도록 3 분이면 됩니다.


웹 사이트가 온라인 상태가 되면 웹 사이트를 구성하고, 맞춤 도메인 이름을 추가하고, Google Analytics를 연결하여 연락하는 사람들의 수를 알 수 있습니다.


아직 언급하지 않았지만 소스 파일을 수정하면 서비스가 자동으로 웹 사이트를 업데이트합니다. 

예를 들어 Google 드라이브를 사용하여 콘텐츠를 공유하는 경우 HTML 페이지에서 무언가를 변경하면 업데이트 됩니다.


fast-io-how-it-works.png 

Fast.io - How it works


사용 가능한 스토리지 제공 업체 


오늘 웹 사이트를 게시 할 경우 사용 가능한 스토리지 제공 업체 목록은 다음과 같습니다.

  • GitHub
  • Dropbox
  • Google Drive
  • Box
  • Mediafire
  • OneDrive

아시다시피,이 목록은 새로운 서비스가 추가됨에 따라 증가할 것입니다. 그러나 지금도 정적 웹 사이트를 호스팅 할 수 있는 많은 가능성이 있습니다.


경쟁사 


정적 웹 사이트를 온라인으로 빠르게 만들 수 있는 여러 회사가 이미 있습니다. 가장 유명한 솔루션은 GitHub Pages, Heroku 및 Netlify입니다.


Fast.io가 최고라고 말할 필요는 없지만 기본 웹 사이트를 배포하는 것이 얼마나 간단한 지 좋아합니다.


빠른 참고 사항 : Python Flask 웹 사이트와 같이 더 복잡한 것을 배포하려는 경우 Fast.io로 수행 할 수 없습니다. 이 경우 Heroku를 사용하는 것이 좋습니다.


내가 말했듯이, 나는 당신에게 투명해질 것입니다. Fast.io는 특정 작업에 탁월한 서비스입니다.


정적 웹 사이트란 무엇입니까? 


웹 사이트를 배포하는 방법을 보여주기 전에 정적 웹 사이트와 동적 사이트와의 차이점을 정의하는 것이 중요하다고 생각합니다.


정적 웹 사이트에는 컨텐츠가 고정 된 웹 페이지가 포함되어 있습니다. 페이지의 내용은 HTML로 되어 있으며 모든 사용자에게 동일한 내용이 표시됩니다.


예를 들어 웹 사이트의 방문 페이지 (제품에 대한 정보가 있는 기본 페이지)를 수행하려는 경우 이 유형의 사이트를 사용할 수 있습니다.


물론 동적 웹 사이트와의 주요 차이점은 물론 동적 부분입니다!


동적 웹 사이트는 서버 기술을 사용하여 사용자가 웹 사이트를 요청할 때 페이지를 작성합니다


예를 들어, 블로그에 이 유형의 사이트를 사용할 수 있습니다. 데이터베이스에 새 기사를 추가 할 때마다 웹 사이트에 해당 기사가 표시됩니다.


웹 사이트를 배포 할 차례입니다 


페이지를 모든 사람과 공유 할 준비가 되셨습니까? 해보자!


이 부분에서는 몇 번의 클릭만으로 웹 사이트를 온라인 상태로 만드는 방법을 보여 드리겠습니다. 

기본 HTML 페이지를 사용하지만 Fast.io의 작동 방식을 이해하면 모든 것을 자유롭게 수정할 수 있습니다.


1) index.html 파일 만들기 


HTML 코드가 있는 index.html 파일을 만들어야 합니다. 나중에 언제든지 업데이트 할 수 있으므로 간단한 것으로 시작하는 것이 좋습니다.


파일을 컴퓨터에 저장하십시오.


<!DOCTYPE html>
<html>
  <head>
    <title>My Static Website</title>
  </head>
  <body>
    <h1>My Static Website</h1>
    <p>
      Hello, I'm online, and everyone can see me!
    </p>
  </body>
</html>

2) Fast.io 홈페이지를 엽니다 


fast-io-homepage.png 


Fast.io를 시작하려면 웹 사이트를 열면 됩니다. 그런 다음 "Sign up now - it's free!"를 클릭하십시오.


3) Google 드라이브 구성 


fast-io-storage-provider.png 


이 페이지는 2 단계 후에 표시되며 스토리지 제공자를 선택할 수 있습니다. "Google Drive"를 선택하십시오.


다른 제공 업체와 웹 사이트를 만들려면 나중에 계정 페이지를 통해 추가하면 됩니다.


fast-io-connect-google-drive.png 


Fast.io가 작동하려면 Google 드라이브 계정에 액세스 해야 합니다. 그들은 당신의 웹 사이트를 포함하는 "Fast.io"폴더를 만들 것입니다. "Connect Google Drive Now"을 클릭하십시오.


fast-io-select-google-account.png 


Fast.io와 연결하려면 Google 계정을 선택해야 합니다.


fast-io-allow-google.png 


Fast.io가 Google 계정에 액세스하여 올바르게 연결하도록 해야 합니다.


fast-io-create-account.png 


계정이 준비되었습니다. 비밀번호를 선택한 다음 "Create Account"를 클릭하십시오.


fast-io-welcome.png 


계정이 준비되면 "환영합니다!" 페이지가 나타납니다. "Let's begin!"를 클릭하십시오.


4) 웹 사이트 만들기 


fast-io-add-new-website.png 


웹 사이트를 만들고 모든 사람과 공유 할 준비가 되었습니다! "Add New Site"를 클릭하십시오.


fast-io-website-name.png 



웹 사이트 이름을 선택하고 입력 상자에 입력하십시오. 완료되면 "Next"을 클릭하십시오.


fast-io-select-website-type.png 


Fast.io를 사용하면 파일 공유 웹 사이트, 웹 페이지 또는 파일 브라우저 웹 사이트의 세 가지 웹 사이트 유형을 만들 수 있습니다.


이 경우 HTML 웹 페이지를 호스팅 하려고 하므로 "Web Pages"를 선택합니다.


나중에 일부 문서를 공유하기 위해 웹 사이트를 만들려면 대시 보드로 돌아가서 새 문서를 만든 다음 파일 다운로드를 선택해야 합니다.


fast-io-select-google-drive.png 


"Web Pages"를 클릭하면 스토리지 제공자를 선택해야 합니다. "Google Drive"를 클릭하십시오.


fast-io-select-url.png 


웹 사이트 URL을 선택하고 입력 상자에 입력하십시오. 완료되면 "Create Site"를 클릭하십시오.


fast-io-success.png 


웹 사이트가 온라인 상태이며 선택한 URL에서 사용할 수 있습니다. 제 경우에는 mygoogledrivewebsite.imfast.io에서 내 사이트를 찾을 수 있습니다.


5) index.html을 업로드하십시오 


웹 사이트를 열면 Google 드라이브에 index.html 파일을 업로드하지 않아 오류가 발생할 수 있습니다.


이를 수행하는 두 가지 방법이 있습니다.

  • Google 드라이브를 열고 Fast.io 폴더를 검색 한 다음 웹 사이트 폴더 (내 경우에는 "mygoogledrivewebsite.imfast.io")를 검색하십시오.
  • 4 단계 성공 페이지에서 "See your Google Drive"를 클릭하십시오.

fast-io-google-drive-upload.png 


완료되면 마우스 오른쪽 버튼으로 클릭하고 "파일 업로드"를 선택하십시오. 새 창이 열리고 "index.html"파일을 찾으십시오. 선택하십시오.


fast-io-google-drive.png 


웹 사이트에 변경 사항이 표시되기 전에 잠시 기다리십시오.


6) 축하합니다! 


fast-io-website-demo.png 


모든 친구들에게 말씀을 전하십시오! 귀하의 웹 사이트가 운영 중이며 누구나 볼 수 있습니다!


7) 보너스 


궁금한 모든 것을 구성하려면 대시 보드로 돌아가서 웹 사이트를 클릭하십시오.


웹 사이트를 Google 웹 로그 분석 (방문자 통계)에 연결하고 도메인 이름 (예 : mywebsite.com)을 변경하는 등 다양한 기능을 이용할 수 있습니다!



페이지 정보

조회 108회 ]  작성일20-01-21 11:31

웹학교