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

장고와 django-rest-framework를 
깊이 있게 다루는 국내 유일 강의! 

이 강의에 대해서 📖

바퀴를 재발명하지 마세요. 백엔드 개발에 필요한 거의 모든 기능을 장고(Django) 하나에서 지원하고 있습니다. 장고를 누리시어 반복을 줄이고 여러분의 시간을 아끼세요. 장고/리액트를 통해 개발 생산성을 극대화하고 개발해야 할 코드도 확연히 줄이며 코드의 가독성도 높여보세요.

그러기 위해서는 장고/리액트에 대한 탄탄한 기초가 필요합니다. 이 하나의 강의를 통해 그 기초를 탄탄하게 닦으실 수 있습니다.

• 장고 백엔드와 리액트 프론트엔드, 컨테이너 배포를 하나의 강의를 통해 깊게 배우실 수 있습니다.
• 장고와 django-rest-framework (이하 DRF) 기초부터 실무 활용까지 이론/실습을 병행하며 배울 수 있습니다.
• 최신 리액트에서 지원하는 함수 컴포넌트, Hooks과 장고 API를 연계한 실무 레벨의 웹서비스 개발을 배울 수 있습니다.
• 컨테이너(도커)를 활용하여 인프라 스트레스없는 웹서비스 배포를 배울 수 있습니다. AWS와 Azure로의 배포를 경험합니다.
• 유사한 기능의 서비스를 다양한 방법으로 여러 번 개발하는 동안에 각 기술의 특성에 대해서 이해하게 되고 자연스레 반복 수련하게 됩니다.

---

이 강의가 필요하신 분 🔑

그밖에, 이런 분들도 도움이 됩니다.

• ✅ 머신러닝은 알고 있지만, 이를 웹서비스로 연동해보고 싶으신 분
• ✅ 다른 장고 강의를 수강했지만, 보다 탄탄하게 장고 복습이 필요하신 분

---

강의 특징 ✨

장고를 깊게, 진심으로 다루는 강의

여러분들께서 장고를 올바르게 이해하시고 활용하실 수 있도록 돕고자 설계된 강의입니다. 장고의 설계 철학을 진심으로 전달하고자 하였습니다. 다음은 장고의 설계철학 중 몇 가지를 발췌하였습니다.

1. 장고는 가능한 한 최소한의 코드를 사용하며, 틀에 박힌 코드를 배제합니다.
2. 21세기 웹 프레임워크의 주안점은 웹 개발의 속도를 높이는 것입니다. 장고는 놀라우리만큼 빠른 웹 개발을 가능케 해야 합니다.
3. 중복성은 나쁜 것이고 정규화는 좋은 것입니다. 장고는 반복하지 말고 (DRY), 최소한의 것들을 가지고 최대한의 것을 만들어내도록 합니다.

하나의 강의에서 백엔드와 프론트엔드를 모두 깊게 다룹니다.

왕도는 없습니다. 꾸준히 차근차근 학습하는 것뿐입니다. 그 길을 저와 함께 하시죠. 당신의 파이썬/장고/리액트 페이스메이커가 되겠습니다. 아래 장OO 님의 수강평을 인용합니다.

장고에 진심인 개발자의 13년의 장고 실무 경험과 6년 질답 경험을 녹여낸 강의

1. 파이썬 2004년(버전 2.4), 장고는 2008년(버전 1.0)  1.0 (2008년) 부터 주력으로 사용해오며 다양한 웹서비스/임베디드/공장자동화(FA) 프로젝트를 장고와 파이썬으로 수행한 실무 경험
2. 2015년부터 Ask Django 커뮤니티를 통해 다양한 장고/크롤링/파이썬 관련 질답 경험
3. 2015년부터 수천시간의 장고/파이썬 오프라인 강의 경험
4. 갓 만든 코스가 아닙니다. 6년 동안 오프라인과 온라인에서 강의하면서 계속 정제되고 업그레이드된 강의입니다. 앞으로도 꾸준히 업그레이드될 것입니다.

깊이있는 질문을 너무나 좋아하는 강사

