[Axios] cacheAdapterEnhancer를 사용한 API Caching

웹 페이지에서 AJAX 요청 시에 불필요한 중복 요청이 발생하는 경우는 뭐가 있을까? 페이지에 잘 바뀌지 않는 게시판(공지사항)이 존재한다고 가정하자. 공지사항 목록을 가져오는 API와 공지사항 내용을 불러오는 API는 약 1초가 소요된다고 가정한다. 이 페이지의 로직을 가정하면, 유저가 공지사항 목록 페이지에 접근하는 순간, 서버에서 공지사항 목록을 가져오기 위해 AJAX 요청이 호출된다. (1초) 렌더링 된 공지사항 목록 페이지에서 유저가 1번 공지사항을 클릭한다. 1번 공지 내용을 불러오는 요청이 호출된다. (1초) 뒤로가기로 다시 목록 페이지에 접근하는 순간, 공지사항 목록을 가져오기 위해 AJAX 요청이 호출된다. (1초) 실시간으로 글의 목록이 갱신되는 자유게시판이라면 이야기가 다르겠지만, 잘..

2021.02.09