Netlify에서 무료로 초고속 웹사이트를 호스팅하는 방법

잼 스택 사이트는 정적 파일을 제공하기 때문에 매우 빠릅니다. 전체적으로 CPU와 서버 리소스를 매우 적게 사용하기 때문에 Netlify와 같은 플랫폼은 무료이면서도 양질의 호스팅을 제공할 수 있습니다.

Netlify는 클라우드 컴퓨팅 환경입니다. 하지만 AWS와 Google Cloud와 같은 다른 클라우드 플랫폼과 달리 Netlify는 간단하고 사용하기 쉽습니다. 복잡한 튜토리얼도 없고 긴 설정도 없습니다.

Netlify 서비스는 클라우드 컴퓨팅, Jamstack, Git 저장소, 프리미엄 가격 등 다양한 장점을 하나의 서비스로 결합하여 여러분의 삶을 최대한 편리하게 만드는 것을 목표로 합니다.

차례 숨기기

Netlify & Jamstack

Netlify를 사용해야 하는 이유

계정 및 가격

Netlify에서 무료로 웹사이트를 호스팅하는 방법

맺음말

Netlify & Jamstack

Netlify는 오랫동안 Jamstack 운동에 참여해 왔으며, 이 현대적 웹 디자인 방법의 성장에 기여한 가장 오래되고 최고의 플랫폼 중 하나입니다.

Jamstack 운동은 JavaScript, API, Markup을 결합하여 백엔드와 차별화된 프런트엔드 개발 방법론을 만듭니다. 이를 통해 더 나은 서버 성능, 더 나은 보안, 더 쉬운 확장 및 더 저렴한 운영 비용이 발생합니다.

예를 들어, GitHub은 처음에는 플랫폼에 호스팅된 파일에 대한 웹 호스팅을 제공했지만, 이 서비스에는 한계가 있었습니다. 그런 다음 Netlify는 저장소에서 웹사이트 코드를 빌드하고 정적 변형을 호스팅하는 것을 완전히 새로운 수준으로 끌어올렸습니다. 그리고 이것은 많은 이점이 있는 완전히 새로운 산업을 만들어냈습니다.

Netlify를 사용해야 하는 이유

Netlify는 많은 일을 하기 때문에 많은 것을 의미합니다. 많은 기능을 단일 서비스로 결합하고 가능한 한 많은 것을 자동화함으로써 이 플랫폼은 모든 규모의 기업에 큰 이점을 제공합니다.

Netlify에서 얻을 수 있는 주요 장점은 다음과 같습니다.

사용의 용이성 – Netlify는 가장 사용하기 쉬운 클라우드 호스팅 플랫폼 중 하나입니다. 길고 혼란스러운 튜토리얼을 읽을 필요가 없습니다. 따라야 할 복잡한 설정 단계나 더 복잡한 유지 관리 루틴도 없습니다. Netlify는 그냥 작동합니다.

이 모든 것 외에도 이 시스템은 다른 클라우드 환경과 마찬가지로 탄력적인 컴퓨팅 기능을 제공합니다. 이를 통해 적절한 때가 되면 귀하의 웹사이트나 서비스가 트래픽 급증을 처리할 수 있도록 우아하게 확장되어 일반적인 백엔드 병목 현상 없이 처리됩니다.
콘텐츠 배포 네트워크 – Netlify 서비스는 단순성과 사용 편의성의 일환으로 Netlify Edge라는 콘텐츠 배포 네트워크를 포함합니다. 이는 여러 위치에 웹 페이지를 배포하여 근처 방문자에게 가능한 한 빨리 제공합니다.

이 서비스의 가장 좋은 점은 최상의 결과를 얻기 위해 설정을 조정하고 구성할 필요가 없다는 것입니다. 사이트를 배포하면 모든 웹 자산과 코드를 한 번에 업데이트할 수 있습니다. 모든 캐시는 즉시 무효화되고 전 세계적으로 업데이트됩니다. 또한 사이트를 이전 빌드로 쉽고 즉시 롤백할 수도 있습니다.

Netlify는 이 대부분을 자동으로 관리합니다. 유일한 차이점은 무료 플랜에는 몇 가지 제한이 있기 때문에 제공되는 서비스와 엣지 위치의 수입니다.
무료 플랜 – Netlify는 프리미엄 소프트웨어 즉 서비스 플랫폼입니다. 하지만 다른 클라우드 컴퓨팅 플랫폼과 달리 무료 계정은 완전히 무료입니다. 신용 카드가 필요하지 않습니다.

