junnnhhh

(막혔던 점)로컬에서 Vue 프로젝트를 실행했을 때는 단순 `npm run dev'를 통해서 실행을 했다.따라서, AWS 환경에서도 `npm run dev`를 실행 후, 기본 포트인 5173에 대한 AWS Inbound 규칙을 설정해주면공인IP를 입력했을 때, 연결이 될거라고 생각을 했었다. 웹서버(Apache, Nginx ...)를 띄워 그 안에서 vue 프로젝트를 실행시켜야 접속이 가능하다는 것을 잊고 있었다..!※Amazon Linux 기준으로 작성1) Nginx 설치sudo yum install nginx -y2) Nginx 재기동 및 상태 확인sudo systemctl restart nginxsudo systemctl status nginxIP 접속을 하게 되면, 아래와 같이 잘 연결되는 것을 ..

PuTTy란? → 서버에 접속하여 명령어를 전송하는 원격 서버 접속 기능을 제공해주는 무료 오픈소스 프로그램. https://www.putty.org/ Download PuTTY - a free SSH and telnet client for Windows Is Bitvise affiliated with PuTTY? Bitvise is not affiliated with PuTTY. We develop our SSH Server for Windows, which is compatible with PuTTY. Many PuTTY users are therefore our users as well. From time to time, they need to find the PuTTY download link. ..

CORS(Cross-Origin-Resource-Sharing) 서버에서 서버로 요청을 보낼 때는 문제가 되지 않지만, 브라우저에서 서버로 요청을 보낼 때, 도메인 이름이 다른 사이트 간에 공유를 설정하지 않고 ajax, XMLHttpRequest나 Fetch API를 호출하면 발생하는 오류 ※ 도메인 이름이 같고, 포트 번호가 달라도 CORS는 발생한다. → 이를 해결하기 위해서 API를 제공하는 서버 쪽에서 API 요청을 보내온 곳에 응답을 보낼 때, Header에 Access-Control-Allow-Origin 을 넣어서 보내면 해결이 된다.