유자맛바나나의 Dev-log

Question1 상황 아래와 같이 React Router를 이용해 "/path"로 이동하도록 작성한 버튼1을 클릭하면 웹브라우저의 URI에 /path가 추가되며 해당 페이지(컴포넌트)로 이동한다. 여기서 궁금한 점, 그림2처럼 동일한 경로(/path)로 웹서버에 요청하는 버튼을 만들면 될까? Path Page로 이동할까? 아니면 웹 서버에 요청하게 될까? 각 버튼에 작성된 코드 버튼1: React Router를 이용해 "/path" 경로의 페이지로 이동 버튼2: 웹서버 Nginx에게 "/path" 경로로 요청 정답 버튼 1을 클릭할 경우: "/path" 경로의 페이지(컴포넌트)로 이동한다 버튼 2를 클릭할 경우: "/path" 경로(URI)로 웹서버(Nginx)에게 요청한다 어떻게 같은 경로(/path..

Reverse-Proxy란? Proxy는 Client를 숨기고, Reverse-Proxy는 Server를 숨기는 것 Proxy란 대리자를 의미한다. 일반적으로 Proxy는 Server로부터 Clinet를 숨겨 정보를 알 수 없도록(그림1) 하는 역할이다. Reverse-Proxy는 그 반대다. Client로부터 Server를 숨겨주는 것(그림2)이다. Nginx 에서 React 배포시 Reverse-Proxy 설정 방법 React는 SPA(Single Page Application)이므로 Build 결과로 생성되는 html은 index.html 하나 뿐이다. 따라서 Nginx는 정적 페이지인 index.html만 응답하고, 그 외 데이터 요청은 API 서버에게 한다. 1) 최초 웹페이지 도메인 진입 (h..

Nginx EC2 Amazon Linux2 버전 설치, 구동, 종료 설치 1. 설치 버전 확인 ❑ 중요 ❑ Amazon Linux2에선 Amazon Linux1과 달리 yum을 통한 설치(yum install nginx)를 지원하지 않는다. amazon-linux-extras를 통해 설치할 수 있다. amazon-linux-extras 명령어를 통해 설치 가능한 패키지를 확인한다 amazon-linux-extras list | grep nginx 아래와 같이 설치가능한 nginx를 볼 수 있다 2. 설치 sudo amazon-linux-extras install -y nginx1 3. 설치 확인 nginx -v 구동 1. 구동 sudo service nginx start 2. 구동 확인 EC2 인스턴스의..

nginx 환경 설정 상당히 설명이 잘 된 포스팅이 있어 해당 포스팅을 먼저 소개하고, 추가로 남기고 싶은 내용을 적었습니다. https://icarus8050.tistory.com/57 [Nginx] Nginx 이해하기 Nginx? Nginx는 간단하게 말씀드리자면 경량 웹 서버입니다. 클라이언트로부터 요청을 받았을 때 요청에 맞는 정적 파일을 응답해주는 HTTP Web Server로 활용되기도 하고, Reverse Proxy Server로 활용하여 icarus8050.tistory.com index 페이지 설정 (웹 페이지의 시작) root: index 페이지가 위치한 디렉토리를 의미. 즉, /html 에 있다는 뜻 index: index 페이지가 될 html 파일명을 의미 종합하면 http://웹서..

Nginx Mac OS 버전 설치, 구동, 종료 설치 터미널 실행 brew install nginx 입력 (최신 버전 설치) brew info nginx: nginx 설치 유무 및 버전 확인 brew search nginx: 설치 가능한 nginx 버전 확인 ★ 왜인지 nginx는 설치 가능한 버전이 나열되지 않는다. brew search node 와 비교하면 알 수 있다. brew install nginx@버전: 원하는 버전의 nginx 설치 (나온다면) 설치 결과 Docroot is: /usr/local/var/www ★ index.html의 위치 디렉토리 경로(root documnet의 경로) The default port has been set in /usr/local/etc/nginx/nginx..

Windows 버전은 불완전 버전이다(2022.1.1 기준) Version of nginx for Windows uses the native Win32 API (not the Cygwin emulation layer). Only the select() and poll() (1.15.9) connection processing methods are currently used, so high performance and scalability should not be expected. Due to this and some other known issues version of nginx for Windows is considered to be a beta version. At this time, it provi..