React + API Server 프로젝트 개발과 배포 (CI/CD)대시보드

https 를 위한 인증서 설정시 에러LetsEncrypt 에서 무료로 인증서를 등록 할 때 에러가 발생합니다.window 사용node.js 18.16.0 사용 도메인 xxxx.net 사용# sudo su - # yum -y install yum-utils까지는 정상적으로 다운로드 되었는데요# yum-config-manager --enable rhui-REGION-rhel-server-extras rhui-REGION-rhel-server-optional부터는 에러가 뜹니다... 이유가 무엇일까요?ㅠㅠ 

vite 사용 안하고 CRA 프론트 백 분리시켜서 하고있는데 질문있습니다.백엔드 서버에 그냥 node만 받아서 올려놨는데swagger options에 routes 디렉토리가 없으면 어떻게 작성하죠?루트에 index.js를 api 로 사용하는데 그럼 apis: ["./index.js"]이렇게 넣으면 될까요?그리고 swagger 사용에 router 폴더 없이 사용하려고 하는데, 어떻게 해야 스웨거로 넘어가죠??이미 api들은 다 작성한 상태구요

mac m1 13.5.2, 노드 16에서 실습중입니다.certbot --nginx 명령어로 https 인증서 받으려고 하니 다음 에러가 발생했습니다.Challenge failed for domain *.nethttp-01 challenge for *.netCleaning up challengesSome challenges have failed.IMPORTANT NOTES:- The following errors were reported by the server:Domain: *.netType: unauthorizedDetail: 3.81.220.22: Invalid response from http://*.net/.well-known/acme-challenge/zCeVncU7_89k2mWJb8q8Qn0dc0T7cim7JwepOBi8zVw: 404To fix these errors, please make sure that your domain name was entered correctly and the DNS A/AAAA record(s) for that domain contain(s) the right IP address.80포트 켜져있고/etc/nginx/nginx.conf에 도메인 제대로 설정되어있고nslookup *.net 명령어로 IP주소(3.81.220.22)가 동일하게 나오는 것까지 확인했습니다. 제가 어느 부분을 놓치고 있는지 키워드라도 궁금합니다ㅠㅜ

binggo.me 라는 도메인으로 작업하는 중인데요, 리액트 라우트는 아래와 같이 작성이 되어있습니다. return ( <BrowserRouter> <Routes> <Route element={<App />}> <Route path="/" element={<Navigate replace={true} to="/home" />} /> <Route path="home" element={<UserHomePage />} /> <Route path="challenge/new" element={<MakeChallengePage />} /> <Route path="bingos/:bingoId" element={<BingoPage />} /> <Route path="challenge/:challengeId" element={<ChallengePage />} /> </Route> <Route path="*" element={<NotFoundPage />} /> </Routes> </BrowserRouter> ); '/'로 접근하면 '/home'로 리디렉션은 잘 되는데, '/home'로 바로 접근할 때 로컬에서는 잘 되고 프로덕션에서는 에러가 뜨네요. 다른 페이지들도 마찬가지로 접근이 안됩니다. 에러 내용은 아래와 같은데NotFoundError: Not Found at /home/ubuntu/local/bingo/bingo/server/app.js:45:8 at Layer.handle [as handle_request] (/home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/index.js:317:13) at /home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/index.js:284:7 at Function.process_params (/home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/index.js:335:12) at next (/home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/index.js:275:10) at SendStream.error (/home/ubuntu/local/bingo/bingo/server/node_modules/serve-static/index.js:121:7) at SendStream.emit (node:events:513:28) at SendStream.error (/home/ubuntu/local/bingo/bingo/server/node_modules/send/index.js:270:17) at SendStream.onStatError (/home/ubuntu/local/bingo/bingo/server/node_modules/send/index.js:421:12)app.js 45번째 라인은 접근할 수 없는 경로에서 404를 뱉게하는 부분인 것 같습니다.app.use(function (req, res, next) { next(createError(404)); });근데 또 db랑 연결해둔 api부분은 잘 접근이 되어요.잘은 모르지만 서버쪽의 app.js파일에서 라우팅을 한 경우에는 잘 되고(/api 경로로 수업때 해주신 것 처럼 라우팅 해뒀습니다), 프론트쪽 작업에서 해둔 라우팅이 로컬에서는 잘 먹고, 프로덕션에서는 안먹고 있는 것 같아요.혹시 이 문제의 해결 방법이 있을까요? 해결하기 위해서 더 필요한 정보가 있으시다면 말씀주시면 감사하겠습니다!

