Vue와 Nest.js를 사용하여 redis, nginx, docker로 crud 만들기 - 1

이번에 redis, nginx, docker를 사용하여 간단한 crud를 만드는 것이 과제로 주어졌다.
전체적인 흐름을 정리한 뒤 구현에 관한 중점적인 소스는 다음 글에 작성할 예정이다.
참고로 이 글은 이해를 돕기 위한 글이지 모든 소스코드를 작성하지 않을 것이다.
redis나 nginx는 전부 작성할 수 있지만 docker 관련된 부분은 인프런의 유료 강의인 데브원영의 cicd를 시청하고 작성한 코드이기 때문에 공개할 수 없다. docker와 cicd를 공부하고 싶다면 꼭 사서 들어보시길!
대신 아래에 무료 docker 강의를 남겨두었다

따라하며 배우는 도커와 CI환경 - 인프런 | 강의

 

구현을 위해서는 Proxy에 대해 알아야한다.
Proxy는 간단하게 말해 '대신 처리해주는 것'

Proxy

Forward Proxy
1. 캐싱 역할
2. 익명성(보안)

Reverse Proxy
1. 캐싱
2. 익명성(보안)
3. Load Balancing

그럼 Forward Proxy에서는 어떤 것을 사용할 수 있을까? 바로 Redis
API 요청에서 가장 오래 걸리는 부분은 바로 DB에서 값을 가져올때이다.
Redis는 메모리에 데이터를 저장하여 빠르게 데이터를 가져올 수 있다.
자주 사용하고 업데이트가 비교적 적은 API를 메모리에 저장한다면(캐싱) 더 빠른 속도로 응답을 줄 수 있다.

Reverse Proxy에서는 Nginx를 사용한다.
- url이나 port에 따라 서버를 분리해서 가져온다. (Load Balancing)

우아한 형제 테크톡 - Proxy 백엔드가 처음이라면 이해를 돕기 위해 영상을 꼭 보길 바란다.
이 영상을 시청하면 위의 내용을 더 자세히 알 수 있다.
(설명을 정말 잘하신다!)

아주 최소한의 백엔드의 흐름에 Proxy가 중심이구나 라고 이해했다.
Redis의 특징은 글로 간단히 남기고 영상 설명이 더 좋다.

Redis(Remot Dictionary Server)
- Remote(외부) Dictionary(hash map) Server 외부에 있는 hasyMap 서버
- Database 
- In-memory Data Structure Store
- 다양한 자료구조

우아한 형제 테크톡 - Redis

 

Nginx
- 위에서 언급한 것 처럼 Reverse Proxy
- 클라의 요청을 중간에 가로채어 응답을 받는 실제 서버에 전달하고 서버에서 응답이 오면 요청을 했던 클라이언트에게 전달하는 역할을 수행 
- 클라는 직접적으로 실제 서버에는 통신할 수 없다.
- 클라이언트와 서버가 직접적으로 통신을 주고 받는건 nginx 이다.

이것 또한 우아한 형제 테크톡 설명이 훨씬 좋다.
아파치와 비교하여 왜 Nginx가 등장하게 되었는지 장/단점을 알 수 있다.

 

Docker
docker의 특징과 장점은 따로 적지 않고 그 내용이 포함되어 있고 프론트와 백엔드의 간단한 실습이 있는 내용이다.