파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

안녕하세요.

AI/LLM/에이전트의 시대에 장고로 할 수 있는 일들이 더욱 많아지고 있다고 생각합니다. 그래서 장고 확산을 위해, 다양한 AI 관련 튜토리얼들을 개발하고 공유하고 있습니다.

세번째 튜토리얼로 장고 기반의 "RAG 밑바닥부터 웹 채팅까지" 튜토리얼을 공유드립니다.
https://ai.pyhub.kr/rag-01/

요즘 AI 애플리케이션에서 확실한 use case로 자리매김한 것이 RAG와 RAG 기반의 웹 채팅이거든요. RAG는 요즘 ChatGPT와 같은 서비스를 만들 때, 지식 데이터를 얻는 핵심 기술입니다. 일반 회사들 뿐만 아니라, 여러 공공 기관에서도 RAG 챗봇을 서로 앞다투어 개발하고 있습니다. 웹채팅 그리고 RAG에 필요한 여러 기능들이 장고가 이미 잘 지원해주고 있는 기능들입니다. 장고 기반에서 생산성높게 RAG 웹 채팅을 구현할 수 있습니다.

앞서 새소식으로 전달드렸던 강의 보충 질답으로 진행하려던 유튜브 라이브는 좀 더 준비가 필요하다고 판단이 되어 설 이후에 진행하겠습니다.

혼자 튜토리얼을 따라하기보다 같이 하면 재미있으니깐요. 1/25(토) 오후 9시에 <따라하세요. "RAG 밑바닥부터 웹 채팅까지" 튜토리얼 라이브 #1> 를 진행하려 합니다. RAG를 파이썬으로 직접 구현해보며 이해도를 쌓아가고, 장고/htmx를 통해 웹 채팅 UI를 만드는 튜토리얼을 라이브로 차근차근 설명드리고, 질답도 나누구요. 같이 실습을 해보며 이해도를 쌓아가려 합니다. RAG와 장고 기반의 RAG 개발에 대해서 관심있으신 분들은 이번 주 토요일에 유튜브를 통해 뵈어요. :-)
https://www.youtube.com/live/aI-Dt4wSgLY

감사합니다.

파이썬사랑방 이진석 드림

JetBrains에서 진행한 2024 Django 개발자 설문조사 분석 포스팅을 공유드립니다.
https://blog.jetbrains.com/ko/pycharm/2024/09/the-state-of-django/

• 비동기: Django 개발자의 61%가 사용

• 프런트엔드: Django 개발자가 HTMX, Alpine.js 및 Tailwind CSS 등을 점점 더 선호

• 데이터베이스: Django 개발자의 75%는 PostgreSQL를 선호하고 50%는 캐시용으로 Redis를 사용

• 오케스트레이션: 50% 이상의 Django 개발자가 컨테이너 오케스트레이션을 사용

• CI 시스템: GitHub Actions이 업계를 선도

• IaC: Django 개발자의 39%는 Infrastructure as Code(IaC)를 사용

이 중에 코멘트를 몇 개 남겨봅니다.

1. 저도 요즘 비동기를 적극적으로 활용하고 있습니다. 거의 모든 코드가 async def 입니다. AI의 시대에는 외부 API 호출이 많기 때문에 I/O 최적화가 필요하구요. 이에 장고 내에서도 async 적용하시면 보다 효율적으로 서버를 운영할 수 있습니다. 장고 모델이나 몇몇 장식자들이 비동기를 지원하지 않기 때문에, 비동기 버전의 장식자를 따로 구현하긴 해야합니다. 제가 구현한 비동기 버전의 login_required, csrf_exept, require_http_methods 장식자 코드를 참고해보세요. 파이썬에서는 비동기 함수 이름 앞에 a를 붙이는 컨벤션이 있습니다.

2. htmx/alpine.js/tailwindcss 는 제가 개발한 django-pyhub-ai 라이브러리에서도 적극 활용하고 있는 데요. 본 강의에서도 htmx를 적극 다루고 있죠.

