아기개발자의 성장일기

Use a custom font 문서를 봐주시면 됩니다. 플젝에 fonts라는 디렉토리를 만들고 여기에 폰트파일을 넣어주세요 그 다음 pubspec.yaml로 이동해주세요 flutter 밑에 fonts를 추가해줍니다. fontfamily(앱에서 쓸 폰트이름) 랑 font file의 path를 적어주면 됩니다..! 이렇게 써주면 됩니다,,! Text("안녕하십니까아아", style: TextStyle(fontFamily: 'GyeonggiMedium', fontSize: 15)) 저는 style > font 파일을 만들어주고 이런 클래스를 만들어서 폰트를 관리해주게 했어요 class MyFontFamily { static const gyeonggiLight = "GyeonggiLight"; static c..

[1] http 패키지 설치 우선 http패키지를 설치해주겠습니다. pubspec.yaml 파일로 가서 dependency에 http 패키지를 명시해주세요 http: ^0.12.0+2 그다음에 pod install하는 것처럼 터미널을 열고 해당 프로젝트로 가서 아래 명령어로 패키지를 설치해줍니다. flutter pub get (참고: medium.com/@changjoopark/플러터-flutter-의-pubspec-yaml-ffa40b26296a ) [2] http 요청후 reponse를 받아보기 일단 main에서 해보겠습니다. 우선 아까 설치한 http 패키지를 import해줍니다. import 'package:http/http.dart' as http; as http라고 해준 이유에 대해서도 살펴볼..

[1] Heroku에 필요한 패키지 설치 해당 프로젝트에 들어가서 필요한 패키지들을 설치해줍니다. pip install dj-database-url psycopg2-binary gunicorn whitenoise dj-database-url과 psycopg2-binary은 헤로쿠에서 사용하는 DB인 postgresql을 위한 패키지, gunicorn은 배포하기위해 필요한 패키지, whitenoise는 정적파일의 사용을 돕는 미들웨어 라고 합니다. [2] requirements 파일 만들기 설치가 끝나면 아래 명령어로 requirements 파일을 만들어줍니다. (플젝에서 쓰는 패키지 리스트가 담긴 파일이에요-!) pip freeze > requirements.txt 프로젝트에 보면 해당 파일이 생겨있답니..

우선 302 는 redirection status code입니다. 크롬 > 개발자도구에서는 Status Code를 302로 받는데, PostMan과 Alamofire는 200으로 받더라구요. 아마 알아서 redirect를 해줘서 그런 것 같아요ㅠㅠ 반면 크롬 > 개발자 도구 찍어보면 redirect url로 접속한 것도 각각 로그로 찍혀요-!! status code가 302로 떨어질때 그때 주는 response header 중에 제가 꼭 필요한 값이 있는데 그것을 꺼내써야해서 PostMan과 Alamofire도 302로 코드를 받도록 변경해보겠습니다-!!! [1] PostMan PostMan에서는 200으로 받아요 PostMan > Preference > Settings에 가보면 Automatically..

이제 본격적으로 DB를 구성하고 API를 만들기 위해서 ERD를 그려주겠습니다. 아래 사이트를 이용할게요-! http://aquerytool.com/ AQueryTool - AQuery.Web {{source.erd_info.erd_name + '(' + source.erd_info.db_type + ')'}} aquerytool.com 데모페이지에 들어가서 (aquerytool.com/?demo=y) 예제를 보고 이것을 reference해서 ERD를 그려줄게요-!! (대학교 3학년때 했던건데,,,다 까먹,,,) aquerytool.com/help/index/ 여기 help에도 친절한 설명이 있습니다 (🥺) [1] AQueryTool 을 써보자 우선 로그인을 해주시고 컨트롤 + 마우스 클릭 해서 테이블만..

[1] 문제 pythonanywhere 배포 후, admin으로 접속하면 화면이 이렇게 나온다. 원래 admin 페이지가 이렇게 나와야하는데 CSS가 안먹었다. [2] 원인 크롬 > 개발자 도구로 들어가보면,,콘솔에 시뻘건 에러들이 뜨고 있다. 근데 나의 프로젝트에는 static 이라는 폴더가 없는데 여기서 css파일을 찾으려고 하는 점을 유의해서 봐야한다...!! 장고의 static files 문서를 보면 개발환경(settings.py의 DEBUG를 True로 해놨을때) 에서만자동으로 static files (static files는 CSS, JavaScript, Images를 말함) 를 찾게 해준 것이라고 한다. 로컬 서버로 돌릴때도DEBUG = False 로 설정하고 admin 페이지에 접속하면 C..

cupertino-widget 문서 의 CuperinoTabBar를 만들어주겠습니다. (만약 머티리얼 탭바를 만들어주고 싶다면 BottomNavigationBar 문서를 보시면 됩니다) [1] 쿠퍼티노 스타일로 앱 설정 플러터 프로젝트를 처음 만들면 main.dart에 머티리얼앱 코드들이 들어가있는데요, 모두 지우고 아래 코드를 복붙해서 쿠퍼티노 스타일로 바꿔줍니다. (쿠퍼티노가 훨씬 이쁘니까-!! 🍏) 에뮬레이터, 시뮬레이터 돌려서 둘다 잘나오는 지 확인합니다. [2] CupertinoPageScaffold -> CupertinoTabScaffold로 바꾸기 Scaffold는 '골격' 이라는 뜻을 지난 단어인데요, 앱의 골격? structure? 라고 생각하면 됩니다. 쿠퍼티노에는 Page랑 Tab 이..

[DRF] get 요청받는 API 만들기 (2) 에서 만든 API를 배포해보겠습니다..! pythonanywhere 에 들어가서 Beginner account를 만들어줍니다 (무료 ♥️) (Beginner 계정으로 배포한 건 3개월만 접속가능합니다) Deploying an existing Django project on PythonAnywhere 문서를 따라해봅시다-!! [1] Uploading your code to PythonAnywhere 계정만들고 로그인하면 이 화면이 나오는데요 여기서 Console 탭을 누르고 bash를 눌러주세요 그러면 이런 bash console이 뜨게 됩니다. git clone https://github.com/eunjin3786/onion_family_api 깃에 올린 ..

[1] 관리자 계정 만들기 DB를 GUI 환경에서 보기 위해서 http://localhost:8000/admin/ 으로 들어가보면 이렇게 로그인화면이 뜹니다. 관리자 계정을 만들고 로그인 해줄게요 (참고: [Django] 튜토리얼 part 2 (2) - 관리자 페이지, DB를 GUI환경에서 보기, TimeZone 설정) 아래의 명령어를 실행해서 만들어줍니다. python manage.py createsuperuser 서버를 돌리고 관리자 페이지에 들어가서 로그인이 잘되는 지 확인해줍니다. python manage.py runserver [2] 관리자 사이트에 모델 등록하기 question앱의 admin.py에 들어가서 아래의 코드로 모델을 등록해줍니다. 관리자 사이트에 다시 들어가보면 Question D..

이제 특정 url로 요청을 했을 때, json 응답을 주는 api를 만들어보겠습니다. [1] 앱의 urls를 프로젝트의 urls가 레퍼런스 하도록 하기 우선 question 앱에 urls.py 파일을 만들어주세요 일단 urlpatterns를 빈배열로 작성해줄게요 그리고 프로젝트의 urls.py로 가서 question 앱의 urls를 받을 수 있도록 설정을 해줍니다. (import include 추가해야하는 것 잊지마세요 참고: [Django] 튜토리얼 part 1 (2) - 앱 만들기) [2] API Views 만들기 question 앱의 views.py에 가주세요 Class-based Views 문서를 참고해서 API views를 만들어주겠습니다. from rest_framework.views impo..