Thumbnail
개발 · 프로그래밍 모바일 앱 개발

플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택] 대시보드

(4.8)
188개의 수강평 ∙  8,376명의 수강생

무료

지식공유자: 권태뽕
총 7개 수업 (59분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[풀스택, 모바일 앱 개발] 강의입니다.

플러터와 장고로 풀스택 퀴즈앱을 만드는 강의입니다! 배울 거리가 많은 풀스택 강의로 풀스택 개발자가 되어보세요:)

✍️
이런 걸
배워요!
프론트엔드부터 백엔드까지 풀스택 퀴즈앱 만들기
Flutter의 MediaQuery로 반응형 UI를 구성하는 방법
http, Swiper, AutoSizeText 등 Flutter 패키지 사용법
Flutter와 API 서버 연동하는 방법
간단하게 Django Rest Framework로 API 서버 만들기
Django 프로젝트를 Heroku에 배포하기

풀스택 퀴즈앱 만들기!
플러터(Flutter)장고(Django Rest Framework)
빠르게 풀스택 개발을 배워보아요.

 

가장 빠르게 앱 개발을
시작하는 방법, Flutter

Flutter는 구글이 개발한 앱/웹/데스크탑앱 개발 프레임워크입니다.
초창기에는 Dart라는 생소한 언어로 인한 어려움이 있었지만, React Native를 가뿐히 뛰어넘는 앱 성능과 개발 속도를 자랑하며 큰 인기를 끌고 있습니다.

Flutter를 접해본 많은 개발자들은 네이티브 앱 개발을 Flutter가 충분히 대체할 수 있을 거라고 판단하였습니다.

백엔드 입문자에게
가장 친절한 프레임워크,
Django Rest Framework

Django Rest Framework는 Django 기반의 REST API 프레임워크입니다.

입문자에게 가장 친절한 파이썬과 장고를 기반으로 만든 프레임워크라 아주 간단하게 백엔드 API를 개발해볼 수 있습니다!

💡 강의 특징

전체 강의 FULL 자막! 빠른 코드 진행!

"무작정 풀스택" 강의는 각 코드에 대한 설명을 최소화하여 일단 코드를 따라해보고, 각자 고민하며 공부하는 형태의 강의입니다.

강의에 설명이 부족할 수 있어, 추후에 본 강의에 나오는 위젯이나 로직에 대한 강의를 따로 업로드할 예정이며 기본적인 개념에 대한 이해가 먼저 필요하신 분들에겐 잘 맞지 않을 수 있습니다.

나중에 "뽕뽑는 풀스택" 강의에서 더 자세하고, 친절한 설명을 진행드릴게요!

또한 백엔드 개발에 관심이 없으신 분들을 위해 테스트 API 주소를 첨부해두었습니다:) 

✏️ 이 강의에서 배우는 것들

강의에서는 다음과 같은 내용을 배우실 수 있습니다!

☑️ Flutter로 반응형 UI를 구성하는 방법
☑️ Flutter 실무 개발 경험자의 Flutter 개발 꿀팁
☑️ Flutter와 API를 연동하여 데이터를 주고받는 방법
☑️ Django Rest Framework로 API 서버를 만드는 방법
☑️ Django 프로젝트를 Heroku에 배포하는 방법

📖 이 강의가 끝나면 완성될 퀴즈앱

강의가 끝나면, 아래의 퀴즈앱을 완성하실 수 있습니다:)

📖 이 강의가 끝나면 완성될 백엔드 API

강의가 끝나면, 아래의 API 서버를 완성하실 수 있습니다 :)

🛠 필요한 개발 환경 - Flutter

Flutter로 개발할 수 있는 환경이면 무엇이든 괜찮습니다! 
따로 설명 강의가 없으니, 미리 준비 부탁드립니다:)
플러터 개발환경 세팅하기 

제 개발환경은 다음과 같습니다.
OS: Mac OS Mojave / iOS Simulator
SDK: Flutter SDK 1.12.13+hotfix.8
Editor: VS code
VS code extensions: Dart / Flutter / Rainbow Brackets

🛠 필요한 개발 환경 - Django Rest Framework

Django 개발은 파이썬만 있으면 바로 시작할 수 있습니다!
버전만 너무 오래되지 않은 것으로 세팅하면 됩니다. (최소 3.5 이상)
파이썬 설치하기 

제 개발환경은 다음과 같습니다.
Python 3.6.3

🛠 강의 자료실

백엔드 API 주소: https://drf-quiz-test.herokuapp.com/quiz/3/

플러터(프론트엔드) 코드 레포: https://github.com/TaeBbong/quiz_app_lecture

장고(백엔드) 코드 레포: https://github.com/TaeBbong/quiz_drf_lecture

(유튜브로도 볼 수 있어요!) 무료 강의 유튜브 링크: https://www.youtube.com

🙋🏻‍♂️ 예상되는 질문 QnA

Q. 꼭 강의에서 나오는 대로 만들어야 하나요?
A. 강의자도 개발을 잘 하는 사람이 아니라, 좋지 않은 코드가 작성되어 있을 수 있습니다. 또한 Flutter 경력이 길지 않아 때때로 필요 없는 코드 등이 있을 수 있습니다ㅠㅠ 더 공부해서 앞으로 발전된 코드와 강의를 보여드리겠습니다:)

