인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

풀스택

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

파이썬/장고 웹서비스 개발의 기초를 탄탄히 다져보세요. 장고 학습에는 시간도 걸리지만, 반복되는 개발 속에 여러분의 생산성을 극대화하실 수 있습니다. 여러분의 상상을 현실로 만들어보세요.

(4.9) 수강평 14개

수강생 608명

Thumbnail
새소식 목록
관리
작성
이진석님의 프로필 이미지

수정됨

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

"장고를 효율적으로 활용한 웹 프론트엔드 개발" 주제로 모두의 연구소 강남점에서 특강을 곧 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


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

댓글