2024.07.02

다른 서버 연동 (Virtual Hosting)

server { #서버블록 
  listen 80; #80포트로 들어오는 HTTP요청 수신
  server_name ; #Nginx가 설치된 컴퓨터의 ip : server_name 3.38.209.232;

  location / { # URL 경로의 처리 / 
      proxy_pass ; # URL을 처리할 WAS의 주소(요청을 전달할 서버의 주소)
      proxy_set_header Host $host; # Host 헤더(클라이언트가 접근할 호스트의 도메인명,ip주소)의 정보를 WAS에 전달하기 위해 설정
      proxy_set_header X-Real-IP $remote_addr; # 접속자의 IP를 WAS로 전달
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Forwarded-Proto $scheme;
  }
  
  location / 하위URL { # URL 경로의 처리 /하위URL
      proxy_pass ; # URL을 처리할 WAS의 주소(요청을 전달할 서버의 주소)
      proxy_set_header Host $host; # Host 헤더(클라이언트가 접근할 호스트의 도메인명,ip주소)의 정보를 WAS에 전달하기 위해 설정
      proxy_set_header X-Real-IP $remote_addr; # 접속자의 IP를 WAS로 전달
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Forwarded-Proto $scheme;
  }

}

RDS(Relational Database Service)

• Amazon에서 제공하는 RDBMS 서비스로 사용자가 사용하기 쉽도록 인프라를 제공하는 서비스
• 사용자는 엔드포인트를 사용하여 서버에 접근
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

Vue.js

• 2세대 자바스크립트 프레임워크
• Web Application에서 사용자 UI를 제작하기위해 사용하는 오픈소스 Progressive JavaScript Framework
• Evan You가 개발.(Angular JS에서 필요한 부분만 추출하고 기능을 더해 제작)
• 다른 JS Library를 사용하는 웹 프로젝트에 점진적으로 도입하기 쉽게 설계되어있다.
• 선언적 렌더링{{이름}} - 연결된 대상을 즉시 변경할 수 있다.
• 명령형 렌더링 - jquery - 연결된 대상을 순차적으로 변경.

장점

• 유연하고 가볍다.
• SPQ를 제작하기 좋다.
• 가상 DOM을 지원하여 빠른 UI Rendering 할 수 있다. (React.js와 같은 기능)
• Vue는 AngularJS의 양방향 데이터 바인딩과 React의 단방향 데이터 바인딩의 장점을 결합한 프레임워크
  • 양방향 데이터 바인딩 : 화면에 표시된 값과 프레임워크의 모델 값이 동기화되어서 어느 한쪽이 변경되면 다른 한쪽도 자동으로 변경 되는것.
  • 단방향 데이터 바인딩 : 컴포넌트가 데이터를 전달할 때 상위컴포넌트에서 하위컴포넌트 방향으로 전달되는 것
• CDN 제공
• Vue 제공 사이트 : https://v2.ko.vuejs.org/

<!-- 개발버전, 도움되는 콘솔 경고를 포함. -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- 상용버전, 속도와 용량이 최적화됨. min-->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

Node.js

• Chrome V8자바스크립트 엔진으로 빌드된 JavaScript Runtime
• 다운 : https://nodejs.org/en
• 처음에는 자바스크립트 런타임으로 나왔으나 다양한 모듈을 설치하여 다양하게 개발할 수 있게 진화.
• Node.js는 JavaScript으로 Back-end 개발을 하고 싶을 때 사용.