기존에 프로젝트를 간단하게 배포하기 위해 netlify나 heroku와 같은 서비스를 이용하였다. 나의 블로그 프로젝트 또한 heroku를 통해 배포를 했다만 heroku 서비스가 유로화되면서 새로운 배포 방법을 찾아야했다. netlify나 heroku와 같이 간단
ec2 환경에서 리액트 프로젝트 빌드시 시간이 오래 걸리는 이슈가 발생하여 이를 해결하고 이슈 상황과 해결 방법을 로깅해보려한다.ec2 프리티어 t2.micro를 사용할 경우간단한 프로젝트가 아닌 조금이라도 규모가 있는 프로젝트라면 ec2 인스턴스 환경에서 빌드시 오랜
기존에 있던 잘 접속이 되었던 ec2 인스턴스에 접속하려하니 다음과 같은 경고가 뜨면서 접속할 수 없었다.에러 메시지에 답이 나와있었다.Permissions for pem key are too open즉, pem key에 대한 권한이 너무 열려있기 때문에 권한을 좁혀주
간단한 토이 프로젝트 중 이미지 로딩 속도가 느린 이슈가 있어 이에 대해 로깅해보려한다.나의 경우 다음과 같이 이미지 파일을 로컬 public 폴더에 저장해놓았기 때문에 이미지가 있는 페이지에 들어갔을 때에 배포한 서버로부터 이미지를 받아온다.다음과 같이 버튼을 누를
이번에는 aws 서비스인 s3와 cloudfront를 활용하여 정적 웹을 배포하는 방법을 살펴보겠다.우선 s3와 cloudfront가 무엇인지 살펴보자.그렇다면 이제 s3와 cloudfront를 활용하여 배포를 시작해보자.나는 기존의 토이 프로젝트를 netilfy로 배
aws 프리티어 서비스는 ec2 서버 이용 시간을 750시간으로 무료제공해준다.그 이후에는 과금이 되기 때문에 무료 제공 시간을 아껴 쓰기 위해 나의 프로젝트 인스턴스를 중지해놓았다.하지만 인스턴스를 다시 시작하려하니 접속이 되지 않았다.😲무엇이 문제인지 하나하나 살
회사에서 프론트엔드 프로젝트는 리액트나 nextjs 프로젝트로 진행하고 있는데 항상 백엔드 개발자분들이 자동배포 구성을 해주셨다. 백엔드 개발자분들이 aws 관련해서 rdb,ec2,s3 등 셋팅을 해주시고 계셔서 자연스럽게 그렇게 된 것 같다. 하지만 찾아보니
신규 프로젝트를 구상중이고 개발 들어가기전에 서버 셋팅부터 하려고 한다.프론트는 nextjs로 구성하고 백엔드는 spring boot,DB는 postgresql을 사용할 예정이다.프론트부터 개발 환경 셋팅을 해보려한다.이전에 aws amplify를 통해 배포를 하였지만
nextjs 프로젝트를 ec2에 배포하였고 nginx를 웹 서버로 사용하였다.여러 페이지를 구성하였고 이미지 파일들을 프로젝트 최상단 public 디렉터리에 생성하여 관리하였다.로컬에서는 페이지들이 잘 나타났는데 배포 후 확인해보면 왠걸 메인페이지를 제외한 페이지는 다