3. PostgreSQL은 전 세계적으로 인기가 급상승하고 있구요. ruby on rails 진영에서 시작 중인 sqlite3 데이터베이스도 십만명 정도의 유저 대상의 서비스에서는 한 대의 서버로도 서비스가 잘 된다고 합니다. sqlite3 데이터베이스는 테스트용 DB로 생각하기 쉽지만, 요즘 같이 disk i/o가 비약적으로 빨라지고, cpu/memory가 20년 전에 비해 100배 이상 좋아진 시대에는, 충분히 좋은 성능을 발휘한다고 합니다.

2024년 함께 해주셔서 감사드리구요. 다가오는 2025년에도 잘 부탁드립니다.

여러분의 파이썬/장고 페이스메이커가 되겠습니다.

감사합니다.

이진석 드림

안녕하세요.

<파이썬/장고로 30분 만에 데이터 분석 에이전트 챗봇 만들기> 튜토리얼 영상과 문서를 공유드립니다.

• 튜토리얼 영상 : https://www.youtube.com/watch?v=10Fp78n3jSw

• 튜토리얼 문서 : https://django-pyhub-ai.readthedocs.io

제가 만든 django-pyhub-ai 라이브러리를 활용해서 빠르게 LLM 상황극 챗봇과 데이터분석 에이전트 챗봇을 만드는 과정을 담고 있습니다. 이 라이브러리는 장고의 핵심 철학 중 DRY(Don’t Repeat Yourself) 철학을 기반으로 반복적이고 번거로운 작업을 제거하고, 효율적인 에이전트 기반 채팅 서비스를 손쉽게 구축할 수 있도록 돕는 라이브러리입니다. 웹 프론트엔드에 대한 고민없이 설정에 가까운 코드로 에이전트 챗봇을 구현하실 수 있습니다. 장고 채널스와 HTMX 기반이며, LLM 라이브러리로 유명한 랭체인을 내부에서 사용합니다.

챗봇 동작 화면

django의 모델/캐시/템플릿/스토리지/API/인증 등을 활용하면, 생산성 높게 더욱 가치있는 인공지능 에이전트를 만들 수 있다고 생각합니다. 앞으로도 다양한 장고 소식 전해드릴 수 있도록 노력하겠습니다.

널리 공유 부탁드리구요.
여러분의 파이썬/장고 페이스메이커가 되겠습니다.

감사합니다.

파이썬사랑방, 이진석 드림

인프런 <장고 설계철학으로 시작하는 파이썬 장고 입문 강의>를 오늘 부로 무료로 전환합니다.
https://inf.run/RDjT

주변에 장고에 관심있으신 분들이 있다면 널리 공유 부탁드립니다. 하지만 웹개발이 처음이신 분들에게는 어려우실 수 있습니다. 웹개발이 처음이신 분들께서는 생활코딩의 <Python Django Web Framework> 유튜브 강좌를 먼저 학습하시기를 추천드립니다.
https://www.youtube.com/playlist?list=PLuHgQVnccGMDLp4GH-rgQhVKqqZawlNwG

감사합니다. :-)

조금 전에 테디노트 유튜브에 OpenAI Realtime API를 테스트한 영상이 올라왔습니다.

https://github.com/langchain-ai/react-voice-agent 저장소의 코드를 그대로 돌려서 보여주셨구요. 이 저장소의 코드는 Starlette과 langchain 기반으로 작성되어있습니다.

이를 django/channels + langchain 버전으로 포팅해봤습니다. ;-)
https://github.com/pyhub-kr/pyhub-django-react-voice-agent

react-voice-agent 프로젝트와 기능적으로 동일합니다. OPENAI_API_KEY 환경변수만 설정하시고, http://localhost:8000 페이지로 접속하시면 동작합니다.

위 테디노트 영상을 아직 안 보셨다면 먼저 보시고, 코드를 돌려보세요.

django channels의 AsyncWebsocketConsumer를 활용했습니다.

#openai #realtime

"장고를 효율적으로 활용한 웹 프론트엔드 개발" 주제로 모두의 연구소 강남점에서 특강을 곧 3시부터 2시간 동안 오프라인으로 진행합니다. 발표 슬라이드와 코드 저장소를 공유합니다.

