[11.21-11.27] 인상깊게 읽은 아티클 🔖

[Korean FE Article] 사용자가 페이지를 떠날 때 안정적으로 HTTP 요청 보내기

https://github.com/yeonjuan/dev-blog/blob/master/Browser/send-an-http-request-on-page-exit.md

 

- 사용자가 웹 페이지를 떠날 때 로그를 남기기 위해서, 요청을 안정적으로 보내는 방법에 대한 글이다.

- 현재 회사에서 백엔드 쪽 에러(api error)만 로그를 남기고, 살펴볼 수 있게 하고 있다. cto님께서 프론트엔드로 로그를 남겨야 한다고 하셨는데, 전혀 감이 안왔다. 이 글을 읽으면서 조금은 알게 됐다. 어떤 것을 클릭하거나 어떤 페이지로 이동하거나 할 때, 로그를 남겨주는 api를 요청하면 된다.

- 그런데 브라우저 페이지를 종료하는 시점에 로그 요청을 보내면, 그 요청은 잘 처리되지 않을 수도 있다. 

- 잘되게 하기 위해서..

1. 요청에 대한 응답이 올 때까지 사용자 작업 지연시키기 => 사용자 경험 손상, 프로그래밍 방식으로 지연시킬 수 없는 동작이 있음.

2. 처리하지 않은 http 요청 보존하기 (fetch - keepalive, Navigator.sendBeacon(), ping)

=> 상황 별로 어떤 것을 사용하면 좋을지도 설명했다.