S33 [Svelte 앱 S3, CloudFront에 배포하기] 3. CloudFront 연결하기 [Svelte 앱 S3, CloudFront에 배포하기] 2. S3 버킷에 배포하기 cloned sveltejs/template#HEAD to my-project $ ls my-project 2. svelte te.." data-og-host="12teamtoday.tistory.com" data-og-source-url="https://12teamtoday.tistory.com/136" data-og-url="https://12tea.. 12teamtoday.tistory.com 이번엔 지난번에 생성한 S3버킷과 CloudFront를 연결해보겠습니다. 그 전에 CloudFront는 무엇이냐 - AWS에서 제공하는 CDN(Content Delivery Network) 서비스입니다. - 전세계 AWS 리전.. 2021. 8. 23. [Svelte 앱 S3, CloudFront에 배포하기] 2. S3 버킷에 배포하기 [Svelte 앱 S3, CloudFront에 배포하기] 1. Svelte 앱 띄워보기 1. 먼저 svelte 프로젝트를 생성합니다. $ npx degit sveltejs/template my-project npx: 1개의 패키지를 1.99초만에 설치했습니다. > cloned sveltejs/template#HEAD to my-project $ ls my-project 2. svelte te.. 12teamtoday.tistory.com 우리의 목표는 우리가 만든 svelte 앱을 S3에서 웹사이트로 호스팅하는 것입니다. S3에서 웹사이트를 호스팅했을 때 이점은 무엇일까요? - S3버킷이 자동으로 확대되고 축소되기 때문에 스토리지의 저장공간을 미리 계산할 필요가 없습니다. - 서버를 따로 설치하지 않아도.. 2021. 8. 23. [Svelte 앱 S3, CloudFront에 배포하기] 1. Svelte 앱 띄워보기 1. 먼저 svelte 프로젝트를 생성합니다. $ npx degit sveltejs/template my-project npx: 1개의 패키지를 1.99초만에 설치했습니다. > cloned sveltejs/template#HEAD to my-project $ ls my-project 2. svelte template을 클론해오면 아래와 같은 프로젝트 구조가 만들어집니다. 3. npm install을 해줍니다. $ npm install 4. 앱을 실행시킵니다. $ npm run dev ... ... Your application is ready~! 🚀 - Local: http://localhost:5000 - Network: Add `--host` to expose ────────────────── LOG.. 2021. 8. 23. 이전 1 다음
