nginx
-
FE - 성능 최적화에 대한 고찰(w. LightHouse)DevLog 2023. 3. 7. 20:48
최근에 FE 관련해서 전문가가 되려면 어떻게 해야할까? 라는 주제로 생각에 빠진 적이 있었다. 내가 생각하기에 FE의 주된 역할은 사용자와 서비스 간의 상호작용을 원활하게 하는 것이다. 그렇다면 '사용자와 서비스 간' 상호작용을 원활하게 한다는 것은 무엇일까? 간단하게 '사용자가 서비스를 사용하는데 이해하기 쉽게, 사용하기 쉽게' 만드는 것이다. FE에서 저러한 문제를 하기 위해서는 몇가지 문제점을 해결할 필요가 있다. (Web 의 경우) 1. 사용자가 빠르게 화면을 볼 수 있어야 한다. (FCP) 2. 사용자가 빠르게 서비스와 빠르게 상호작용할 수 있어야 한다. (TTI) 3. 사용자는 화면이 완성되어 가는 모습을 체감할 수 있어야 한다(SI) 4. 사용자는 빠르게 서비스의 주요 콘텐츠를 볼 수 있어야..
-
Http SameSite Problem(Express, Nginx, Axios, ssl)TroubleShooting 2022. 11. 28. 14:05
로컬 환경에서 React 작업을 하고 있었음. API 서버는 Express로 AWS EC2에서 http 로 동작 중. (Nginx Reverse Proxy 이용) 로컬에서 API 로 로그인 시, session 식별용 cookie 값이 저장되지 않음. 1. Axios withCredentials 처음에는 간단한 문제인 줄 알았다. cookie 동작 방식이 현재 접속한 domain을 보고, 그에 해당하는 cookie 값을 request에 동봉해서 날려주기 때문이다. 현재 접속한 domain은 localhost로 api domain과 다르다. 그렇기 때문에 cookie를 안날려 주는 줄 알았다. 그래서 찾아보니 axios 설정에 withCredentials을 하면 다른 domain에도 요청이..