개발 · 프로그래밍 웹 개발

ChatGPT 영어 상황극 채팅 서비스 만들기 (Feat. 파이썬/장고채널스) 대시보드

(5) 7개의 수강평 ∙ 176명의 수강생

이진석

Python Django django-channels ChatGPT

66,000원

지식공유자: 이진석

총 40개 수업 (2시간 22분)

수강기한:

수료증: 발급

난이도: --

지식공유자 답변이 제공되는 강의입니다

폴더에 추가 131

중급자를 위해 준비한
[웹 개발, 백엔드] 강의입니다.

ChatGPT 유저에 그치지 마시고, 장고/채널스와 함께 GPT 서비스 개발자로 거듭나세요. 이 강의와 함께 장고/채널스의 진수를 빠르게 익혀보세요!

✍️
이런 걸
배워요!

ChatGPT API를 활용한 영어 상황극 서비스 개발

장고 채널스를 활용한 리얼 웹 채팅 서비스 개발

상황극 채팅 부가 기능 개발 (표현추천, 메시지 읽어주기)

구글 번역 사이트 크롤링을 통한 TTS 개발

웹 서비스에서의 TTS 지원과 Web Audio API 활용

실시간 웹서비스 개발도 장고/채널스로!
비즈니스의 성공을 이끌고 시간도 아끼세요 💪

✅ 강의 듣고 파이참 프로 쿠폰 받자!

장고 개발 최적의 IDE, 유료 PyCharm Professional을 수강 이후에도 사용하실 수 있도록 JetBrains으로부터 6개월 쿠폰을 후원받았습니다. 강의를 완강하신 뒤 아래 방법을 읽고 신청해주세요.

신청 방법 (필독) 🎫

강의 실습은 Pycharm Professional 트라이얼 라이센스(1개월)로 진행합니다.

수강신청 하셨다면, 파이참 쿠폰이 필요하실 때 구글 폼을 작성한 다음 쿠폰을 신청해주세요.
매주 금요일까지 신청을 받아, 이메일로 쿠폰을 보내드리겠습니다.
받은 쿠폰은 즉시 등록해주세요. 등록하지 않으면 JetBrains로부터 더 이상 라이센스 지원을 받을 수 없게 됩니다.
쿠폰 신청은 강의별로 1인 1회 가능합니다.
JetBrains 정책으로 한 JetBrains 당 1개의 쿠폰만 등록하실 수 있습니다.
본 쿠폰을 사용하신 후, 해당 계정에서 이어 유료로 JetBrains을 구독하면 할인된 가격으로 구독하실 수 있습니다.

참고) 학생/교사이신 분은 JetBrains의 학생 지원 프로그램을 통해, JetBrains의 모든 툴을 1년 단위로 라이센스 받으실 수 있습니다. 해당 프로그램을 신청하시면 수일 내로 라이센스를 발급받으실 수 있습니다.

우리가 만들 웹 애플리케이션 🚀

“Life is Short, Learn Django Channels!”
실시간 웹서비스 개발도 OK! 성공적인 비즈니스를 이끄는 선택.

언어와 레벨을 선택하고 한국어로 원하는 상황을 입력하면 인공지능 GPT와 자유롭게 상황극을 하며 대화를 나눌 수 있어요.

상황에 맞는 표현 추천메시지 읽어주는 기능 지원

_{영어 초급 : 베트남 음식 전문점에서 음식을 주문하는 상황}

_{일본어 초급 : 베트남 음식 전문점에서 음식을 주문하는 상황}

_{상황극 채팅방 설정 페이지}

OpenAI 챗봇 API를 이해하고,
웹 서비스 개발까지 경험할 수 있습니다.

꼼꼼한 이해, 그리고 충분한 실습

이 강의에서는 OpenAI 챗봇 API로 실용적인 영어 상황극 서비스를 개발하는 방법을 알아봅니다. CLI 버전의 간결한 UI로 채팅을 구현하며 OpenAI 챗봇 API에 대한 이해를 쌓은 다음, 장고 채널스를 활용한 실시간 웹 채팅 서비스 개발까지 실습을 통해 차근차근 다루는 실속 강의입니다.

상황극 채팅에 유용한 부가 기능 개발까지

