Sign in
it dev nextjs api

[ Next.js ] - next api에서 express-rate-limit 사용하기

기본적으로 express-rate-limit은 무분별한 요청으로 인한 서버 과부하를 막기 위해 사용되는 라이브러리이다. 백엔드 서버를 제대로 구축하여 express-rate-limit을 사용하는 것은 express-rate-limit문서에 나온 그대로 사용하면 문제없이 사용할 수 있지만 next에서 express-rate-limit을 그대로 사용하면 에러가 나고 제대로 작동하지 않기 때문에 해당 라이브러리를 사용하기 위해서는 수정하여 사용하여야 한다. 기본적인 express-rate-limit 사용 ☞ 2022.06.02 - [Javascript/Node.js] - [ Node.js ] - 서버 DDos 공격 막기 사용방법 next 환경 구축 > npx create-next-app --ts // 위의 명..
wono | discuss |
it dev nextjs router

Next.js App Router.. 이제는 앱라적 사고가 필요하다. Deep dive 시작부터 파헤치기 Part.1

현재 우리는 Next.js 14.2.2 버전을 사용 중이며 App Router 마이그레이션을 진행 중입니다. App router 로 전환 및 개발하며 얻은 정보와 best practice, 그리고 삽질기를 기록하기 위해 글을 작성해 봅니다. Next.js의 App Router는 기존 Page Router와는 근본적으로 다른 방식으로 작동하며, 기존까지의…
wono | discuss |
it dev nestjs nextjs turborepo

[문진] 모노레포 적용기 (feat. Turborepo)

모노레포를 결정한 이유 기존의 불편함 현재 문진 웹서비스의 개발 팀원은 백엔드 개발자인 나와 프론트엔드 개발자인 윤하님 두명으로 구성되어 있다. 기존에 같이 토이 프로젝트를 진행하면서 백엔드와 프론트엔드를 분리하여 개발했었는데, 다음과 같은 불편한 점들이 있었다. 서로의 코드가 따로 관리되어 피드백을 주고받는 과정이 매우 번거롭다. API를 주고 받을 때 input, output 의 형식을 각자 관리 해야하는데, 이는 비효율적이면서 불일치가 발생할 수 있다. 같이 사용할 수 있는 코드들을 공유하기가 어렵다.
wono | discuss |
it dev nestjs nextjs turborepo

[Monorepo] Turborepo를 사용하여 모노레포 구축하기

Turborepo 도입기 디프만에서 프로젝트를 진행하려고 하는데, 서버 언어로 TypeScript를 사용하고 있기 때문에 프론트엔드와 함께 레포지터리를 사용하기에 용이했다. 그래서 Yarn Berry를 통해서 monorepo를 구축할 계획이었다. 프론트와 백 모두 익숙하신 분께서 모노레포를 모두 구축해주셨고 이를 활용해서 프로젝트를 디벨롭 하고자 했다. 백엔드와 프론트엔드 모두 세팅이 안정적으로 완료됐지만, Next.js의 Vercel 배포가 Yarn Berry에서는 잘 동작하지 않는다는 것을 알게 됐고, 이를 대체하고자 Turborepo를 통해 모노레포를 구축하고자 했다. Turborepo란? 공식 문서 설명에 따르면, JavaScript나 TypeScript 코드를 위해 최적화된 빌드 시스템이라고 한..
wono | discuss |