메로그

AWS Elastic Beanstalk 은 코드만 올리면 알아서 npm install, npm run start, 도메인 연결 등을 자동으로 해줍니다.버전 관리도 해주며, 신경 쓸거는 코드를 업로드하는 것만 신경써주면 됩니다.IAM 생성배포할라면 IAM 을 무조건 만들어줘야 합니다. 배포할라면 무조건 만들어줘야하니 그냥 일단 만들어봅시다.IAM 을 검색해서 역할 > 역할 생성을 눌러줍니다. 1단계 - 신뢰할 수 있는 엔티티: AWS 서비스, 사용사례는 EC22단계 - 권한 추가에서 다음 3개를 추가해줍시다. (AWSElasticBeanstalkWebTier, AWSElasticBeanstalkWorkerTier, AWSElasticBeanstalkMulticontainerDocker) 3단계 - 의미있는..

이미지 최적화 PC, Mobile 에서 작업을 하다보면 이미지 크기로 인해 웹페이지 성능이 안 좋아지는 경우가 있다. 웹페이지 성능개선을 하다보면 LightHouse 를 사용하게 되는데 여기서 png, jpeg, jpg 등의 이미지 확장자를 사용하는 경우, webp 로 변경해서 최적화하라는 해결방안을 볼 수 있을 것이다. Webp Webp 는 구글이 만든 이미지 포맷으로 png, jpeg 보다 더 나은 압축을 제공하여 품질은 같지만, 크기를 더 작게 저장할 수 있다. 설계 기존은 클라이언트에서 이미지를 업로드하면 CDN 을 걸쳐서 S3 에 이미지를 업로드 하고, 사용시에는 S3 에 저장된 이미지를 불러서 사용하는 방식을 이용하고 있었다. 여기에 Lamda@edge 를 이용해서 cdn 에 왔을시 리사이징한..