# Interceptor
Nest.js - Transaction Interceptor
Nest.js로 서버를 구축하면서 Transaction을 거는 일이 있으면 아래의 방법을 많이 사용할 겁니다.저도 계속 위의 코드 형식으로 Transaction을 걸어 왔었는데 어느날 finally 부분에 release() 부분을 빼먹은 일이 발생했다. 에러는 계속해서

REACT - Resolve axios.interceptor CORS issue
React JS & DRF 를 이용한 웹 프로젝트에서 JWT Token을 통한 유저 인증을 진행한다. 모든 API 요청마다 유효성을 체크하고, 만약 accessToken이 만료되었으면 refreshToken으로부터 재발급 받아 인증을 인가하는 코드를 작성한다.모든 AP

Filter, Interceptor는 뭐지??
IT-Hermes 프로젝트 개발 과정 중, 이슈는 다음과 같았습니다. 전 Spring Security를 썼는데, 이유는 인증과 인가를 편하게 하기위한 최적에 프레임워크라 판단해서 썼습니다. 근데 하나의 문제가 있었습니다.Hermes 프로젝트에서 예외처리의 경우이런 식으
axios interceptor로 시간에 따른 요청 처리하기
스팀 게임 추천 웹 사이트 서비스를 구현하는 중, 검색하는 단어마다 요청이 보내지는 것을 좀 더 최적화 할 수 없을까? 라는 고민에서 axios interceptor를 사용하게 되었다. 포스팅을 하게 된 이유는 대부분 우리가 사용하는 검색창은 빠르게 단어를 치면 완성

[NestJS] Request-Timeout handling with Interceptor & RxJS
공부 중인 나로써는 대용량 데이터및 대규모 트래픽을 경험해보기 쉽지않다. 엇비슷하게 많은 양의 데이터를 조회하는 요청을 경험해보고자 일전에 "50000"건의 데이터를 더미데이터로 생성함으로써 요청에 대한 응답을 받는 과정을 수행해보았었다. 그 당시엔 페이지네이션을 통해

[프로젝트]JWT 인가(With Interceptor)
JWT를 이용한 인가는 어떻게 구현하는 것일까? 코드의 반복을 줄이고 자동으로 인가 처리를 할 수 있도록 Interceptor를 이용하여 구현해보자.
[Node.js/Express.js] Session, Interceptor 기능 완성
이전까지 세션과 인터셉터를 모두 개발 완료했다.이제 매 요청 전 세션만 체크해주면 된다.일단 해당 기능 적용 전 이전 글에서 Request 객체에 세션과 관련된 함수를 추가해주는 기능을 인터셉터로 변경해줬다.이렇게 매 요청마다 getSession(), removeSes
[Node.js/Express.js] Interceptor 개발
지난 포스팅까지 세션 기능 개발을 완성했다.요청이 왔을때, 서비스 로직을 수행하기 전 세션을 체크해서 권한이 있는 이용자의 요청인지 체크를 해주면 된다.일전에 개발한 기존 세션기능은 모든 핸들러 함수 시작부분에 세션 Map을 뒤져 세션이 존재하는지 체크하는 로직을 일일
[Node.js/Express.js] Session 기능 - 쿠키 설정
Redis로 세션을 저장하는 기능을 구현했지만, 흐름상 쿠키에 세션 key를 담아줄 경우 프록시서 버에서 쿠키를 탈취해 해당 key로 요청을 날리는건 마찬가지라는 생각을 했다.요즘 JWT 같은 방법으로 인증관리를 구현한다고 알고있지만 아직 내가 잘 알지 못하고, 회사

Axios Interceptor(feat.JWT Token)
요즘 근황을 얘기해보자면, 아침엔 CS 스터디를 진행하고 , 저녁 이후엔 FIXET 프로젝트를 진행했었는데 , 디자이너를 구해서 디자인 작업을 할동안 시간적 여유가 좀 생겼다. 이력서를 계속해서 수정하고 갈고 닦으면서 든 생각이 나의 메인 프로젝트는 환승시민인데, 메인
[Node.js/Express.js] Session, Interceptor 기능 개발 - RedisSession, MemorySession
여러 세션 스토어에 저장될 세션 객체는 공통으로 사용하도록 구상하고 개발했다.기본적으로 Map변수에 정보들을 key-value형태로 담고 꺼내도록 구상했다.interface로 추상-구현 관계를 사용하고 싶었지만 만들어진 프레임워크 자체가 TS를 지원하지 않아 어쩔수 없

[NestJS] Permission-Based Guard with Caching (advanced-part #2)
이전 포스팅 "Permissioin-Based Guard"를 바탕으로 해당 작업에 캐싱을 적용해보도록 한다. 왜 이번 포스팅의 과정을 수행하는지는 이전 포스팅 마지막에 언급하였다. 그럼 긴 글을 시작해보도록 하겠다.이전 포스팅 클릭 ✔최근, 정확한 "계기"가 있는 것은

[Node.js/Express.js] Session, Interceptor 기능 개발 - 설계
입사 하자마자 진행했던 프로젝트인 paperless 회진 앱의 보안 점검 결과로 여러 문제점을 지적 당했다.크게 앱 단계의 문제와 서버 단계의 문제로 나눌 수 있었는데, 서버쪽 문제는세션 미적용SQL Injection문제가 있었다.이중 세션은 사실 JS의 Map변수를

2023년 03월 4주차 Week I Learned.
리액트쿼리를 본격적으로 프로젝트에서 사용해본다. 트러블이 많을 수 밖에 없지만 지치지 않는다.

[NestJS] File-upload & Use of Interceptor (feat. nest를 바라보는 시각..)
이번 포스팅에선 "nest에서 이미지(혹은 파일)를 업로드 시키는 방법"에 대해 간단히 알아보고자 하며, 구현하는데 있어 부딪히게 되었던 몇가지 상황들을 함께 언급해보고 코드를 개선해보고자 한다.기록용으로나, 정보 공유용으로나 의미있지 않을까 싶어 간단히 작성해보고자