그래도 이 무료 플랜에는 많은 인상적인 기능이 포함되어 있습니다. 자동화된 Git 빌드, 엣지 네트워크 배포, 이전 버전으로의 즉각적인 롤백, 배포 전 라이브 미리보기, 무료 서버리스 기능 등이 있습니다.
자동화 된 빌드 – Netlify Build도 무료로 제공됩니다. 이 CI/CD(Continuous Integration/Continuous Deployment)를 사용하면 사이트 개발 및 개선 사항을 쉽게 관리할 수 있습니다. Git 계정에 새 업데이트를 푸시할 때마다 리포지토리에서 자동으로 재구축됩니다.

모든 것이 완전 자동화되어 있으며, 배포할 내용을 알려주는 미리보기가 제공됩니다. 또한 프로세스의 각 단계를 구성할 수 있으며 이전 빌드로의 롤백이 간편합니다.
Netlify 기능 – Netlify 플랫폼에 배포하는 각 사이트에는 다양한 용도로 사용할 수 있는 서버리스 함수에 대한 액세스가 제공됩니다. 이러한 Netlify 함수는 JavaScript 코드에서 실행되는 서버 측 프로세스입니다.

각 사이트는 125K 호출을 무료로 받고 해당 할당량을 초과할 때만 비용을 지불하면 됩니다. 이미지 처리, 이메일 전송, 사용자 입력 검증, 심지어 다른 API 엔드포인트에서 데이터 가져오기에 함수를 사용할 수 있습니다.
자동 양식 – Netlify를 사용하면 정적 사이트에 양식을 쉽게 통합하고 광범위한 코딩이나 기타 스트레스가 많은 문제 없이 모든 제출물을 캡처할 수 있습니다. 양식에 'netlify' 속성을 추가하기만 하면 됩니다. … 그리고 그게 다예요.

그런 다음 대시보드에서 모든 제출물을 볼 수 있으며, 양식은 이름별로 신중하게 정리되어 있습니다. 이 시스템에는 스팸 방지 기능이 있으며 Netlify는 제출물이 있으면 이메일, Slack 또는 웹훅을 통해 추가로 알릴 수 있습니다.

다른 옵션으로는 Netlify의 Zapier 통합을 사용하여 제출된 양식을 1,000개 이상의 애플리케이션에 전달하는 것이 있습니다.
넷리파이CMS – NetlifyCMS 앱은 GitHub와 같은 Git 공급자를 통해 Netlify 플랫폼에서 호스팅되는 모든 정적 사이트에 편리한 편집기입니다. 저장소에서 모든 데이터를 가져와 사용하기 쉬운 관리 인터페이스를 만듭니다.

NetlifyCMS는 100명이 넘는 기여자 커뮤니티가 만든 단일 페이지 React 앱입니다. 편집하기 쉽고, 직관적인 워크플로를 제공하며, 완전 무료이며, Jamstack 사이트 관리를 즐겁게 만듭니다.
무료 HTTPS – 모든 Netlify 호스팅 계정에는 무료 HTTPS가 포함됩니다. 즉, 무료 SSL(Secure Socket Layer) 인증서입니다.

계정 및 가격

Netlify는 프리미엄 소프트웨어 서비스입니다. 완전 무료인 Starter 플랜, 멤버당 월 $19인 Pro 플랜, 멤버당 월 $99인 Business 플랜, 그리고 사용자 지정 가격이 적용된 Enterprise 플랜이 있습니다.

Netlify의 인상적인 점은 무료 Starter 플랜으로 많은 것을 할 수 있다는 것입니다. 개인 프로젝트, 실험, 취미 사이트 및 기타 모험을 위해 설계된 Starter 플랜에는 매월 300분의 무료 빌드 시간이 포함된 자동 빌드가 포함되어 있습니다.

또한 글로벌 엣지 배포, 즉시 롤백, NetlifyCMS, 서버리스 기능, 월 100GB 대역폭, 사이트당 월 최대 100개의 무료 양식 제출이 포함됩니다. 게다가 Starter 플랜에서 무제한의 사이트를 호스팅할 수 있습니다.

