kenuheo

시니어 (9년 이상)

글 감사합니다.참고해서 업데이트하겠습니다.감사합니다.

2강에서 express npm run dev하다가 오류빨간글씨 나오는 분들 참고하세요

<code>sudo nginx -t</code> 했을 때의 메시지는 어떻게 되나요.AI 답변처럼 /var/log/nginx/error.log 파일의 내용도 확인해 볼 필요가 있습니다.&nbsp;

nginx 에러 질문

안녕하세요.다음과 같이 명령을 바꾸면 됩니다.설치 확인했습니다.amazon-linux-extras install epel -y&nbsp;<pre><code>sudo su -
yum -y install yum-utils
yum-config-manager --enable rhui-REGION-rhel-server-extras rhui-REGION-rhel-server-optional
amazon-linux-extras install epel -y
yum install certbot python2-certbot-nginx -y
</code></pre>알려주셔서 감사합니다.&nbsp;

https 인증서 설정과정 설치 문제 질문

<a target="_blank" rel="noopener noreferrer nofollow" href="http://localhost:4000/">http://localhost:4000/</a> 에서 보려면, 다음과 같이 해야됩니다.<ol><li><code>.env.local</code> 파일 frontend에 생성 내용은 <code>VITE_API_SERVER=</code></li><li>frontend 빌드</li><li>frontend의 dist 폴더 내용을 backend의 public 으로 복사</li><li>backend만 실행 후 <a target="_blank" rel="noopener noreferrer nofollow" href="http://localhost:4000">http://localhost:4000</a> 접속</li></ol><img src="https://cdn.inflearn.com/public/files/posts/87bd124f-18ff-46fe-ad1c-8c76d3e8f756/914dcec5-f46d-45d6-8ffe-bfb89e2fcf3d.webp" media-type="img" alt="스크린샷 2024-12-07 오후 4.29.54.png.webp" title="스크린샷 2024-12-07 오후 4.29.54.png.webp" width="653" height="307">&nbsp;<img src="https://cdn.inflearn.com/public/files/posts/b59306a1-1fca-4068-a2f6-3ab1210757e6/1763922d-2baa-4d7f-b474-41889fe967ec.webp" media-type="img" alt="스크린샷 2024-12-07 오후 4.34.11.png.webp" title="스크린샷 2024-12-07 오후 4.34.11.png.webp" width="658" height="442">&nbsp;nginx의 역할은 <code>https를 위한 웹서버 역할로 추천한 것</code>입니다..com, .net 도메인은 1년에 $10 달러 정도이기 때문에, 학습을 위해 투자하시는 것도 추천합니다. AWS Route 53에서 등록하면 편합니다.&nbsp;질문 감사합니다. 잘 풀리시면 좋겠습니다.&nbsp;&nbsp;

AWS EC2와 로컬 PC에서의 차이가 이해가 안되고 nginx의 필요성이 궁금합니다.

안녕하세요. 두 가지를 제안합니다.<ol><li>인스턴스를 새로 만들어서 시도하는 방법</li><li>2차 도메인 <a target="_blank" rel="noopener noreferrer nofollow" href="http://okdevtv.com">okdevtv.com</a> 이 1차라면 route53에 <a target="_blank" rel="noopener noreferrer nofollow" href="http://mp4.okdevtv.com">mp4.okdevtv.com</a> 과 같이 2차 도메인을 만들어서 테스트하는 방법</li></ol>이렇게 시도하는 것을 추천합니다.여러번 반복하다 보면 자연스럽게 몸에 익히게 될 것입니다.잘 풀리시면 좋겠습니다.

curl localhost 에서 404 not found

테스트는 잘 되었습니다.테스트 영상은 <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.youtube.com/watch?v=9B0EV7LNSsA">https://www.youtube.com/watch?v=9B0EV7LNSsA</a> 에서 보실 수 있습니다.캡쳐화면 2번째 줄에 dnf-utils가 있는 것으로 봐서는 AMI가 <code>Amazon Linux 2023</code> 으로 선택하신 것 같습니다.새소식에도 업데이트 공지를 하기는 했는데, <code>Amazon Linux 2</code> 명령과 다릅니다.<pre class="hljs"><code># Amazon Linux 2023
sudo su -
dnf install python3 augeas-libs -y
dnf remove certbot
python3 -m venv /opt/certbot/
/opt/certbot/bin/pip install --upgrade pip
/opt/certbot/bin/pip install certbot certbot-nginx
ln -s /opt/certbot/bin/certbot /usr/bin/certbot

