awesome python : 5. 퀴즈앱을 만들어보자 - 프론트앤드 (Youtube 개발자 권태뽕)

저번 시간에는 backend로 파이썬 장고 프로젝트를 셋팅해 보았다.

오늘은 프론트앤드 ui로 flutter 소스에 대해 설명해 보도록 하겠다.

 

1. 퀴즈앱 - 프론트앤드 flutter

먼저 github에서 flutter소스를 다운 받는다.

개발자 권태뽕 github

github.com/TaeBbong/quiz_app_lecture

TaeBbong/quiz_app_lecture

android 스튜디오로 프로젝트 열기

안드로이드 스튜디오 실행 화면

url을 localhost:8000으로 변경한다.

주소를 http://localhost:8000/ 으로 변경

연결이 되지 않는다. 곰곰히 생각해보니, 폰에서 실행되는 것이기 때문에,

localhost 로 url을 설정하면 안된다.

 

외부에서 접근 가능한 장고 서버를 띄울것이다.

python manage.py reunserver 192.168.0.149:8000

 

그리고 flutter에서 url 을 다시 변경해 주도록 한다.

http://192.168.0.149:8000/ 외부 아이피로 변경

2. 앱 실행화면

문제 화면