문제client-side에서 데이터를 패칭 할 때 쿼리 스트링 등 동적으로 데이터 패칭이 필요 할 때 빌드 시 해당 API는 server-side 데이터를 가져 올 수 없으므로 빌드 에러가 나게 된다.문제 코드// index.tsxconst fetchOrders = useCallback(async () => { try { if ( !user || searchConditions.merchantId === undefined || searchConditions.sellerId === undefined ) return; const { totalCount, orders: fetchedOrders } = await getOrders(..

💡 백오피스 개발 중 가장 화나게 만드는 too many clients 오류를 수정해보려 합니다.스토어&센터 백오피스 모두 Next.js와 knex를 사용하고 있는데, 개발 과정에서 커넥션 수가 넘치는 상황이 너무나도 많이 발생했다.(프로덕션 환경에서는 확인 해보지 않았으나) 내가 확인한 커넥션이 발생하는 케이스는페이지 이동내가 띄어논 페이지 화면에서의 코드 수정 후 저장 시 리로딩두 가지 케이스에서 발생 하는 것을 확인 할 수 있었다.2번 케이스의 경우 npm run start:dev 로 실행시켜놓고 계속해서 작업을 하니 문제가 되지 않나 생각이 들었다.커넥션 수 확인 방법SELECT datname, count(*) as connection_countFROM pg_stat_activityGROU..

💡 우리는 백단을 Nest.js로, 프론트단을 Next.js로 사용하고 있다.그런데 Access Token을 Nest.js에서 cookie로 만들려고 했더니, Nest.js → Next.js(api) → Next.js(front)로 가기 때문에 생성을 할 수 없었다.그래서 다른 방법을 생각해 보는데…위에서 말한대로 Next.js에도 SSR이 있기 때문에 그걸 통해서 Nest.js와 통신을 하려고 작업 중이다.로그인 시 순서는Next.js Front → Next.js Back → Nest.js → Next.js Back → Next.js Front의 순서로 가고 있다.Token도 이와 동일한 순서로 가서 Nest.js에서 만들어진다.그래서!Nest.js에서 Access Token과 Refresh Toke..