TwentyTwentyOne

🚪 NestJS를 떠나며: Fastify와 DDD로의 전환기NestJS는 처음에는 TypeScript 기반의 구조화된 백엔드 개발을 위한 훌륭한 선택처럼 보였습니다.그러나 시간이 지남에 따라 복잡성과 디버깅의 어려움으로 인해 생산성이 저하되었습니다.이에 따라, Fastify와 도메인 주도 설계(DDD)를 도입하여 더 간결하고 효율적인 개발 환경을 구축하게 되었습니다.❌ NestJS의 한계점1. 과도한 추상화와 복잡성NestJS는 Java의 Spring Framework에서 영감을 받아 다양한 추상화 계층을 제공합니다.하지만 JavaScript/TypeScript의 동적 특성과는 맞지 않아 오히려 개발을 복잡하게 만들었습니다.2. 디버깅의 어려움에러 스택 트레이스가 깊은 추상화 계층을 따라가야 하므로, ..

🚀 Next.js App Router 설치 및 프로젝트 시작 가이드Next.js는 React 기반의 풀스택 웹 애플리케이션을 구축하기 위한 프레임워크로, 최신 기능들을 활용하여 효율적인 개발을 지원합니다. 이번 가이드에서는 Next.js의 App Router를 기반으로 프로젝트를 설치하고 시작하는 방법을 단계별로 설명합니다.✅ 시스템 요구 사항Node.js:버전 18.18 이운영 체제:macOS, Windows(WSL 포함), 또는 Linu⚙️ 자동 설치: create-next-app 사용하기Next.js에서는 create-next-app CLI를 통해 빠르게 프로젝트를 생성할 수 있습니다.1. 프로젝트 생성npx create-next-app@latest실행 후, 아래와 같은 프롬프트가 나타납니다:프로..

🚀 FastAPI 기반 로컬 LLM + RAG 챗봇 – 3.1.3 Tailwind CSS 및 UI 라이브러리 설정 (DaisyUI + ShadCN 반영)이번 글에서는 Next.js에서 Tailwind CSS를 활용하여 UI를 구성하는 방법과 함께 추가적인 UI 라이브러리를 설정하는 과정을 다룹니다.✅ Tailwind CSS를 활용한 스타일링, DaisyUI 및 ShadCN 설정 및 활용법을 소개합니다.📌 1. Tailwind CSS 및 UI 라이브러리 설치Next.js에서 Tailwind CSS와 DaisyUI, ShadCN을 사용하려면 관련 패키지를 설치해야 합니다.아래 명령어를 실행하여 Tailwind CSS, PostCSS, DaisyUI, ShadCN을 설치합니다.✅ 1.1 Tailwind C..

🚀 FastAPI 기반 로컬 LLM + RAG 챗봇 – 프로젝트 설정 및 필수 패키지 설치이번 글에서는 Next.js 프로젝트를 설정하고 필수 라이브러리를 설치하는 과정을 다룹니다.✅ Next.js 개발 환경을 구성하고, Tailwind CSS 및 필요한 패키지를 설정하여 프로젝트를 시작합니다.📌 1. Next.js 개발 환경 구성✅ 1.1 Next.js 프로젝트 생성Next.js 프로젝트를 생성하려면 create-next-app을 사용합니다.아래 명령어를 실행하여 새로운 Next.js 프로젝트를 생성합니다.npx create-next-app@latest my-project --typescript --eslint --app설치가 완료되면 프로젝트 디렉토리로 이동합니다.cd my-project📌 2...

🚀 FastAPI 기반 로컬 LLM + RAG 챗봇 – Next.js 개요 및 특징이번 글에서는 Next.js의 개념과 특징, 그리고 React와의 차이점을 설명합니다.✅ Next.js가 무엇인지 이해하고, 기존 React와 비교하여 어떤 점이 다른지 살펴보겠습니다.📌 1. Next.js란?✅ Next.js 개념Next.js는 React 기반의 프레임워크로, 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG)을 지원하는 것이 핵심 특징입니다.Vercel에서 개발하였으며, SEO 최적화, 성능 개선, 개발 편의성을 강화한 React의 업그레이드 버전으로 볼 수 있습니다.✅ Next.js의 주요 특징서버 사이드 렌더링 (SSR) → 서버에서 데이터를 받아 페이지를 렌더링한 후 클라이언트에 전달정적..

🚀 FastAPI 기반 로컬 LLM + RAG 챗봇 만들기 – FastAPI의 비동기(Async) 처리 방식이번 글에서는 FastAPI의 비동기(Async) 처리 방식을 심층적으로 다룹니다.✅ 비동기(Async) vs 동기(Sync) 차이 → FastAPI에서 async 및 await 사용법 → FastAPI의 Starlette 기반 비동기 구조 순서로 설명합니다.📌 1. 동기(Synchronous) vs 비동기(Asynchronous) 개념FastAPI는 비동기(Async) 기반의 프레임워크이며, 기존의 동기(Sync) 방식과 비교하면 성능과 응답 속도에서 큰 차이를 보입니다.✅ 1️⃣ 동기(Sync) 방식이란?동기(Synchronous) 방식은 요청이 순차적으로 실행되며, 하나의 요청이 완료될 때..

🚀 FastAPI 기반 로컬 LLM + RAG 챗봇 만들기 – FastAPI 개요 및 특징이번 글에서는 FastAPI의 개요와 주요 특징을 살펴보고, Flask 및 Django REST Framework(DRF)와 비교하여 FastAPI의 장점을 분석합니다.📌 1. FastAPI란?✅ FastAPI 개요FastAPI는 Python 기반의 고성능 웹 프레임워크로, REST API 개발을 빠르고 효율적으로 수행할 수 있도록 설계되었습니다.특히, 비동기(async) 지원, 자동 문서화, Pydantic 기반의 데이터 검증 등의 강력한 기능을 제공하여, 최근 AI 및 데이터 중심의 API 서버 구축에서 널리 사용되고 있습니다.✅ FastAPI 주요 특징:🚀 고속 성능 → Flask 대비 3~5배 빠른 AP..

혼자 진행하는 프로젝트의 묘미는 그냥 내마음 대로 할 수 있다는게 아닐까?FastAPI로 만들던 개인 프로젝트, 회사에서 다른 프로젝트를 FastAPI로 만들다 보니 흥미가 떨어 졌다. 그래서 한번도 사용해 보지 않았던!Spring Boot도 배울겸 JPA도 써볼 겸 관리자 페이지 Rest API 서버를 Spring boot로 처음부터 만들면 좋겠다 싶어서 시작해 본다. IDE는 IntelliJ를 사용한다.JDK 17 버전으로 spring boot는 3 버전을 사용한다. IntelliJ의 New Project에는 Spring Initializr Generators가 있기 때문에 이를 통해서 프로젝트를 생성해보자.기본적인 프로젝트 정보를 기입한 후에 Next!  아직은 아무런 Dependency들을 추가 ..