1. 장고에서 django-cotton 라이브러리를 통해 다양한 동적인 컴포넌트를 만드는 방법

- 아이콘 컴포넌트, 지도 컴포넌트, 이미지 파일 미리보기 위젯, 등)

- 리액트 컴포넌트와의 비교

- HTMX 활용

2. django view를 활용하여 ChatGPT 서비스 만들기 (No JS)

- 이미지/텍스트 입력값 전송 (멀티모달)

- 스트리밍 응답을 구현하고 화면에 적용하는 방법

- LLM을 활용한 응답 생성

- 클래스 기반 뷰로 리팩토링하는 방법

- 웹소켓 없이 SSE를 장고 뷰로 구현하여, 다자간 채팅 구현

3. 자유자재로 폼 레이아웃 구성하기

- 커스텀 템플릿 활용

- django-widget-tweaks 및 django-crispy-forms 활용

4. 웹 API에서 JWT가 아닌, 장고 기본의 세션 인증을 활용하는 방법

- JWT 인증과의 비교

- 장고 LoginView/LogoutView에서 다른 호스트로부터의 로그인/로그아웃 요청 처리하기

- 다른 호스트와와 세션 쿠키를 공유하는 방법

슬라이드 : https://drive.google.com/file/d/1tcdHEiadFuFb-HOSEVIQkCvgJ8ssY4wv/view?usp=drive_link

코드 저장소 : https://github.com/pyhub-kr/pyhub-htmx-examples

영상으로는 따로 촬영해서, 공유드리겠습니다. :-)

안녕하세요. 이진석입니다.

지난 새벽에 모든 영상을 업로드했습니다.
오랜 시간 기다려주셔서 감사드립니다. 덕분에 잘 마칠 수 있었습니다.

배포 마지막 영상에서 HTTPS 인증서 발급하기를 다루는 데요. HTTPS 인증서를 발급받기 위해서는 도메인이 필요하거든요. 도메인이 없으신 분들을 위해, 본 강의 수강생 혜택으로 1회에 한해 pyhub-django.com 서브 도메인을 연습 목적으로 발급해드립니다. 관련 공지를 통해 내용을 확인하시고 신청하실 수 있습니다.

본 강의 제작이 여기에서 끝나는 것이 아니라, 지속적으로 내용을 업데이트하여 보다 좋은 강의가 될 수 있도록 최선을 다하겠습니다.

앞으로도 많은 관심과 성원을 부탁드립니다.

여러분의 파이썬/장고 페이스메이커가 되겠습니다.

파이썬 사랑방, 이진석 드림

https://risingstars.js.org/2023/en#section-framework 에 따르면, HTMX 라이브러리가 2023년 7월부터 GitHub 스타수가 급등했군요. 전체 스타수로는 다른 프레임워크에 비해 많이 부족하지만, 최근 많이 관심을 받고 있음을 보여주는 지표네요.

2023년에 추가로 받은 GitHub 스타수

• 리액트 : + 1.69만

• htmx : + 1.56만

• 스벨트 : + 1.03만

• Million : + 8200

• Vue.js : + 7900

HTMX는 프론트엔트 라이브러리로서 백엔드를 가리진 않지만, 장고와 더욱 좋은 궁합을 보여주고 있구요. js코드를 거의 쓰지 않고 html 마크업 만으로 많은 UI 작업을 처리할 수 있습니다. 물론 js를 쓸 줄 알면 더 많은 작업을 할 수 있겠죠.

본 강의에서도 "섹션 10: 장고 주도의 웹 프론트엔드 기술과 웹 컴포넌트" 에서 HTMX에 대해 15개 영상에 걸쳐 깊게 다루고 있습니다. ;-)

https://www.inflearn.com/course/lecture?courseSlug=%ED%8C%8C%EC%9D%B4%EC%8D%AC-%EC%9E%A5%EA%B3%A0-%EC%9B%B9%EC%84%9C%EB%B9%84%EC%8A%A4-with%EB%A6%AC%EC%95%A1%ED%8A%B8&unitId=204268

여러분. HTMX 강력 추천입니다~!!!