전체 글
-
flutter CORS policyerror 2023. 8. 18. 00:17
CORS policy 에러에 대한 flutter 쪽 해결 방안이다. 에뮬에서 실행할 시에는 걱정 할 필요가 없지만 웹으로 에뮬을 돌릴 시에 add의 경우에는 서버에 쪽에서 받기만 하기에 서버쪽 설정만 해줘도 되지만 response를 받는 경우를 생각하지 못했다. response를 받는 경우에는 flutter쪽에서 동일 로컬호스트에 포트만 다른경우로 들어오는 것이기에 CORS 정책에 걸리는 것이다. 이는 unawaited(xhr.onError.first.then((_) { // Unfortunately, the underlying XMLHttpRequest API doesn't expose any // specific information about the error itself. completer.com..
-
django CORS policyerror 2023. 8. 15. 16:15
Access to XMLHttpRequest at 'http://127.0.0.1:8000/posting/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 같은 로컬 서버를 이용하고 포트만 다른 경우에 브라우저에서 차단을 한단다. CORS policy라고 한다. django 쪽에서 corsheaders라는 미들웨어를 쓰면 되는데 에러를 찾는 와중에 response와 request의 header에 'access-control-allow-origin'라는 헤더를 추가로 붙여주면 브라우저에서 애는..
-
flutter + django rest framework(5) Deletedjango_study 2023. 8. 13. 05:34
안녕하세요~ flutter django todoList 어플 만들기 마지막 Delete 포스팅입니다! 이때까지 Create, Read, Update를 해온 만큼 Delete는 설명이 필요 없을 만큼 간단합니다. 사용했던 함수만을 사용하고 특별히 추가적으로 설명할 게 없기 때문입니다. 백문이 불여일견! 마지막 포스팅 같이 코딩해 보아요. 언제나와 같이 views.py 먼저 작성해 줍시다. 허허... 너무 간단한가요? 맞습니다. delete는 간단히 끝낼 수 있습니다. Update 때와 같이 pk를 매개변수로 가져와 해당 id를 get으로 찾아내 delete 함수를 사용해 삭제 후 flutter에 Response를 보내는 게 다입니다. 물론 실패 시의 오류 처리 또한 해야 하지만! 그건 여러분의 몫으로 남겨..
-
flutter + django rest framework(4) Updatedjango_study 2023. 8. 13. 05:17
안녕하세요! flutter django를 이용하여 애플리케이션을 만드는 포스팅 4번째! Update입니다. 사실 Update와 Delete는 Read와 비슷한 흐름이기에 굉장히 빨리 끝낼 수 있습니다. 이제 마지막까지 얼마 남지 않았으니 함께 해봅시다. django 먼저 만져 줍시다. 언제나 그렇듯이 view를 추가해 주어야겠지요? updateTask 함수를 view로 추가해줍니다. 흠... 다른 코드는 괜찮은데 새로 생긴 게 보이네요? 바로 pk와 work입니다. 이 두 매개변수는 주소창을 통해서 넘겨 받을 수 있습니다. 이 두 변수는 url을 작성할 때 자세히 설명드리고 현재로서는 pk는 해당 task의 고유 id값, work는 수정하고자 하는 task의 수정 내용이겠지요. 쿼리문에도 새로운 함수가 ..
-
flutter + django rest framework(3) Readdjango_study 2023. 8. 13. 04:46
안녕하세요~ 저번 포스팅에 이어서 flutter django로 간단한 todolist 만들기! 계속해봅시다~ create를 만들었다면 Read는 정말 쉽게 끝내실 수 있습니다. 이제는 기본 설정이 필요 없으니 views와 url 만 설정해 준다면 django는 더 만져줄 필요가 없고! flutter 또한 몇몇 코드만 추가해주면 됩니다. 같이 가봅시다. django 쪽을 먼저 봅시다. 먼저 view를 추가해 줍시다. 이제 코드가 좀 보이시죠? 새로운 코드가 좀 생겼으니 설명을 해봅시다. TaskSetQuery는 Query문을 만들어 주는 것입니다. 쿼리문이란 데이터베이스에서 데이터를 관리하기 위해 쓰는 문장으로 django에서는 django만의 문법을 사용할 시 쿼리문을 만들어 줍니다. 여러 가지 함수를 ..
-
flutter + django rest framework(2) Createdjango_study 2023. 8. 13. 03:19
flutter로 넘어가도록 합시다. 기존에 고정된 값만을 사용하고 있던 재미없는 앱에서 값이 바뀌는 즐거운 앱으로 탈바꿈할 시간입니다. flutter 프론트엔드는 아래 블로그를 기반으로 만들었습니다. https://j-d-e.tistory.com/11 Flutter 앱 개발 (4) : Flutter 추가 설정 및 To-Do List Layout 구성 Flutter 추가 설정 추가 설정 관련 내용은 nomadcoders의 flutter 강의를 참고하여 작성하였다. #3.3 VSCode Settings (06:18) – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니 j-d-e.tistory.com 먼저 기존의 Task class를 수정..
-
flutter + django rest framework(1) Createdjango_study 2023. 8. 13. 03:17
안녕하세요~ 이전 포스팅에서 django app까지 만들어 보았습니다. 우리는 이제 django rest framework와 flutter를 이용해서 간단한 Todo List 앱을 만들어 볼 것입니다. 그러기 위해서는 먼저 rest framework를 설치해줘야겠지요! django rest framework는 django라는 프레임 워크에서도 또 하나의 틀을 추가로 하여 여러 가지 기능을 편하게 사용할 수 있도록 해주는 프레임워크입니다. pip install djangorestframework 위 명령어로 설치를 할 수 있습니다. 설치 한 뒤에는 반드시 settings.py에 INSTALLED_APPS부분에 rest_framework문장을 넣어 줘야 합니다. 좋습니다! 이제 django resf fram..
-
django project, app, super user 생성하기!django_study 2023. 8. 3. 18:36
먼저 프로젝트를 생성해 줍시다. django-admin startproject projectname 위 명령어로 프로젝트를 생성해줍시다. 성공적으로 생성이 되었다면 아래와 같이 프로젝트 파일이 생성된 모습 프로젝트를 한번 초기화해주기 위해 python manage.py migrate 명령어를 실행해준 뒤 super user를 생성해봅시다. python manage.py createsuperuser 명령어를 실행해주면 username과 emai, password를 입력하면 성공적으로 관리자 계정이 생성됩니다. 한번 확인해보기 위해서 서버를 실행시켜 봅시다. 프로젝트의 가장 상위 폴더에서 python manage.py runserver 명령어를 실행시키면 서버가 실행됩니다. 위 사진과 같이 뜨면 서버 실행에..