실제 서비스 개발자로 나아가고 싶다면

💡

같은 기능, 2가지 UI

채팅 앱을 CLI와 웹, 2가지 형태로 개발하며
코드 이해도를 높입니다.

🌳

숲에서 나무로 가는 설명

슬라이드를 보며 전체 코드를 이해하고,
실습을 통해 세부 내용까지 꼼꼼히 다룹니다.

📚

강의 슬라이드 PDF 제공

자세하게 이해하고 싶은 내용,
복습하고 싶은 내용을 편하게 읽어보세요.

📜

100% 한국어 자막 지원

언제, 어디서든 내용 파악을 빠르게!
모든 수업에 자막을 지원합니다.

배우는 내용

1. Overview

다양한 LLM 채팅 서비스를 소개하며, 영어 상황극 채팅 서비스 개발을 위해 필요한 기술을 정리해봅니다.

2. OpenAI API 살펴보기

OpenAI 챗봇 API 사용법을 먼저 익히고, 안전하게 API KEY를 다루는 방법을 배웁니다.

3. 영어 상황극 채팅 CLI 애플리케이션 만들기

언어별 상황극을 위한 ChatGPT 프롬프트를 소개하며, CLI 버전의 채팅 애플리케이션을 만들어봅니다. 이후 개발할 웹 버전의 채팅 애플리케이션과 동일한 기능으로 개발이 이루어집니다. 웹 버전에 비해 채팅 본연의 기능 개발에 보다 집중해서 학습할 수 있습니다.

GPT와 대화 나누기
어떤 표현을 써야할 지 난감할 때, 표현 추천받기
메시지를 음성으로 읽어주기

4. 영어 상황극 채팅 웹서비스 : 프로젝트 사전 작업

웹 서비스 개발을 위한 장고 프로젝트를 생성하고, 필요한 사전 작업을 진행합니다.

django-environ 라이브러리를 활용한 환경변수 처리
django-bootstrap5 라이브러리를 활용한 손쉬운 Bootstrap5 통합
상황극 채팅방 설정을 담는 장고 모델 설계
(테스트 목적) 구글 번역 모바일 페이지 크롤링을 통한 번역 기능

5. 채팅방 생성/수정/목록/상세 페이지 만들기

웹 채팅 서비스에는 채팅 구현 외에도 서비스의 기반이 되는 페이지 구현이 필요합니다. 유저가 원하는 만큼 언어/레벨/상황의 채팅방을 개설하고 관리할 수 있는 기능을 최대한 효율적으로 장고를 활용해 개발해봅니다.

6. 채널스와 웹소켓을 통한 서버와 1:1 채팅 구현하기

장고 채널스에는 웹소켓 프로토콜을 네이티브로 지원합니다. 채널스를 효율적으로 사용해 웹소캣 1:1 채팅을 만들며, OpenAI 챗봇 API 호출에 필요한 대화내역을 채널스에서 효율적으로 저장/관리하는 방법까지 제안드립니다.

7. 웹소켓을 통한 상황극 채팅 기능 만들기

본 강의의 클라이막스 섹션입니다! 지금까지의 과정은 이 섹션을 위한 빌드업이었습니다. 상황극 프롬프트를 구성하고, 웹소켓을 통해 OpenAI 챗봇 API와 대화를 나누는 부분을 만들어봅니다.

8. 상황극 채팅 서비스 부가 기능 만들기

모국어가 아닌 다른 언어로 상황극 채팅을 하다 보면 여러 불편한 상황이 생깁니다.
이어서 어떤 표현을 써야 할지 막막할 때
글자로만 보니까 아쉬운데, 메시지를 음성으로 읽어줬으면 할 때
메시지를 자동으로 읽어줬으면 할 때

이러한 불편을 해결해, 보다 유용하고 재미있는 상황극 채팅 서비스로 업그레이드합니다!

9. 마치며

수업을 진행하는 과정에서 누락된 코드를 보충하며 강의를 마칩니다.

HTML 템플릿에 누락된 링크 추가
모델 클래스에 get_absolute_url 메서드를 구현하여, CreateView/UpdateView 저장 후에 이동할 주소 지정

파이썬과 장고에 진심인
소프트웨어 개발자, 이진석입니다.