왜 서버의 루트 디렉토리에 node관련 파일을 설치하는 게 아니라 local디렉토리를 만들어서 설치하는지 알 수 있을까요?

안녕하세요:)좋은 강의 감사히 잘 듣고 있습니다!아래 내용은 도메인 연결 후 접속 안 되시는 분들께서 한 번 참고하시면 좋을 것 같습니다.저는 도메인을 구매하지 않고, 기존에 사용하던 도메인에 연결했는데 접속이 안 되더라구요.이유는 크롬 브라우저에서 https로 접속한 기록이 있는 도메인은 자동으로 https로 리다이렉트 시키기 때문입니다. (네임 서버도 바꾸고.. 엄청 삽질했네요 흑..)참고 url: https://comple.co.kr/471해결방법은 다른 브라우저로 접속하거나, 아래 URL로 이동하셔서chrome://net-internals/#hsts좌측 'Domain Security Policy' 탭으로 이동Delete domain security policies 부분에 프로토콜 부분(https:// 등)을 제외한 본인 도메인을 입력위 내용을 해주시면 정상 접속이 됩니다.단, 다시 https로 도메인 페이지를 접속하시면 또 해주셔야 합니다. 🥲

안녕하세요 강의를 듣고 제 프로젝트에 적용해볼려고 하는데(리액트만 ec2에 배포를 해볼려고 합니다) 무한 build가 되더라구요 그래서 ec2모니터링을 해보니 cpu가 99퍼를 차지하는 걸 확인했습니다.그래서 이 상황을 해결하려고 ec2인스턴스 스펙을 좀 더 높여볼까하는 생각도 해봤는데 비용적인 부분때문에 걱정이 되더라구요혹시 ec2인스턴스의 스펙업 이외의 해결 방법이 있을까요?

안녕하세요 이 강의를 듣고 협업 과정에서 CI/CD구축을 하고싶은데요지금 organization을 파서 front와 back 레포지토리를 생성을 했습니다.여기서 각 front, back의 레포지토리의 Actions에 가서 강의대로 진행 시키면 front에서도 main 브랜치가 수정 될 때마다 CI/CD가 수행되고 back에서도 main 브랜치가 수정이 될 때마다 CI/CD가 수행이 되는건가요?그리고 이렇게 CI/CD가 잘 구축된 상황에서merge를 수행하다 충돌이나 에러가 난다면해당 레포지토리의 main브랜치가 병합이 돼서 충돌이 난 상태로 있는건지아니면 병합이 취소 돼서 원래 상태로 있는건지가 궁금 합니다만약 병합이 돼서 충돌 된 상태라면 이 충돌 상태를 어떻게 해결하는지도 궁금합니다!

======CMD====== 19./deploy.sh 20======END====== 212023/03/05 13:19:14 Process exited with status 127 22err: bash: ./deploy.sh: No such file or directorydeploy.sh 파일이 없다고 하는 것 같은데 확인해보면 잘 존재해 있습니다.#!/bin/bash source ~/.bash_profile cd ~/git/backfront/ git pull origin main cd frontend/ npm i npm run build cp -rf dist/* ../backend/public cd ../backend/ npm i pm2 stop web pm2 start bin/www --name web --update-env sleep 2 pm2 list 도와주십시오ㅠ 

안녕하세요?좋은 강의 잘 듣고 있습니다. 강의자료 (Source Code ) 는 어디서 다운 로드 받나요?pdf는 다운로드 받았는데 Source Code는 못 찾겠네요 전체 강의자료 파일 첨부되어 있습니다. 메시지는 보이는데 전체 강의자료 받을 수 있을까요? 감사합니다.  

node: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.28' not found 오류가 있어 2시간 삽질 하였습니다.해당 강의에서 AWS linux로 기본 셋팅을 하고 있는데node 18버전을 지원하지 않는다고 합니다.우분투 20으로 서버 셋팅 하시던가node 버전 다운하셔서 진행하시면 됩니다.

Ubuntu를 사용하지 않고 Amazon Linux를 사용하는 이유가 있나요?

