AWS

근래의 대부분의 웹앱의 경우 동적인 방식이 많지만 전통적으로 단일페이지와 같은 랜딩페이지류의 원페이지 형태는 화면의 내용이 바뀔 일이 없는 정적인 방식이 다수다. Next.js를 통해 ssg방식의 정적 웹사이트를 AWS에 배포해서 캐싱을 위해 클라우드프론트를 적용하고 가비아와 같은 서비스에서 원하는 도메인을 구매해서 Route53에 적용하기 까지 기억이 휘발되지 않도록 기록을 남겨보려한다. 1. Next.js 정적사이트로 앱 빌드(SSG) https://nextjs.org/docs/pages/building-your-application/rendering/static-site-generation Rendering: Static Site Generation (SSG) | Next.js Using Pages..

Next(SSR) 어디에 어떻게 배포하는 게 좋을까? 회사에서 대외 홍보용 웹사이트가 필요해서 랜딩페이지가 필요한 상황이었다. Next13 App Router버전 SSR방식이 적용된 프로젝트 배포과정에서 겪은 이슈를 공유하고자 한다. 우선 기존 배포방식 에서 다른 배포방식을 고려한 2가지 이유가 있었다. Next.js 프레임워크의 전환으로 인한 호스팅 환경 전환 필요 기존 클라이언트 Web Application은 S3에 정적웹호스팅 되어있고, AWS Cloudfront로 캐싱을 적용해 서비스를 제공하고 있다. 새로운 next프로젝트를 기존과 같이 S3에 배포하면 빌드된 파일이기 때문에 동적으로 구성되는 SSR이 적용되지 않는다. Image optimization 넥스트에서 제공하는 이미지컴포넌트는 다양한..

URGENT Action Required - Your certificate renewal 회사에서 운영 중인 AWS계정에 긴급히 처리해줄것을 권고하는 메일을 한통 받았다. 자꾸 처리안하니까 urgent로 왔다(사실 받은지 좀 되었는데 방관하고 있다가 황급히 문제를 살펴봤다..) 왜 자동갱신이 되지 않았는가? 메일에서는 AWS Certificate Manager(ACM)에서 보유한 SSL/TLS 인증서가 만료일이 되기전에 갱신 작업을 수행해야 하는데 갱신이 되지 않는다고 했다. 만약 인증서가 갱신되지 않고 현재 인증서가 만료될 경우 관련 인증서를 사용 중인 애플리케이션이 동작하지 않을 수 있다는 내용이었다. 현재 사내 DNS는 AWS Route53에서 관리중이다, 이메일에 언급된 도메인에 대한 CNAME ..

DynamoDB? DynamoDB는 Amazon Web Services(AWS)에서 제공하는 NoSQL 데이터베이스 서비스입니다. 방대한 양의 읽기 및 쓰기 처리량을 처리하도록 설계된 완전 관리형의 빠르고 유연한 데이터베이스 서비스로. 기존 RDBMS와 달리 DynamoDB는 데이터를 분산 방식으로 저장하므로 수평 확장이 가능합니다. 이번 글의 주제는 사용자의 요청에 따라 대량의 데이터를 필터링하여 가져오는 방식이 필요한 경우이므로 DynamoDB의 Scan과 Query 두 가지 방식에 대해 다루려 합니다. DynamoDB의 Scan? DynamoDB의 Scan은 테이블 또는 보조 인덱스에서 모든 항목을 검색하는 데 사용됩니다. Scan은 테이블의 모든 데이터를 반환하므로 특히 테이블의 데이터가 많을 경..

aws 관련 학습량이 점점 늘어남에 따라 학습한 내용을 정리하려함. 개요 풀스택 앱 구축을 위한 개발환경으로 기존 Amplify 백엔드 구축기능을 기반으로 빠르게 UI개발을 만들수 있도록 도와주는 서비스로 현재 개발중인 서비스를 스튜디오로 얼마나 빠르게 구축할수 있는지 테스트시도중 Amplify Studio Amplify Studio의 UI Library 기능이 최근 AWS re-invent에서 소개되었고. 이 UI Library를 통해 피그마 (Figma)디자인을 리액트 컴포넌트 코드로 변환가능. AWS Amplify CLI 설치 Amplify CLI를 글로벌 설치. (글로벌 설치란 패키지 안에서만 사용하는 것이 아닌 컴퓨터 안에 설치해서 언제든 사용가능) $ npm install -g @aws-amp..