Q. 플러터와 장고 API만 연동할 수 있나요?
A. 어떤 API이든 상관 없습니다! 장고 뿐만 아니라 스프링, 노드제이에스 등 다양한 방법으로 개발하여 플러터와 연동할 수 있습니다. 강의에서는 장고로 만드는 방법을 가르쳐드립니다.

💡 강의가 마음에 드셨다면..!

본 강의는 무료로 진행되는 강의인 만큼 강의 제작자는 여러분들의 응원과 격려 덕분에 열심히 일할 수 있습니다!

강의가 마음에 드셨다면 커피 한 잔 부탁드립니다:)

 

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
무작정 따라하며 만들어보는 강의를 좋아하는 사람
Flutter를 처음 접해보는 사람
기초적인 개발 지식을 가지고 있는 사람
일단 시도 해보고 고민하는걸 좋아하는 사람

안녕하세요
권태뽕 입니다.
권태뽕의 썸네일

프로필

블로그: taebbong.github.io

페이스북: facebook.com/taebbong

깃허브: github.com/TaeBbong

학력

고려대학교 정보보호학부 졸업(2020.02)

한성과학고등학교 조기 졸업(2016.02)

경력

(주) 보이저엑스 인턴, Flutter 앱/백엔드 서버 유지보수 총괄 (2019.07 ~ 2019.09)

소프트웨어 마에스트로 8기 멘티 과정 수료 (2017.08 ~ 2017.12)

유튜브 데이터 분석 스타트업 'Picasso' 공동 창업 (2017.12 ~ 2018.06)

고려대학교 정보보호학부 개발 동아리 DevKor 초대 회장 (2018.12 ~ 2020.02)

오투잡 / 위시켓 프리랜서 개발자 (2018.06 ~ )

소개

'기발자이너'를 꿈꾸는 개발자 권태뽕입니다. 중학교때부터 프로그래밍을 해왔고 이후 창업을 목표로 여러 개발과 관련된 활동을 하고 있습니다. 작년 창업을 경험해보았고 내 아이디어로 창업하는 일을 하고 싶어 그만두고 개발 공부와 강의제작에 몰두하며 지내고 있습니다.

커리큘럼 총 7 개 ˙ 59분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 플러터 프론트엔드 반응형 앱 만들기
프로젝트 구조 설정, 홈 화면 만들기 미리보기 08:42
퀴즈 모델 만들고 퀴즈 풀기 화면 만들기 15:51
퀴즈 결과 화면 만들기 07:27
섹션 1. 장고 백엔드 API 서버 만들기
10분만에 Django Rest Framework 개발 세팅, API 개발 완료하기 12:32
10분만에 Django 프로젝트 Heroku에 배포하기 08:23
섹션 2. 플러터와 API 연동하기
플러터에 API 연동하여 앱 마무리 하기 05:57
마치며 미리보기 00:38
강의 게시일 : 2020년 04월 06일 (마지막 업데이트일 : 2020년 04월 06일)
수강평 총 188개
수강생분들이 직접 작성하신 수강평입니다.
4.8
188개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
WebWH thumbnail
5
장고 rest api 배우는데 큰 도움이 되었습니다~
2020-08-20
Carly Ma thumbnail
5
플러터를 어떻게 백엔드와 연동해야할지 고민이 많아서 찾아보던중 기적처럼 막 뜬 강의를 보게 되었습니다. 이해하는데 많은 도움이 되었습니다. 감사합니다 ㅎㅎ
2020-04-09
가시피리 thumbnail
5
마침 진행하는 프로젝트와 사용하는 기술이 모두 일치하는 기적같은 강의였습니다! 안드로이드에 대해선 아무것도 몰랐지만, 영상을 참고하고 에러와 부족한 점은 구글링으로 보태면서 2일간에 앱을 짤 수 있었고, 장고는 해본적이 있어서 하루만에 구현할 수 있었습니다! 이런 경험을 뼈대로 해서 세세하고 중요한 살을 보태야 겠습니다. 감사합니다 :-)
2020-04-15
RyanJ.k thumbnail
5
다음강의도 정말 기대됩니다.
2020-08-18
정한주 thumbnail
5
플러터 이제 막 기초를 띄고, 초보자 단계에서 뭔가를 하고 싶다는 의지가 생겼을 때 물꼬를 터준 강의였습니다. Dart언어에 대해도 모르고 플러터의 로직도 모르는 사람이 듣는다면, 너무 빠르게 지나가고 설명이 자세하지 않아 힘들거 같긴 하지만 이 강의는 애초에 입문자를 위한 강의로 만든거 같진 않았습니다. 이미 Dart 언어나 플러터 로직에 대해 알고 계신 분들에게 아주 적합한 영상인거 같습니다. 매우 간단하게 만들긴 했지만 백엔드 API 연동이나 여러가지 실제 사용시 유용한 기능들을 잘 배우고 갑니다.
2024-03-12