# middleware
redux-thunk
참고자료:redux-thunk1\. store에 thunk 추가 2\. thunk creator 작성 : 이때 보통의 action은 객체 형태지만 thunk 는 action을 함수로 보내준다.따라서 비동기 통신 등 여러가지 형태로 운용할 수 있다. 컨테이너에 해당 부분
Redux - middleware
앞서 구현한 Redux의 상태관리 로직은 Context API와 useReducer 훅을 사용한 방식과의 큰 차이점이 없다. Redux는 Context API에는 존재하지 않는 미들웨어(Middleware)가 존재한다. Middleware에 대해 학습하고 적용해보자.

[Issue] DRF-JWT : 헤더에 자동으로 Access Token이 추가되지 않을 때
DRF JWT "httponly" 옵션 사용시 Authorization 헤더에 Access Token 추가하는 방법

React Redux middleware
소프트웨어 공학에서 미들웨어란 운영체제와 응용 소프트웨어 중간에서 조정과 중개의 역할을 수행하는 소프트웨어를 말한다.리덕스 미들웨어는 액션을 디스패치 했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업을 실행한다. 미들웨어는 액션과 리듀서 사이의 중간자라고 볼
Apollo Server와 Express 연동하여 서버 만들기
Apollo Server란 Apollo Client를 포함한 모든 GraphQL 클라이언트와 호환되는 spec 호환 GraphQL Server이다.Apollo Client: GraphQL을 이용하여 로컬 및 원격 데이터를 모두 관리할 수 있는 JavaScript용 종합

[Node.js][TIL] Middle ware 미들웨어란?
미들웨어는 express의 핵심이다. 요청과 응답의 중간에 위치하기 때문에 미들웨어라고 부르는 것이다.
[TIL] Middleware
요청(request)과 응답(response)의 중간에 위치해서 미들웨어라고 부르는 것클라이언트와 서버 또는 서버와 서버 사이의 매개체 역할해당 경로로 가기 전 중간에 middleFunc가 실행된다!! -> 미들웨어의 역할!모든 비즈니스 로직을 서버에서 관리 -> 유지

A non-serializable value was detected in an action 에러
리덕스로 유저정보(name, company, email)을 저장하는데 아래와 같은 에러가 떴다.오류 내용을 보면 직렬화할 수 없는 값을 action에 전달했다는 뜻이다.직렬화(serialization) : object를 string으로 변환하는 것역직렬화(deseria

[wanted] 프레임워크 별 JWT 인증 방식
10-27 Wanted Today I learned. 스프링을 처음 배울 때 당황했던 것은 토큰 인증 방식을 위한 filter나 intercepter로, 맨 처음 Express와 FastAPI를 접했던 나에게는 상당히 이질적인 존재였다.스프링을 3개월 쓰다가, 다시 N

Node.js express Middleware
웹 요청과 응답에 대한 정보를 사용해서 필요한 처리를 진행할 수 있도록 분리된 함수요청과 응답 중간에 위치하여 미들웨어req, res , next 가 매개변수인 함수next()로 다음 미들웨어로 넘어감app.use(미들웨어) 모든 요청에서 해당 미들웨어 실행app.us

NGINX 따라하기
엔진엑스보다 아파치-톰캣이 더 익숙하긴 하지만 사실 둘 다 겉핧기 수준으로만 알고 있다.우연히 기회가 되어 OpenInfraDays2023에 참가했었는데 여기서 nginx cookbook을 득템했다.시간이 남아 따라해보려고 했는데.. 첫 설치부터 막히길래 찾아보니 초판
[Nest.js] Nest.js_2
Cats모듈에 있는 내용을 App모듈에서 사용하려면 먼저 Cats모듈에 있는 Service를 exports배열에 추가해줘야 한다.exports배열에 추가된 Cats모듈의 서비스는 App.module에서 imports에 CatsModule이 추가되어 있으므로 App모듈에
NextJS middleware
프로젝트의 모든 경로에서 실행되는 미들웨어는 어떠한 요청전에 무언가를 실행할 수 있는 함수이다. 미들웨어를 사용할 때, 우리 프로젝트가 src 폴더를 사용한다면 src 폴더 최상단, 또는 페이지와 같은 레벨에서 사용해주면 된다. 기본적인 이해가 없이 쉽게 설명하면

[BE] Socket.io와 Express 미들웨어 연동하기
Socket.io에서 Express의 session 미들웨어를 사용하려고 하니 express의 미들웨어는 (req, res, next)의 형태이지만, socket.io의 미들웨어는 (socket, next)의 형태이다.따라서 wrap이라는 함수를 만들어서 Socket.