ChatGPT 영어 상황극 채팅 서비스 만들기 (Feat. 파이썬/장고채널스)
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에 대한 이해를 쌓은 다음, 장고 채널스를 활용한 실시간 웹 채팅 서비스 개발까지 실습을 통해 차근차근 다루는 실속 강의입니다.
상황극 채팅에 유용한 부가 기능 개발까지
이 강의에서는 OpenAI 챗봇 API로 실용적인 영어 상황극 서비스를 개발하는 방법을 알아봅니다. CLI 버전의 간결한 UI로 채팅을 구현하며 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년)
여러분의 파이썬/장고/리액트 페이스메이커가 되겠습니다. 😉
커리큘럼
전체
40개 ∙ (2시간 22분)
가 제공되는 강의입니다.