다양한 질문을 환영합니다. 강의에서 다루지 않은 내용이더라도 장고/리액트 관련된 질문이면 모두 환영입니다. 세상에 멍청한 질문이란 없습니다. 다양한 질문을 주세요. 같이 고민하고 같이 성장하도록 해요.

예전 생활코딩 이고잉 님의 글이 좋아서 인용해봅니다.

첨언하자면, 질문자가 번거로워야 보다 좋은 답변을 얻을 수 있습니다. 그리고 해결하신 질문에 해결 과정도 같이 기술해주시면 나중에 찾아볼 때에도 좋고, 다른 분들께도 큰 도움이 됩니다.

무제한 수강기한과 계속 업데이트되는 강의

본 강의가 장고 참고서가 되실 수 있도록, outdated된 내용이 생기지 않도록, 변경된 장고 기능은 꾸준히 업데이트 드릴 것을 약속드립니다. 계속 진화하는 강의가 될 수 있도록 노력하겠습니다. 장고 기본은 이 강의 하나로 끝내세요. 혹시 제가 놓치고 있는 부분이 있다면 제보 부탁드립니다. 즉시 반영토록 하겠습니다.

슬라이드 기반의 이론 강의, 그리고 PDF 제공

모든 이론 챕터에서 사용하는 슬라이드는 다년간 강의를 진행하면서 다듬어지고 정제된 슬라이드입니다. PDF 파일로도 제공해드리기 때문에 필기하시면서 강의를 수강하시기 좋습니다.

참고하시면 좋을 공식 문서 링크도 꼼꼼하게 PDF 문서 내에 추가해두었습니다. 관련 공식 문서는 틈날 때마다 읽어보세요. 장고는 공식 문서가 정말 잘 갖춰져 있습니다. 공식 문서에 답이 있습니다. 공식 문서를 보는 습관을 들여야 합니다. 그래야 실력이 빠르게 늡니다. 구글링부터 하지 마시고, 하시더라도 정확하게 구글링하시면 아마 공식 문서가 뜰 것입니다.

_{장고 공식문서 링크를 문서에 추가해 놓았습니다.}

모든 실습 코드는 GitHub 저장소를 통해 공유

아래 저장소에 모든 실습 내역이 커밋되어 있습니다. 직접 눈으로 실습 내역을 확인하고자 하실 때 편리합니다.

---

수강 전 미리 준비하셔야 할 것들 ✔️

가장 중요한 것은 개발에 대한 열의이며 끈기입니다. 한 번에 모든 것을 이해할 수는 없습니다. 끈기있는 수련 만이 여러분의 실력을 키워줄 수 있습니다. 그 여정의 여러분의 페이스메이커가 되겠습니다.

꼭 파이썬 기초 문법에 먼저 익숙해지시고 나서, 본 강의를 시작하시기를 추천드립니다. 최소한 파이썬 함수/클래스/상속/일급함수/장식자는 꼭 살펴보시고 시작해주세요.

이 중에 상속과 장식자는 장고의 여러 기능을 이해하고 커스텀하는 데에 꼭 필요한 문법입니다. 장식자 컨셉은 리액트의 HOC (Higher Order Components)에도 유사하게 적용이 됩니다. 파이썬과 자바스크립트는 스크립트 언어이기에 유사한 문법들이 많습니다.

---

이 강의를 충실하게 따라오면 얻는 것들 📜

웹에 대한 이해와 장고 백엔드, 그리고 리액트 프론트엔드 개발의 기초를 탄탄하게 다질 수 있게 됩니다. 그를 통해 간단한 형태의 인스타그램/배달의민족 서비스 정도는 뚝딱 만드실 수 있습니다. 물론 단순히 강의를 한 번 듣고 코드를 따라친 것만으로 이러한 경지에 이를 수는 없습니다. 성실히 강의에 임하시고, 고민하시고, 질문하시고, 개발해보세요.

장고를 잘 이해하시게 되면 Flask 혹은 FastAPI 등의 파이썬 웹프레임워크를 빠르게 시작하실 수 있습니다. 서로 다른 듯하지만, 모두 파이썬으로 개발된 웹 프레임워크니까 비슷합니다. 하나의 서비스에서도 필요에 의해 섞어 사용하실 수 있습니다.