여러분의 파이썬, 장고 & 리액트 페이스메이커가 되겠습니다.

파이썬 홀릭, 장고 실무 16년 차 개발자
장고 질답 커뮤니티 Ask Company with Django/React (구. Ask Django) 운영자
Microsoft Azure MVP 어워드 수상 (2016~2021, Microsoft MVP가 무엇인가요?)

서울대학교 벤처경영학 연합전공, 파이썬/장고 강의 "벤처창업 웹프로그래밍" 강사 (2016/2017)
패스트캠퍼스 웹서비스 개발 캠프 (파이썬/장고) 3기 강사 (2015)
다수 대학 및 기업 강의 및 자문 : 서울대학교, 카이스트, 부산대학교, 한양대학교, 국민대학교, 삼성전자, LG전자, LS그룹, SK Planet, 엔코아, KB증권, SK텔링크, 현대자동차그룹 이노션, 코스콤, 네이버 NIT Service, 아트센터 나비, 한국은행, 한국산업기술평가원 등

Q&A를 확인해보세요.

Q. 선수 강의가 있나요?

본 강의는 장고/채널스 실습 강의로, 장고/채널스에 대한 이론을 다루지는 않습니다. 채널스에 대한 기본 이론은 파이썬/장고로 웹채팅 서비스 만들기 (Feat. Channels) - 기본편에서 다루고 있으니, 먼저 수강하시면 강의 이해도를 높이는 데에 큰 도움이 됩니다. 하지만 해당 강의를 수강하지 않으셔도 실습에 필요한 부분들은 충분히 설명을 드리고 있어 강의에서 다루는 내용을 이해하시는 데에는 무리가 없으실 것입니다.

Q. 수강 전 갖춰야 할 환경은 무엇인가요?

본 강의는 중급 강의로 개발환경 구축에 대해서는 따로 다루지 않습니다. 개발환경 구축은 장고 설계철학으로 시작하는 파이썬/장고 입문 강의의 개발환경 구축 섹션을 미리보기로 공개해두었으니, 이를 참고해 구축해주세요.

함께 들으면 좋은 강의

🎓
학습 대상은
누구일까요?

ChatGPT 유저에서 서비스 개발자로 거듭나고 싶으신 분

ChatGPT API를 활용한 실전 웹서비스 개발을 익히고 싶으신 분

장고 채널스를 익히시고, 새로운 도전거리를 찾으시는 분

장고 기본을 익히시고, 웹 채팅 서비스 개발이 궁금하신 분

📚
선수 지식,
필요할까요?

장고 기초 (뷰, 모델, 템플릿의 이해)

프론트엔드 기초 (HTML, CSS, JS 기본 문법)

파이썬과 장고에 진심인 소프트웨어 개발자

- 파이썬 사랑방 주인장
- 파이썬 사랑방 with Django/React 커뮤니티 (구. Ask Django) 운영자
- Microsoft Azure MVP 어워드 수상 (2016년~2021년)

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

이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.

섹션 0. Overview 5 강 ∙ 9분

시작하기 전에 미리보기

강의 슬라이드 다운로드

[01/01] Overview 및 OpenAI API 키 발급 미리보기 03:13 [01/02] LLM 채팅 서비스 예시 미리보기 03:20 [01/03] 영어 상황극 채팅 웹서비스를 위해 필요한 기술 미리보기 02:36

섹션 1. OpenAI API 살펴보기 3 강 ∙ 13분

[02/01] OpenAI API 실습 미리보기 08:49

[02/02] 3개의 Role과 Token 카운트 02:18

[02/03] .env 파일을 통한 OPENAI_API_KEY 환경변수 관리 02:18

섹션 2. 영어 상황극 채팅 CLI 애플리케이션 만들기 5 강 ∙ 15분

[03/01] 언어별 상황극을 위한 ChatGPT 프롬프트 예시 미리보기 02:30 [03/02] 영어 상황극 채팅 CLI 미리보기 06:13 [03/03] 명령행에서 음성으로 메세지 읽어주기 미리보기 03:54

[03/04] 명령행에서 표현 추천받기 02:19

[03/05] 명령행에서 Assistant 메세지를 자동으로 읽어주기 00:59

섹션 3. 영어 상황극 채팅 웹 서비스, 사전작업 7 강 ∙ 19분