안녕하세요. 수업을 듣던 중npm i -S swagger-ui-express swagger-jsdoc에서 -S 옵션이 궁금하여 검색해본 결과예전에는 --save와 같은 의미로 사용되었던 옵션같으나 npm 최신버전들에서는 npm i (npm install)에 디폴트로 save 옵션이 적용되어있고,오히려 save를 하지 않을 때npm i --no-save 로 사용하는듯 합니다. 혹시 저와 비슷한 궁금증을 가진분들이 계실까하여 질문글로 남겨둡니다. 감사합니다~ https://stackoverflow.com/questions/40868494/what-is-the-s-in-npm-i-s

해당 과정에서의 배포 자동화 CI/CD 가 stop -> start 를 하기 때문에 무중단 배포는 아닌건가요?

안녕하세요.해당 강의 들은 이후 제가 이해한 바로는 git main브랜치가 변경 된다면 action이 발동되어서 푸시한 내용이 자동으로 홈페이지에 적용되는것으로 이해했는데요. 코드를 수정 후 푸시를 해보았을때 자동으로 ec2코드에서 변경이 되지 않습니다. 이건 private repo라서 그러는 것일까요 ? 

vite를 쓰지 않고 기존에 존재하던 코드로 진행하고 있었습니다.도메인 등록 후 들어가보는 과정에서 (6분40초)아래와 같은 오류가 발생합니다.우선 제 코드는서버 측 포트 넘버가 3500으로 설정되어 있어 location 추가해주는 부분도 3500으로 진행하였고 서버 측 라우트입니다. 클라이언트 build 부분입니다.보안을 위해 소스맵 false를 사용한 후 build된 폴더 내용을 통채로 옮겼습니다. 어떤 문제일까요 ㅠ

안녕하세요.vite react를 쓰지 않고 기존 제 프로젝트에서 진행하고 있었습니다.npm run build이후 client/build폴더만 생성되고 dist라는 폴더는 존재하지 않는데, build파일들로 진행하면 될까요 ?

리액트+스프링부트 조합으로  사이드 팀프로젝트를 진행중입니다. 리액트 개발환경은 CRA명령어를 통해 구축했습니다 근데 이게 local 서버에서는 router url을 주소창에 직접입력하거나,새로고침해도 잘실행되는데요 예를들어 배포서버URL/login 같이 router url을 직접입력하거나 새로고침하면 404에러가 납니다. 구글링을 해본결과 webpack.config.js devserver 서버 사이드 설정을 하라는글이 있습니다. 근데 저희가 CRA로 개발환경을 구축해서 webpack.config.js 파일이 없는데 그러면 해결방법이 webpack을 eject해서 서버사이드설정을 하는방법밖엔 없나요? 아니면 백엔드서버에서 따로 서버사이드 설정을 할 수 있나요?  

 Domain: example.com    Type:   dns    Detail: DNS problem: SERVFAIL looking up A for example.com - the    domain's nameservers may be malfunctioning; DNS problem: SERVFAIL    looking up AAAA for grimlerdl.com - the domain's nameservers may be    malfunctioning 이 강의 보고 잘 작동하는 프로젝트를 올려놨었는데 몇일 지나고 보니까 사이트가 안들어가져서 ec2삭제하고 다시 진행하는중에 위와같은 에러를 마주하였습니다.  구글링 해봐도 DNS관련 지식이 포함되어있는 영어들이라 잘 모르겠어서 질문드립니다. ㅠ 무엇이 문제이걸 까요??

개설한 EC2 인스턴스를 상시 실행이 아닌, 중지/재시작으로 관리하며 학습하고 있는 중입니다. (비용 때문에) 아마도 Elastic IP 서비스를 이용하지 않으면, 인스턴스 재구동시 IP 정보가 변경될텐데요, 앞서 Route 53 서비스를 통하여 도메인 레코드를 등록한 정보에 새로 구동된 인스턴스 서버의 IP 를 도메인 레코드로 재등록 (삭제/등록) 해줘야만 다시 정상 등록이 될 것으로 이해하고 있습니다. 궁금한 점은, 혹시 인스턴스만 중지시키고, 별도로 도메인 레코드 등록정보를 삭제하지 않았을 경우에 대한 문제점이나 비용 차징에 관한 정보를 자세히 알 수 있을까요?