마지막 챕터에서 도커 컨테이너를 활용한 배포에 대해서도 자세히 알려드리겠습니다. 이를 활용하신다면 다양한 클라우드 벤더에서 언어/프레임워크에 상관없이 보다 수월하게 웹 서비스를 배포하실 수 있어요 :-)

---

학습 내용 📚

오리엔테이션 (2강, 32분)

장고와 리액트의 기술적인 배경에 대해서 이해해봅시다.

 

장고 Overview (5강, 51분)

장고 개발환경을 세팅하고, 장고의 핵심 기능에 대해서 살펴봅니다. 그리고 장고의 강력함을 경험하실 목적으로, 장고 블로그 개발 라이브 코딩쇼를 진행합니다. 소스코드 편집기는 Visual Studio Code를 사용하며 윈도우 중심으로 개발환경 세팅을 설명드립니다.

 

장고 Models를 활용한 데이터베이스 처리 (14강, 4시간 2분)

장고 ORM인 Models의 각 기능을 이해하고, 모델을 활용하여 데이터베이스 CRUD 방법을 익힙니다.

 

장고 Views를 활용한 HTTP 요청 처리 (12강, 3시간 37분)

장고 View를 통해 HTTP 요청을 처리하는 다양한 방법에 대해서 이해해봅시다.

 

웹 프론트엔드 기초 및 장고에서 static 파일을 처리하는 방법 (6강, 1시간 46분)

가장 기초가 되는 웹 프론트엔드 HTML/CSS/JS 개발 방법에 대해서 배우고, CSS/JS 파일을 장고 프로젝트 내에 배치하는 방법을 배웁니다.

 

장고 Forms를 활용한 효율적인 데이터 유효성 검사 및 저장 (9강, 3시간 4분)

장고 Forms를 활용한 유효성 검사를 배우고 이를 View에서 활용하는 방법을 배웁니다. 서버로 전달되는 모든 데이터는 절대 신뢰해서는 안 되고 반드시 데이터 유효성 검사를 거친 후에 DB에 반영해야 합니다.

예를 들면 은행에서 100만원 출금 요청이 왔는 데 잔고가 100만원이 있는 지 검사를 하고 나서 출금을 해야겠죠. 당연한 이야기 같지만, 잔고 검사없이 100만원 출금을 처리하도록 프로그램을 개발하시는 분들이 많습니다. 유효성 검사를 번거로워하시거나 어려워하셔서, 일단 구현하고 보자며 유효성 검사를 하지 않으시는 거죠.

이러한 장고는 유효성 검사를 체계적으로 할 수 있도록, 여러 기능들이 잘 연계가 되어있습니다. 장고를 잘 알면 최소한의 코드로 체계적인 유효성 검사를 수행하고, 우리의 서비스를 보다 안전하게 관리하실 수 있습니다. 이러한 기능들을 잘 활용하고 누릴려고 웹 프레임워크를 쓰는 것 아닌가요? 아는 만큼 보이고, 아는 만큼 활용할 수 있습니다. 무작정 타이핑이 개발이 아닙니다.

 

장고 기본 인증 구현하기 (7강, 57분)

서비스에서 인증의 보안을 꼭 챙겨야할 필수 기능입니다. 웹에는 다양한 취약점이 있으며 이러한 취약점들을 하나 하나 챙기는 것은 어려울 수도 있습니다. 장고는 장고 기본에서 인증에 필요한 거의 모든 기능을 제공해줍니다. 인증 기능을 장고 팀에서 개런티하고 유지보수를 해주는 것이죠.

장고 팀에서 제공해주는 기능을 쓴다고 해서 커스텀이 막혀있는 것은 아닙니다. 우리가 원하는 만큼 커스텀할 수 있도록 잘 설계되어있습니다. auth 앱의 디폴트 로직을 100% 따른다면 코딩할 것이 거의 없기도 합니다. 장고 기본 앱인 auth 앱을 최대한 활용하여 로그인/로그아웃/회원가입 기능을 구현해봅시다.

 

