Dropbox를 사용하여 간단한 HTML 웹사이트를 호스팅하는 방법

가장 단순한 웹사이트를 호스팅하려면 도메인 이름, 웹 호스팅 공간, 서버, CMS 등과 같은 것에 대해 많이 알아야 합니다. 이것은 특히 이런 종류의 물건을 처음 접하는 사람이라면 문제가 됩니다. 즉, RTT와 같은 복잡한 웹사이트를 호스팅하려면 앞서 말한 모든 내용을 살펴보는 것 외에 다른 방법이 없습니다. 그러나 포트폴리오 사이트나 소규모 비즈니스 사이트와 같이 페이지가 몇 개인 간단한 웹 사이트만 있으면 프로세스가 그렇게 복잡할 필요가 없습니다.

우리 대부분은 Dropbox를 사용하여 파일을 저장하고 공유합니다. 저장 및 공유 뿐만 아니라 Dropbox를 다른 많은 용도로 사용할 수도 있습니다. 그 중 하나는 Dropbox에서 무료로 웹사이트를 호스팅하는 것입니다. 따라서 간단한 웹사이트가 필요한 경우 Dropbox를 사용하여 클릭 몇 번으로 웹사이트를 호스팅하는 방법은 다음과 같습니다.

다음은  Dropbox에서 호스팅 한 데모 웹사이트 입니다.

제한 사항

Dropbox로 웹사이트를 호스팅할 때는 몇 가지 제한 사항을 염두에 두어야 합니다. Dropbox는 클라우드 스토리지 서비스이며 웹 사이트를 호스팅하도록 설계되지 않았기 때문입니다. 다음은 염두에 두어야 할 몇 가지 사항입니다.

  • 여유 공간은 2GB에 불과합니다. 추천으로 늘릴 수 있습니다.
  • 정적 HTML 웹사이트만 호스팅할 수 있습니다. PHP, Java 등을 사용하는 동적 웹사이트는 호스팅할 수 없습니다.
  • 대역폭은 제한되어 있으며 웹사이트가 높은 트래픽을 수신하는 경우 대부분의 경우 사이트가 다운될 수 있습니다.
  • 전용 웹 호스트에서 사이트를 호스팅할 때 얻는 서버 또는 고급 구성에 액세스할 수 없습니다.
  • HTML 파일을 생성하기 위한 시각적 편집기가 없기 때문에 HTML, CSS 및 Markdown 편집에 대한 한두 가지를 알아야 합니다.
  • 사용자 지정 도메인을 호스팅하려면 프리미엄 버전을 선택해야 합니다.

Dropbox를 사용하여 웹사이트 호스팅

Dropbox에서 웹사이트를 호스팅할 수 있는 몇 가지 무료 서비스가 있습니다. 이 특정 자습서에서는 DropPages를 사용하고 있습니다. 무료 계정을 사용하면 저장 공간이 50MB인 DropPages 하위 도메인을 사용할 수 있습니다. 더 높은 스토리지와 함께 자신의 도메인 이름을 사용하려면 프리미엄 플랜에 가입해야 합니다.

시작하려면 DropPages 로 이동한 다음 홈페이지에 나타나는 " 로그인 " 버튼을 클릭하십시오.

위의 작업을 수행하면 Dropbox 인증 화면으로 이동합니다. 여기에서 "허용" 버튼을 클릭하여 DropPages에 권한을 부여하십시오. 걱정하지 마십시오. DropPages는 자체 폴더에 대한 액세스 권한만 갖습니다. Dropbox 계정의 다른 폴더나 파일에는 액세스할 수 없습니다.

필요한 권한을 부여하면 DropPages로 다시 리디렉션됩니다. 여기에서 "새 사이트 만들기" 버튼을 클릭합니다.

그러면 도메인 선택 페이지로 이동합니다. 여기에 example.droppages.com으로 새 도메인 이름을 입력하고 "만들기" 버튼을 클릭합니다. "example"을 자신의 사용자 지정 이름으로 바꾸는 것을 잊지 마십시오. 무료 요금제이므로 사용자 지정 도메인을 추가할 수 없습니다.