[04/01] 웹 서비스로 개발해야한다면? 01:29

[04/02] 장고 프로젝트 생성 및 프로젝트 초기화 02:40

[04/03] django-environ 라이브러리를 활용한 환경변수 로딩 02:16

[04/04] Bootstrap5 라이브러리 적용 및 파이참 장고 지원 활성화 02:31

[04/05] django-bootstrap5 추천 설정 01:25

[04/06] 상황극 채팅방 설정을 담는 장고 모델 설계 및 마이그레이션 05:45

[04/07] 구글 번역 모바일 페이지 크롤링을 통한 번역 03:22

섹션 4. 채팅방 생성/수정/목록/상세 페이지 만들기 6 강 ∙ 24분

[05/01] 상황극 채팅방 생성 페이지 만들기 10:35

[05/02] admin web을 통한 저장 및 확인 02:46

[05/03] 상황극 채팅방 수정 페이지 만들기 03:01

[05/04] 상황극 채팅방 목록 페이지 만들기 03:10

[05/05] 상황극 채팅방 상세 페이지 만들기 (기본 채팅 UI 구현) 01:46

[05/06] 상황극 채팅방 삭제 페이지 만들기 03:28

섹션 5. 채널스와 웹소켓을 통한 서버와 1:1 채팅 구현하기 4 강 ∙ 13분

[06/01] 웹소켓을 통한 서버와 1:1 채팅과 즉각적인 메세지 전송 02:54

[06/02] 웹소켓 통신 준비 (서버 단) 02:03

[06/03] 웹소켓 통신 준비 (클라이언트 단) 06:19

[06/04] 웹소켓 연결마다 어떤 값을 유지할려면 02:28

섹션 6. 웹소켓을 통한 상황극 채팅 기능 만들기 5 강 ∙ 20분

[07/01] 웹소켓 기본 프롬프트 구성하기 04:42

[07/02] 웹소켓 접속 유저의 RolePlayingRoom 및 초기 프롬프트 조회하기 05:18

[07/03] GPT API 호출하여 채팅 응답받기 04:07

[07/04] assistant-message 타입의 메세지 처리하기 02:57

[07/05] 유저 채팅 메세지 처리 02:56

섹션 7. 상황극 채팅 서비스 부가 기능 만들기 4 강 ∙ 24분

[08/01] 대화 메세지 추천받기 - 서버 구현 03:11

[08/02] 대화 메세지 추천받기 - 웹 프론트엔드 구현 03:10

[08/03] TTS 엔진을 통해 메시지를 음성으로 읽어주기 11:42

[08/04] 음성합성 대신 서버에서 mp3 생성하기 06:02

섹션 8. 마치며 1 강 ∙ 2분

[09/01] 보충 - 누락된 링크 추가 및 RolePlayingRoom에 대한 get_absolute_url 메서드 추가 02:17

강의 게시일 : 2023년 06월 29일 (마지막 업데이트일 : 2024년 02월 05일)

수강생분들이 직접 작성하신 수강평입니다.

7개의 수강평

5점

4점

3점

2점

1점

VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순

gpt를 활용한 영어채팅 만드려고 하다가 멈춘 상황에서, 이걸 봤습니다! 아직 django 자체가 미숙하여 어렵긴 했지만, 재밌게 쉽게 잘 알려주셨습니다. 천천히 따라가면 충분히 이해할 수 있는 유용한 강의라고 생각합니다!

2023-08-22

좋은 강의 감사합니다~!

2024-01-31

장고 채팅서버 구현하면서, 채널스 정보가 너무 없었는데... 응용강연까지 :) 유익한 강연이었습니다!!

2023-06-30

gpt를 이용하여 개인 프로젝트에 서비스를 만들어보고자 했는데 해당 강의를 들으면서 어떤 식으로 구상해야 할지 감을 잡을 수 있었습니다. 강의마다 코드 주소도 적혀 있고, 강사님께서 코드 작업 전 개념과 로직 흐름 설명해주시는 부분이 정말 좋은거 같아요. 다음에 또 좋은 강의 등록해주시면 수강하고 싶습니다. 잘 들었습니다. :)

2023-11-29

너무 감사합니다.

2023-11-12