🚀 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...
- Total
- Today
- Yesterday
- Ktor
- til
- 로컬LLM
- 페이지
- babel
- LangChain
- 관리자
- nodejs
- rag
- 백엔드개발
- Next.js
- Python
- 개발블로그
- REACT
- nextJS
- 웹개발
- kotlin
- llm
- 챗봇개발
- AI챗봇
- Page
- github
- 리액트
- fastapi
- Docker
- PostgreSQL
- Webpack
- 프론트엔드
- Project
- 백엔드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |