일 년 전 · 강병진 님의 새로운 답변
S3와 Cloudfront로 웹사이트 배포 후 ACM으로 커스텀 도메인 설정 과정에서 레코드 생성이 안되는 문제가 발생했습니다.
Gatsby로 만든 개인 블로그를 CloundFront 로 배포했습니다. 아시겠지만 CloundFront 로 배포하면 도메인주소가 지저분하잖아요? 못생기고... 그래서 AWS Certificate manager를 이용해 커스텀 도메인과 https를 적용하려는데 문제가 생겼습니다. us-east-1 리전(버지니아 북부)로 설정하고 인증서 요청을 진행했습니다. 근데 인증서 요청해서 만든 CNAME이 계속 검증 대기중으로 뜹니다... 세부정도 갱신자격도 부적격으로 뜨구요ㅠㅠ Route 53 레코드 생성 버튼을 눌러봐도 레코드생성 버튼이 비활성화 되어있구요... 원인이 뭔지 도무지 모르겠네요ㅠㅠ 도와주시면 정말 감사하겠습니다!
개발자
#aws
#acm
#cicd
#domain
답변 1
댓글 0
조회 103
일 년 전 · 문일윤 님의 새로운 댓글
신입 프론트엔드 개발자 aws배포경험
4학년컴공 마지막학기에 aws사용해서 프로젝트 하는것이 있는데 s3+cloudfront 를 사용해서 진행하기로 했습니다. 제 포트폴리오 스킬란에 aws사용경험을 작성하였을때 큰 이점이 있는지 궁금합니다.
개발자
#프론드엔드
#aws
답변 1
댓글 1
조회 242
일 년 전 · 김인후 님의 새로운 댓글
React Tuborepo 배포는 어떻게 하면 좋을까요?
안녕하세요! 저는 기존 ecs의 블루/그린 배포와 s3 cloudfront cache 배포 등을 이용한 모놀리스 형식의 구조에서 tuborepo, pnpm의 모노레포 환경으로 마이그레이션 중입니다. ECS로 배포한 서비스는 약 2~3개 S3 Cloudfront로 배포된 서비스는 3개 정도 존재하는데요, 이 경우에 보통 어떤 식으로 터보레포 환경에서 배포 ci/cd를 구축하시는 지 궁금합니다. 관련 아티클도 찾아보고 있는데 vercel이나 aws amplify로 구축한 것 제외하고 큰 규모의 서비스에서의 ci/cd에 대한 따로 정보가 없는 것 같아서요. 혹시 위와 같은 구축 경험이 있으신 분 있다면 조언 부탁드립니다...😭
개발자
#react
#monorepo
#cicd
#deploy
#next.js
답변 1
댓글 2
추천해요 1
조회 231
일 년 전 · nowv 님의 새로운 댓글
파일 변환 및 전송에 대한 질문입니다.
영상파일을 서버 - aws s3로 저장하는 로직을 구현중입니다. 서버단에서 영상파일에 대한 편집작업을 한 다음 s3에 원본과 같이 저장시키는 것이 계획이었습니다. 서버에서 ffmpeg, fluent-ffmpeg를 이용한 변환작업은 다음과 같습니다. - 영상 watermark 작업 - hls를 위한 .m3u8파일 변환 작업 - 썸네일 생성 작업(.ts파일의 0초대를 썸네일 및 미리보기로 생성)- 이부분은 테스트중입니다. s3 url을 요청하여 영상파일을 실행시키는 계획을 생각했고 이는 로컬에서 성공했습니다. ec2서버에 배포한다음 위 과정을 실행해보니 변환과정에서 서버단 부하가 너무 심해서 변환하는 시간이 너무길거나 서버가 다운되는 이슈가 생겼습니다. ec2성능 자체를 올리고 업로드 용량 제한도 다시 설정할 계획이나 여전히 많은 유저가 이 기능을 사용할 경우 서버가 견디지 못할 가능성이 있다고 생각합니다. 지금 생각해보고 있는 대안은 두가지입니다. 대안 1: aws mediaConverter를 이용해 변환한다. 1. 원본 영상을 버킷a로 보낸다. 2. 람다 트리거를 이용해 aws mediaConverter로 변환요청을 보낸다. 3. 변환한 영상을 버킷 b에 저장한다. 4. 클라이언트에서 버킷 b에서 cloudFront를 통해 요청한다. 대안 2: 업로드 전용 ec2를 생성하여 따로 변환한다.(처음 계획했던 과정에 ec2를 새로 생성, 성능 고도화하기) mediaConverter의 영상변환에 필요한 작업 생성(또는 작업 프리셋 생성)이 너무 어려웠던 기억이 있어 ffmpeg를 이용할 생각을 하였는데 영상변환에 너무 많은 리소스가 들어간다는 생각을 못했습니다. 영상 변환 및 업로드 작업을 경험해본 분들이 있다면 좋은 공유를 받고싶습니다.
개발자
#aws
#ffmpeg
#mediaconverter
#m3u8
#backend
답변 1
댓글 1
조회 89
일 년 전 · 훈쓰 님의 질문
프론트엔드 모노레포 배포에 대해 궁금합니다 !
안녕하세요 프론트엔드에서 react로 모노레포구조로 운영하고있는데 현재는 통합 s3 1개에 각 프로젝트 빌드파일을 폴더로 구분하여 올리고 각 프로젝트당 1개의 cloudfront를 통해 해당 프로젝트에 접근하는 1:N 관계로 운영중입니다. 이번에 신규프로젝트가 추가되어 작업을해야하는데 앞으로 추가될 프로젝트가 계속 생길거같아서 그때마다 cloudfront를 추가해줘야하는 번거로움이 걱정됩니다... (앞으로 추가될 프로젝트까지하면 거의 react만 6개...) 이러한 모노레포 구조에서 더 좋은 배포방식이 있거나 cloudfront 한개로 운영할수있는 방법이있을까요?? (cloudfront 한개로 시도해봤는데.. 403,404 부분 index.html 이 한개밖에 설정이 안되어 프로젝트들이 제대로 찾지못해 막혔습니다... ㅠ)
개발자
#react
#모노레포
#s3
#cloudfront
#aws
답변 0
댓글 0
조회 83
일 년 전 · 백승훈 님의 새로운 답변
react s3 배포 이슈... 도와주세요 ㅠㅠ
안녕하세요 react를 S3 + Cloudfront를 이용해서 배포하려고합니다 ! 로컬에서는 잘 되고, 빌드해서 S3에 올리면 뒤에 /list , /mypage 같은 url을 추가로 붙이면 페이지가 잘 나오는데 기본 url로 처음 들어가면 빈파일이 자동으로 다운받아지면서 접속이 안되고있습니다.... 어떻게 해야할까요..? ㅠㅜ
개발자
#react
#aws
#s3
#cloudfront
답변 1
댓글 0
조회 68
2년 전 · 손정현 님의 답변 업데이트
cloudflare vs aws
안녕하세요 최근 서버 아키텍처 및 보안에 관심이 생겨 대표적인 서비스인 aws의 다양한 기능들을 맛보기로 구경하고 공부해보고 있습니다. 역시 ec2 같은 기본적인 서비스 외에도 cloudfront, WAF, ACM, event bridge 등 이미 수많은 서비스들이 aws에 모두 존재하더군요.. 그러나 아직 제대로 사용해본적이 없어 있다는 것만 알고 구체적인 비용 정책이나 자세한 사용법은 모르고 넘어간 상태입니다. aws에 다양한 기능들이 있으며 배포 시에 필연적으로 aws를 마주하게 되지만.. 아직 취업을 하지 못하고 사이드 프로젝트만 하는 저는 비용적인 면이 크게 부담이 되었는데요.. 여기서 경제성과 편리성을 고려했을 때 cloudflare의 서비스들이 굉장히 매력적으로 느껴졌습니다. 보안 전문가가 아닌 취준 백엔드 개발자인 제가 몰랐던 보안취약점까지 모두 cloudflare가 관리하며 프리티어에서는 미국 리전이긴 하지만 cdn 서비스까지, 그리고 이 모든 점을 무료로 제공해준다는 점이 말도 안된다고 생각이 들었습니다. 또한, aws s3 대신 cloudflare r2를 사용하면 미친 비용절감이 된다는 영상도 보았는데 실무에서는 다들 aws만 사용하시는 것 같더군요.. (cloudfront+WAF+ACM 등) - s3 - ec2 와 같은 아키텍처를 (cloudflare service) - r2 - ec2로 변경하면 더 나은 보안 및 편리성 그리고 경제성을 챙길 수 있을 것 같은데 이렇게 두지 않는 이유가 있을까요?? 클라우드 서비스의 요금제도 aws와 비교했을때 제공하는 서비스에 비해 저렴한 편이라고 개인적으로 생각되네요.. 아직 잘 모르는 지망생이라 다양한 점들을 고려하지는 못했지만 aws를 사용하는 데는 이유가 있을거라고 생각이 됩니다! 의견 한번씩만 부탁드립니다! +) cdn 서비스는 한국 리전을 사용하려면 엔터프라이즈 요금제를 써야하는데 이게 엄청 비싸다는군요.. 그렇다면 해외 접속도 빈번한 글로벌 서비스라고 고려한다면 위 아키텍처가 이점을 발휘할 수 있을까요?
개발자
#cloudfront
#waf
#aws
#s3
#아키텍처
답변 1
댓글 1
조회 407
2년 전 · 이승현 님의 새로운 답변
Next.js와 SSR관련 질문있습니다 !
Next.js 를 공부하다가 궁금증이 생겨 질문합니다 ! 1. Next.js로 만들어진 프로젝트를 S3 + CloudFront와 같은 정적 웹사이트 형태로 배포시에는 SEO와 같은 SSR의 이점을 볼 수 없고, SSR이 동작을 안하는 걸까요?! 2. 페이지 내에서 useEffect를 이용해 api fetch를 통해 데이터를 가져오는 부분이 CSR형태인가요? getServersideProps를 통해 데이터를 받아오면 혹시 이 방법과 비교했을때 장점이 무엇이 있는지… 궁금합니다 ! 질문이 길지만 고수님들 답변 부탁드립니다😭
개발자
#react
#next.js
#ssr
답변 1
댓글 0
조회 523
2년 전 · 커리어리 AI 봇 님의 새로운 답변
프론트와(react) 와 백(node)로 분리 개발 후 배포
AWS EC2의 SSH 에 백엔드 코드를 클론하여 올리고 필요한 패키지와 모듈들을 다운 받아준 후 프론트는 S3에 올렸습니다. 그 후에 http를 > https로 리다이렉트 해주기 위해 CloudFront를 이용하였습니다. 도메인과 SSL 인증 및 필요한건 다 적용시키고 연결된 도메인 주소로 접속하면 계속 " Mixed Content: The page at 'https://domain.com/‘ was loaded over HTTPS, but requested an insecure resource 'http://ec2.IPv4주소:port/backend API endpoint’. This request has been blocked; the content must be served over HTTPS. “ 이런 오류가 계속 콘솔에 찍혀서 나옵니다..EC2 인바운드 규칙도 정해진 포트와 http, https 포트도 잘 열어 뒀습니다. 혹시 아시는분 계실까요?? ㅠㅠ
개발자
#백엔드개발
#배포
#aws
#프론트엔드
#도와주세요ㅠㅠ
답변 3
댓글 0
추천해요 2
조회 1,395
2년 전 · 커리어리 AI 봇 님의 새로운 답변
React 프로젝트 AWS로 배포하는 방법
안녕하세요 리액트로 프로젝트를 진행하고 있습니다! CI CD 환경을 구축해보고 싶어서 리액트로 만든 프로젝트를 AWS에 올려보려고 합니다 현재까지 진행 상황은 아래와 같습니다 1. 로컬 리액트 앱 - Gitea repository 연동 2. Gitea repository - AWS EC2의 Jenkins (docker) 연동 3. Jenkins 에서 빌드 후 AWS S3로 배포 4. AWS S3 버킷 - AWS Cloudfront 연동 현재 AWS S3로 저장하고 Cloudfront와 연동한 상태입니다. 이 부분에서 질문 드립니다. 1. AWS를 이용한 웹 배포는, S3에 빌드 된 디렉토리를 업로드 하는 행위 자체가 배포인건가요? 그래서 Cloudfront와 연동하여 퍼블릭 IP주소로 다른 사람들이 접속할 수 있게하는 것이 배포인건가요? 2. 위 진행사항처럼 진행하고 Cloudfront의 Url 입력 후 들어가면 빈 화면만 나오고 아무것도 나오지 않습니다. 어떻게 해야할까요? 긴 글 읽어주셔서 감사합니다.
개발자
#react
#aws
답변 1
댓글 0
추천해요 1
보충이 필요해요 1
조회 497
2년 전 · 손정현 님의 새로운 답변
next.js / s3 + cloudfront 새로고침 403 문제... ㅜㅜㅜㅜㅜ
안녕하세요 ! next.js 로 프로젝트를 진행중에 s3 + cloudfront로 배포를 진행하였습니다 ! route53으로 도메인 지정까지 완료되어 무사히 배포된줄알았는데… 첫 index.html 페이지를 제외한 부분에서는 새로고침시 403에러 access denined가 떠서 구글링 해보니까 403 에러시 200코드와 함께 index.html로 보내주는 해결방법이 가장 많더라구요…! 근데 지금 개발중인 서비스가 이메일과 sms로 알림발송시 페이지 링크가 발송되어 저 방법으로 해결시 링크 클릭시 리다이렉트되어 index.html로만 접속되는거같은데…. 따른 해결방법이 더 있을까요? 고수님들의 답변이 시급합니다 … ㅜㅜ
개발자
#next.js
#aws
#s3
#cloudfront
답변 2
댓글 0
추천해요 1
조회 854