그게 다야. Dropbox와 DropPages를 사용하여 웹사이트를 성공적으로 만들었습니다. 생성한 도메인으로 이동하여 새 웹사이트에 액세스할 수 있습니다. 물론 콘텐츠를 추가할 때까지는 많지 않습니다.

DropPages에서 만든 모든 파일은 Dropbox 계정에 저장됩니다. Dropbox 계정을 열고 /Apps/My.DropPages/로 이동하면 도메인 이름이 있는 새 폴더가 표시됩니다.

이 폴더 안에는 세 개의 다른 하위 폴더가 있습니다. 여기 그들이 무엇이며 그들이하는 일입니다.

콘텐츠: 콘텐츠 폴더는 Markdown 언어로 작성된 텍스트 파일을 업로드하는 데 사용됩니다. 그런 다음 이러한 텍스트 파일은 Template 폴더를 사용하여 HTML로 렌더링됩니다. 사이트 콘텐츠를 만들기 위해 Markdown이 있는 텍스트 파일을 특별히 사용할 필요는 없지만 훨씬 쉽게 사용할 수 있습니다.

공개: 이 폴더는 CSS, JS, 이미지와 같은 모든 공개 파일과 PDF, ZIP 파일 등과 같은 다운로드 가능한 콘텐츠를 호스팅합니다.

템플릿: 이 폴더를 사용하여 모든 HTML 파일을 호스팅할 수 있습니다. 이 폴더는 Content 폴더에 있는 텍스트 파일로 HTML 파일을 렌더링하는 역할도 합니다.

새 사이트에 콘텐츠를 추가하려면 HTML 파일을 Templates 폴더에 업로드하고 이미지, CSS 및 JS와 같은 기타 파일을 Public 폴더에 업로드합니다. 모든 것이 올바르게 진행되면 새로운 웹사이트가 즉시 가동될 것입니다.

이제 도메인 이름으로 이동하면 단 두 줄의 텍스트로 레이아웃이 매우 기본적임을 알 수 있습니다. 이미지나 CSS가 없습니다.

콘텐츠 및 공용 폴더에 자신의 HTML 및 CSS 파일을 업로드할 수 있습니다.

또는 DropPages는  3개의 무료 테마 도 제공합니다 . 그 중 아무거나 다운로드하고 콘텐츠를 추출하면 콘텐츠, 공개 및 템플릿의 세 가지 폴더를 찾을 수 있습니다. 이 폴더의 콘텐츠를 Dropbox의 해당 디렉토리에 업로드하기만 하면 다음과 같은 웹사이트가 생성 됩니다 . (상단의 스크린샷 참조).

웹 사이트의 텍스트 및 이미지 항목을 변경하려면 Content 및 Public 폴더를 업데이트하십시오.

원하는 웹사이트를 만드는 데 도움이 되는 몇 가지 무료 HTML 테마가 있습니다. 다음은 좋은 HTML 테마를 시작할 수 있는 좋은 사이트 입니다. HTML 작성 방법을 모르는 경우 이 무료 도구 를 사용하여 HTML 콘텐츠를 작성할 수 있습니다.

또한 최대한 활용하려면 DropPages 설명서 를 읽는 것을 잊지 마십시오 .

즉, 웹 사이트에 대해 진지한 경우 적절한 도메인 이름을 사용하여 적절한 웹 호스트에서 호스팅하는 것이 좋습니다. 다음 비디오 는 10분 미만의 WordPress로 전문적인 웹사이트를 만드는 데 도움이 될 것입니다 .

위의 방법을 사용하여 Dropbox를 사용하여 웹 사이트를 호스팅하는 것에 대한 생각과 경험을 공유하는 데 도움이 되기를 바랍니다.


Google 검색을 더 효과적으로 사용하기 위한 10가지 팁과 요령

Google 검색을 더 효과적으로 사용하기 위한 10가지 팁과 요령