Pro 플랜은 암호로 보호된 사이트, 백그라운드 기능, 더 많은 빌드 분 및 대역폭과 같은 더 많은 기능을 추가하며, 그 외에도 많은 기능이 있습니다. 이러한 추가 기능은 상위 플랜으로 갈수록 증가합니다.

Netlify에서 무료로 웹사이트를 호스팅하는 방법

Netlify는 단순성 면에서 AWS, Google Cloud, Azure와 같은 다른 클라우드 컴퓨팅 및 호스팅 회사를 능가합니다. 그렇습니다. 그들은 더 많은 인프라, 더 강력한 머신, 전 세계에 데이터 센터를 보유하고 있지만, 그들의 설정은 지루할 수 있습니다.

다음은 Netlify에 Jamstack 사이트를 호스팅하는 것이 얼마나 쉬운지 보여주는 단계별 설정 프로세스입니다.

1. 가입 및 로그인

첫 번째 단계는 탐색하는 것입니다 앱.넷리파이닷컴 아직 가입하지 않았다면 가입하세요. 다섯 가지 다른 로그인 방법이 표시됩니다. GitHub의 에 GitLab, 비트 버켓, 이메일 및 SSO.

가입 후, Netlify에서 온 확인 메일을 찾으려면 이메일 계정에 로그인해야 합니다. 클릭하여 계정을 확인하고 시스템에 로그인하세요.

2. 새로운 사이트 추가

앱이 로드되는 데 몇 초가 걸립니다. 그런 다음 팀 이름 등이 포함된 짧은 설문지가 표시됩니다. 모든 것을 정직하게 작성하세요. 하지만 무료 플랜에는 한 명의 멤버만 포함된다는 점을 기억하세요. 바로 당신입니다.

해당 단계를 거치면 기본 대시보드에 도착하게 됩니다. "Git에서 새 사이트"를 클릭하여 새 사이트를 호스팅합니다. 또는 정적 파일이 들어 있는 폴더를 대시보드의 표시된 영역으로 끌어서 놓을 수도 있으며 Netlify가 나머지를 처리합니다.

3. GitHub 링크

위의 2단계에서 버튼을 클릭하면 새 창이 열리고, 새 사이트를 GitHub 또는 GitLab 및 Bitbucket과 같은 다른 Git 저장소에 연결하라는 메시지가 표시됩니다. 이 시점에서 등록된 Git 계정이 있는지, 사이트 파일이 이미 저장소에 있는지 확인하세요.

4. Netlify 권한 부여

이제 GitHub 계정에 Netlify가 접근할 수 있도록 허용해 달라고 GitHub에 요청하면 모든 것이 완료됩니다.

5. 저장소 선택

각 표준 Netlify 사이트는 단일 저장소에 연결됩니다. 사용하고 싶은 것을 선택하고 계속 진행하세요.

6. 빌드 설정 구성

이 페이지에 약간 주의를 기울여야 합니다. 이미 정적 사이트가 있고 사전 프로세서를 사용하지 않는 경우 게시 디렉토리를 "/"로 설정할 수 있습니다. 그리고 빌드 명령 필드는 비워 두세요.

반면 Gatsby나 Next와 같은 정적 사이트 생성기를 사용하는 경우 여기에 입력하는 내용은 생성기에 따라 달라집니다. 이 목록을 확인할 수 있습니다. 일반적인 구성무엇을 입력해야 할지 알아보세요.

7. 빌드 및 배포

모든 것이 설정되면 "사이트 배포"를 클릭하면 Netlify가 필요한 모든 빌드를 실행하고 반짝이는 새 웹사이트를 만듭니다. 조금만 인내심을 가지세요.

8. 도메인 이름 설정

사이트를 빌드하고 배포한 후 Netlify는 *.netlify.app 도메인에 이름을 지정합니다. 나중에 이 이름을 더 멋진 이름으로 변경하거나 사이트에 사용자 지정 도메인을 첨부할 수도 있습니다.

Netlify를 사용하면 다른 곳에서 구매한 사용자 지정 도메인을 첨부하거나 Netlify 대시보드를 통해 도메인을 구매할 수 있습니다. 그리고 시스템이 모든 것을 처리합니다. 대시보드에서 도메인 탭을 클릭하여 새 사이트에 새 도메인을 추가하거나 등록하기만 하면 됩니다.