TwentyTwentyOne

🚀 Next.js App Router 배포 완벽 가이드Next.js App Router 기반 프로젝트는 다양한 방법으로 배포할 수 있습니다.가장 간편한 Vercel부터, 직접 서버에 배포하거나 Docker 및 AWS 같은 클라우드 서비스까지 모두 지원됩니다.✅ 1. Vercel을 통한 배포 (가장 권장)Vercel은 Next.js의 공식 배포 플랫폼이며, 몇 번의 클릭만으로 배포 가능합니다.배포 방법코드를 GitHub에 PushVercel에 로그인"New Project" 클릭 → GitHub 연동저장소 선택 → Next.js 자동 인식Deploy 클릭배포 후 Vercel 도메인 (https://your-project.vercel.app)이 자동 생성되며, 커스텀 도메인도 설정 가능🛠️ 2. Node...

🚀 Flutter Web + NestJS 풀스택 포트폴리오 프로젝트 개요 및 기술 스택 선택포트폴리오 사이트는 개발자의 경험과 기술력을 보여주는 중요한 도구입니다.이번 프로젝트에서는 Flutter Web을 활용해 부드럽고 인터랙티브한 프론트엔드를 구축하고,NestJS + PostgreSQL + Prisma 조합으로 확장성과 유지보수성이 뛰어난 백엔드를 설계합니다.이 글에서는 프로젝트의 개요와 전체적인 기술 스택을 선택한 이유를 정리합니다.✅ 1. 프로젝트 목표 및 컨셉🔹 프로젝트 목표Flutter Web의 UI/UX 장점을 살린 반응형 포트폴리오 사이트 제작NestJS 기반 API 서버를 구축하여 데이터 관리PostgreSQL + Prisma ORM을 사용한 데이터베이스 설계CI/CD 자동화 및 클라..

서버리스 시스템 구축하는 방법: 완벽 가이드서버리스(Serverless)란?서버리스(Serverless)는 서버 관리 없이 클라우드에서 애플리케이션을 실행할 수 있도록 하는 컴퓨팅 모델입니다. 사용자는 코드 개발에만 집중하고, 서버 관리, 확장성, 운영 등을 클라우드 서비스 제공자가 자동으로 처리합니다.대표적인 서버리스 서비스:AWS Lambda (Amazon Web Services)Azure Functions (Microsoft Azure)Google Cloud Functions (Google Cloud)Cloudflare WorkersVercel / Netlify Functions1. 서버리스 시스템 구축 과정서버리스 시스템을 구축하는 단계는 다음과 같습니다.📌 1단계: 클라우드 서비스 선택서버리스..

로컬 LLM + RAG 기반 AI 채팅봇 만들기6.3 배포 후 점검 사항이제 Ktor 백엔드와 SvelteKit 프론트엔드를 배포 완료했습니다.이번 단계에서는 배포된 서비스의 정상 동작 여부를 확인하고, 모니터링 및 에러 대응 전략을 구축하겠습니다.1) 배포 후 확인해야 할 사항✅ ① 프론트엔드와 백엔드 연결 확인브라우저에서 배포된 프론트엔드 URL에 접속AI 챗봇과 대화 시도API 호출이 정상적으로 동작하는지 개발자 도구(DevTools)에서 확인fetch("https://backend-url.com/api/chat/send", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({..

로컬 LLM + RAG 기반 AI 채팅봇 만들기6.2 프론트엔드 배포 (Vercel)이제 SvelteKit으로 개발한 프론트엔드를 배포하여어디서나 AI 챗봇을 사용할 수 있도록 Vercel을 활용하여 배포하겠습니다.1) Vercel을 사용하는 이유✅ Vercel의 장점손쉬운 배포 → GitHub와 연동하여 자동 배포 가능서버리스(Serverless) 환경 지원 → API 호출만으로 백엔드와 통신 가능빠른 글로벌 배포 → CDN(Content Delivery Network) 적용2) Vercel 가입 및 환경 설정✅ ① Vercel 가입 및 프로젝트 생성Vercel 공식 사이트에 접속GitHub 계정과 연결"New Project" 버튼 클릭SvelteKit 프로젝트 선택 후 Import배포 설정 페이지에서..