비 SPA 방식으로 장고 Forms/Views를 적극 활용한 인스타그램 St 만들기 (23강, 7시간 5분)

이제 실전입니다. 장고의 기능을 최대한 활용하여 인스타그램 St 서비스를 같이 개발해봅시다.

 

장고 django-rest-framework (이하 DRF)를 활용한 효율적인 웹 API 만들기 (15강, 5시간 45분)

장고 기본 기능은 웹페이지 구현에 포커스가 맞춰져 있습니다. 웹 API 개발에 사용할 수는 있지만 100% 용법이 일치하는 것은 아닙니다. 그래서 웹 API 개발에 포커스를 맞춘 DRF가 개발되었습니다. DRF는 장고와 별개의 라이브러리가 아니라, 장고의 설계철학을 그대로 따르고 있는 라이브러리입니다. DRF의 Serializer는 장고 기본의 Form의 철학을 따릅니다. DRF의 ViewSet/APIView는 장고 기본의 CBV 기반에서 개발되었습니다. 그러니 DRF를 잘 하기 위해서는 장고 기본을 잘 해야, 그 기능을 100% 이해하고 활용할 수 있게 됩니다.

 

ES6+ 문법 및 리액트 기초 익히기 (24강, 9시간 26분)

ECMAScript 6 (이하 ES6) 문법을 익히고, 리액트의 핵심 개념들에 대해서 배웁니다.

 

리액트와 함께 SPA 방식으로 인스타그램 만들기 (21강, 6시간 53분)

이전 섹션까지 해서 장고/리액트 개발에 필요한 기본 이론들을 모두 배웠습니다. 이제 리액트와 장고를 섞어서 함께하는 실전입니다. 장고/리액트의 기능을 최대한 활용하여 인스타그램 St. 서비스를 같이 개발해봅시다. 본 강의에서는 인스타그램 St. 모든 기능을 다 구현하지는 않습니다. 필요한 여러 서비스 기능들이 기술적으로는 비슷한 구현들이 있기에, 중복 없이 핵심적인 서비스 기능들을 위주로 설명드립니다.

 

컨테이너 기반으로 AWS/Azure 인프라에 장고/리액트 서비스 배포하기 (14강, 3시간 29분)

컨테이너 기반의 서비스 배포의 필요성에 대해서 배우고, Docker 설치방법 및 Docker 이미지를 빌드하고 배포하는 방법에 대해서 배웁니다.

 
 

---

예상 질문 Q&A 💬

---

그동안의 수강생들이 증명하는
생생한 수강평 💬

본 강의는 다른 플랫폼에서 서비스하던 콘텐츠를 인프런으로 이전하였습니다. 이전 플랫폼에서의 수강평을 공유드립니다.

더 많은 수강평이 궁금하다면? (더보기)

liveOO 님
일단 이렇게 좋은 강의를 만들어주셔서 너무 감사합니다!! 들리는 소문에 의하면 정말 좋은 강의라고 해서 믿고 결제 했는데 역시나 다른 강좌들과 다르게 돈이 안아까웠던 강의였습니다. 처음부터 끝까지 제대로 따라 하다보면 강의 시간 분량보다 오래 걸리지만 그 시간이 절대로 아깝지 않습니다. 한번 보기엔 너무 아까운 강의입니다. 기초가 부족하다 싶으신 분들은 꼭 듣기를 추천드립니다 :)

현OO 님
이런 강의가 더 많이 생겼으면 좋겠습니다. Django 자체가 추상화가 된 부분이 많아 무언가 쉽게 만들 수는 있지만 내부를 이해하지 못한 경우가 많았습니다. 그런 점에서 내부 코드를 설명해 주신 부분은 도움이 많이 되었습니다. 감명 깊게 보아 블로그에 추천하는 후기도 썼습니다. 감사합니다 :)

이OO 님
askcompany 때 강의를 듣다가 이번에 다시 결제해서 제대로 해보고자 합니다. 기본에서 부터 자세한 내용들 까지 많은 도움이 됩니다. 학기가 시작해 한동안 못들었지만, 다시 짬을 내서라도 마저 들으려고 합니다. 훌륭한 강좌 만들어 주셔서 감사합니다. '인생은 짧습니다. 파이썬과 장고를 사용하세요.' 말이 맴도네요. 열심히 하겠습니다.

