profile
디자인하는 프론트개발자
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [4/4]

여기까지 오셨다면 CloudFront를 통해서 SSL 인증서가 붙은 S3 버킷 정적 호스팅의 배포 설정이 준비된 상태입니다. 마지막으로 도메인을 배포 설정에 연결해 주면 목표를 이룰 수 있습니다. 마지막은 쉬워요!Route53으로 대시보드에서 사용할 도메인 이름을 눌러

약 13시간 전
·
1개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [3/4]

이제 S3에서 정적 호스팅하고 있는 페이지를 CloudFront를 통해 뿌려줄 차례입니다. 지역에 상관없이 원활하게 컨텐츠를 제공하고, ACM에서 만든 SSL 인증서를 붙이기 위해서 하는 작업이랍니다.CloudFront는 AWS에서 제공하는 CDN(Contents De

약 13시간 전
·
0개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [2/4]

이제 우리의 소중한🥰 프로젝트에 맘에 드는 도메인을 연결하기 위해, 구매해 둔 도메인을 ACM(Amazon Certification Manager)를 통해 AWS에서 사용할 수 있도록 셋업 할 차례에요!연결하고 싶은 도메인이 있다면 해당 도메인을 구매하여야 합니다.

약 13시간 전
·
0개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [1/4]

프로젝트 구현 및 배포용 빌드본인이 배포하고 싶은 프로젝트를 준비합니다. 프로젝트 자체의 구현은 본 글에서 다루는 내용이 아니므로 배포를 위한 빌드가 완료되었다고 가정하고 넘어가겠습니다.처음 배포해 보는 뷰린이를 위한 사족!프로젝트 루트에서 yarn build나 npm

약 13시간 전
·
0개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [Intro]

아직 AWS에 익숙하지 않은 프론트엔드 개발자가처음부터 차근차근 따라해서자신이 소유한 도메인에 https를 붙여 배포하는과정을 상세히 작성한 시리즈입니다.

약 14시간 전
·
0개의 댓글
post-thumbnail

Vue.js와 AWS Lambda, Nodemailer 로 이메일 전송 폼 만들기

무엇에 대해 다루나요? 이 글을 읽고 나면 온라인에서 폼을 작성해서 submit하면 메일로 도착하는 컴포넌트를 개발하는 과정과 방법에 대해서 알게 됩니다. 서버리스 구축하는 내용은 Vue.js에 무관하게 다른 프로젝트에도 사용하실 수 있습니다.

2020년 3월 19일
·
0개의 댓글
post-thumbnail

Debounce와 Throttle: 효과적으로 이벤트 핸들링하기

Debounce와 Throttle은 자바스크립트 이벤트를 (양적인 측면에서) 효율적으로 처리하기 위한 방법입니다. 이러한 컨트롤이 필요한 경우의 예를 들기 위해, 이전에 만들었던 페이지를 가져와 보겠습니다. 예전에 만든 회사 홈페이지 직접 개발한 가로 스크롤형 홈페이지

2020년 3월 19일
·
0개의 댓글
post-thumbnail

Anime.js 사용하기

Vue.js 프로젝트에서 애니메이션의 손쉬운 구현을 위해 Pure JavaScript Library인 Anime.js 라이브러리를 사용하는 방법에 대해서 알아봅니다. 다양한 기능이 있지만 단일 DOM 객체를 움직이는 기능을 중점적으로 서술하였습니다.

2020년 3월 19일
·
0개의 댓글
post-thumbnail

Vue3 변경점 정리: 무엇이 바뀌나요?

해당 글은 레퍼런스에 작성된 몇 개의 원문에서 중요한 내용들을 바탕으로 작성한 글입니다. Vue3 의 베타버전으로 어플리케이션을 제작해 보고 싶은 경우, 튜토리얼에 소개된 셋업을 따라 시작해볼 수 있습니다.

2020년 3월 19일
·
2개의 댓글