certbot --nginx
systemctl restart nginx
</code></pre><pre class="hljs"><code class="language-bash"># Amazon Linux 2
sudo su -
yum -y install yum-utils
yum-config-manager --enable rhui-REGION-rhel-server-extras rhui-REGION-rhel-server-optional
yum install https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm
yum install certbot python2-certbot-nginx

certbot --nginx</code></pre>잘 성공하시길 바랍니다.&nbsp;

https 인증서 발급 에러

저도 테스트하고 추가 댓글 달겠습니다. <a target="_blank" rel="noopener noreferrer nofollow" href="https://okdevtv.com/mib/letsencrypt">https://okdevtv.com/mib/letsencrypt</a>

<a target="_blank" rel="noopener noreferrer nofollow" href="https://bit.ly/okgitvsc">https://bit.ly/okgitvsc</a> 에서 복붙하실 수 있습니다.강의 자료는 공개되어 있습니다.

예제로 이용되는 소스코드는 직접 작성해야 하는가요?

도움이 될 지 모르겠지만, 스프링 부트와 리액트의 repo도 공유 드립니다.<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/kenu/sb-react">https://github.com/kenu/sb-react</a>&nbsp;

강의자료 (Source Code ) 는 어디서 다운 로드 받나요?

가능하면 vite를 사용하는 것을 추천합니다.cra는 webpack, vite는 rollup 이라서 번들링할 때 차이가 많이 있습니다.<code>npm install swagger-ui-express swagger-jsdoc</code>&nbsp;CRA로 저도 시도해보겠습니다.&nbsp;&nbsp;일단 AI에게 물어 봤습니다.<h6 style="text-align: start">ANSWER | PHIND V9 MODEL</h6>Swagger를 사용하여 API 문서화를 진행하려면, <code>swagger-ui-express</code> 라이브러리를 사용할 수 있습니다. 이 라이브러리를 사용하면 Swagger UI를 Express 애플리케이션에 쉽게 통합할 수 있습니다.먼저, <code>swagger-ui-express</code>와 <code>yamljs</code>를 설치해야 합니다. 이 라이브러리들은 Swagger 정의를 로드하고 처리하는 데 사용됩니다.<pre class="hljs"><code>npm install swagger-ui-express yamljs
</code></pre>그런 다음, <code>index.js</code> 파일에 Swagger UI를 설정하고, 이를 Express 애플리케이션에 연결해야 합니다.<pre class="hljs"><code>const express = require('express');
const swaggerUi = require('swagger-ui-express');
const YAML = require('yamljs');
const swaggerDocument = YAML.load('./swagger.yaml');

const app = express();

app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocument));
</code></pre>위의 코드에서 <code>'./swagger.yaml'</code>은 Swagger 정의 파일의 경로입니다. 이 파일은 API의 모든 엔드포인트와 관련된 정보를 포함해야 합니다.그러나, 질문에서 언급한대로 routes 디렉토리가 없는 경우, <code>swagger.yaml</code> 파일에 모든 API 경로를 명시적으로 선언해야 합니다. 이렇게 하면 Swagger가 API 문서를 생성하고 표시할 수 있습니다.마지막으로, <code>apis: ["./index.js"]</code>와 같이 작성하면, Swagger는 <code>index.js</code> 파일을 통해 API 정의를 가져오려고 시도합니다. 이 파일에는 API 엔드포인트에 대한 정보가 포함되어야 합니다.이 방식을 사용하면, Swagger를 사용하여 API 문서를 생성하고 표시할 수 있습니다. 이렇게 하면, 개발자가 API를 이해하고 사용하는 데 도움이 됩니다.&nbsp;from: <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.phind.com/search?cache=bcs8i2d5sfcxohzc2e9zzi1n">https://www.phind.com/search?cache=bcs8i2d5sfcxohzc2e9zzi1n</a>

kenuheo

投稿