본문 바로가기

svelte5

[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.
[STS][eclipse] SpringBoot에 ansi콘솔로 인한 렉/ 콘솔 렉 STS에서 SpringBoot로 개발할 때 아래와 같이 ANSI 콘솔을 이용해 로그레벨 별로 색상을 넣어준다. 매우 편리하고 좋은 기능이지만 왠지모르게 자꾸 렉이 발생한다. STS 테마를 다크로 했을 때만 콘솔을 스크롤할 때 오류가 나는 것 같고 기본 테마를 이용하면 렉 없이 이용할 수 있는 듯. 하지만 나는 다크를 무적권 사용하고 싶다!!! 굳이 콘솔이 알록달록할 필요는 없는 것 같다 그땐 Boot Dashboard에서 프로젝트를 우클릭 -> Open Config -> 아래와같이 ANSI console output의 체크를 해제해준다 이제 콘솔 색상은 검은 배경에 흰색으로 통일되지만 다크테마로 렉 없이 사용할 수 있다 2021. 7. 30.