한OO 님
평소에는 파이썬으로 이런저런 작업하면서 flask 조합으로 api를 올리는데 어느순간부터 장고로 좀더 많은 작업을 필요로 하는 일이 생기게 되어서 듣고 있습니다 .코드를 하나하나 예제 만들면서 하기 때문에 빠른시간에 매우쉽고 필요하신 부분을 습득하실수 있습니다. 장고 공부하셔야되면 강력추천합니다 !

양OO 님
정말 좋은 강의입니다, react 와 django 로 만들어진 open source 를 분석해서 수정해야 하는 일이 생겨서, 단기간에 react 와 django 를 급하게 배우고 있는데, 어렵지만 잘 설명해 주셔서 잘 배우고 있습니다. 응용프로그램만 하다가 웹 프로그램을 그것도 react 와 django 로 풀스택 개발을 하려니 개념도 없었는데 그런 것도 도움이 많이 되고요. 중간중간 팁으로 알려주시는 정보들도 너무 유용하고요. 책만으로는 어려웠을 것 같아요. 배울 내용, 알아야 하는 내용이 많아요. 아직 듣고 있는 중이지만 이번 기회를 통해서 웹의 최신 기술을 알아가는 것 같아서 무척 기쁘구요. 이런 강의를 만들어 주셔서 너무 감사합니다.

제OO 님
강력 추천합니다. 제가 유료구매한 강의 중 가장 만족도 높은 강의입니다. 금액 자체가 큰 금액이라 생각되실 수도 있지만, 그만큼 이진석님의 열정과 노력, 노하우가 녹아들어있는 강의입니다. :) 한국에서 가장 상세한 Django 강의입니다!

ROO 님
꼼꼼한 강의 너무 좋습니다. 처음 아무것도 모를땐 뭔 소리를 하는지 머리아팠지만, 두번째 들으니 기본 알게 해주시려고 이것저것 설명했다는 걸 알게 됐습니다. 아직도 수강진행중이지만, 수강료가 아깝지 않아요~

카OO 님
강사님이 하나하나 꼼꼼히 알려주셔서 즐겁게 공부하고 있습니다. 원래 django를 공부하고 django template으로 홈페이지는 제작해봤었는데 react를 공부하고 나서 어떻게 api와 연동하고 배포는 어떻게 하고 막막했는데 강사님 수업을 들으니 어느 정도 속이 뻥 뚫린 기분입니다! 헷갈리는 거있으면 계속듣고 반복하다보면 이해가 되더라구요 감사합니다. 끝까지 달릴게요!

---

지식공유자 소개 ✒️

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

• 파이썬 홀릭, 장고 실무 12년차 개발자
• 장고 질답 커뮤니티 Ask Company with Django/React (구. Ask Django) 운영자
• 파이썬/장고 교육 서비스 Ask Company 운영자
• 대전 파이썬 사랑방 운영자
• Microsoft Azure MVP 어워드 수상 (2016년부터 매년 수상, Microsoft MVP가 무엇인가요?)
• 서울대학교, 벤처경영학 연합전공, 파이썬/장고 강의 "벤처창업 웹프로그래밍" 강사 (2016년/2017년)
• 패스트캠퍼스, 웹서비스 개발 캠프 (파이썬/장고) 3기 강사, 2기 조교 (2015년)
• 다수 대학 및 기업 강의 및 자문 : 서울대학교, 카이스트, 부산대학교, 한양대학교, 국민대학교, 삼성전자, LG전자, LS그룹, SK Planet, 엔코아, KB증권, SK텔링크, 현대자동차그룹 이노션, 코스콤, 네이버 NIT Service, 아트센터 나비, 한국은행, 한국산업기술평가원 등

유튜브 영상

장고 라이브 코딩쇼 (50분. 유튜브 St.) 영상을 통해, 장고 웹개발의 강력함을 라이브 코딩으로 보여드립니다.