우리는 모두 Google과 Google의 가장 유명한 제품인 Google 검색에 대해 들어봤을 것입니다. 우리 대부분은 아마도 매일 사용하기도 합니다. 하지만 강력한 검색 엔진을 최대한 활용하고 있습니까?

독특한 방식으로 링크를 저장하는 5가지 전문 책갈피 앱

독특한 방식으로 링크를 저장하는 5가지 전문 책갈피 앱

인터넷은 제공할 것이 많으며 미래를 위해 모든 것을 저장하고 싶을 것입니다. 개인 정보를 원하거나 링크를 저장한 이유를 기억하는 방법에 관계없이 이러한 앱은 북마크 사용 방법을 변경할 수 있습니다.

YouTube에서 개인 정보를 보호하고 Google에서 사용자를 추적하지 못하게 하는 5가지 앱

YouTube에서 개인 정보를 보호하고 Google에서 사용자를 추적하지 못하게 하는 5가지 앱

YouTube는 지구상에서 가장 큰 무료 동영상 스트리밍 서비스입니다. 그러나 당신은 당신의 사생활과 함께 대가를 치러야 합니다. 다행스럽게도 YouTube를 보다 비공개적이고 안전하게 만들거나 유사한 기능을 가진 대안을 사용하는 앱이 있습니다.

어린이들이 즐거운 축제를 즐길 수 있는 5가지 무료 크리스마스 앱

어린이들이 즐거운 축제를 즐길 수 있는 5가지 무료 크리스마스 앱

아이들은 즐겁고 행복한 크리스마스를 보낼 자격이 있지 않습니까? 앱, 게임, 인터랙티브 웹사이트를 통해 아이들을 위한 크리스마스 기쁨을 불러일으키는 무료 방법을 시도해 보세요.

SEO를 배우기 위한 6가지 최고의 웹사이트

SEO를 배우기 위한 6가지 최고의 웹사이트

이제 모든 것이 온라인 상태가 되면서 콘텐츠 마케팅이 중요해졌습니다. 무언가를 게시할 때 강력한 SEO 전략으로 백업할 수 없다면 훌륭한 콘텐츠를 보유하는 것만으로는 더 이상 충분하지 않습니다.

Google 리뷰를 삭제하는 방법

Google 리뷰를 삭제하는 방법

최고 수준의 서비스를 제공하기 위해 아무리 노력해도 모든 고객을 만족시킬 수는 없습니다. 몇 가지 나쁜 리뷰라도 잠재 고객이 귀하에게 비즈니스를 제공하는 것을 막을 수 있습니다.

구글 크롬 로그아웃? 문제를 해결하는 방법은 다음과 같습니다.

구글 크롬 로그아웃? 문제를 해결하는 방법은 다음과 같습니다.

Chrome 브라우저를 열 때마다 자격 증명을 다시 입력해야 하는 것이 번거롭지 않습니까? 틀림없이. Chrome은 속도, 단순성 및 유용성으로 유명하지만 특정 버그가 발생할 수 있습니다.

5분 이내에 Google에서 내 사진을 제거하는 방법

5분 이내에 Google에서 내 사진을 제거하는 방법

최근에 Google 검색에 나타나는 불쾌한 이미지를 발견한 경우 Google에서 해당 이미지를 제거하는 방법은 다음과 같습니다.

Facebook 비밀번호를 확인하는 방법

Facebook 비밀번호를 확인하는 방법

페이스북 비밀번호를 잊어버리고 반복해서 재설정하는 경우가 많습니까? 자, 여기에서 Facebook 비밀번호를 쉽게 확인하는 방법이 있습니다!

Android 사용자를 위한 7가지 최고의 무료 GarageBand 대안

Android 사용자를 위한 7가지 최고의 무료 GarageBand 대안

몇 가지 간단한 단계로 음악을 만들 수 있는 Android용 GarageBand 대안을 찾고 계십니까? 다음은 7가지 옵션에 대한 자세한 내용입니다.