HTTP5 Flutter/Dart - 문제 해결. Error: XMLHttpRequest error. Case. Flutter http 라이브러리 사용하여 Server의 http 리소스를 얻는 과정에서 XMLHttpRequest error 오류 발생 ( Web Chrome 에서 Application 실행 ) 1. 원인 CORS(Cross-Origin Resource Sharing) 문제로 Front-end(Flutter) Localhost에서 Back-end(FastAPI) Localhost:8000으로 호출할 때, 같은 Localhost라도 서버에서는 이를 다른 origin으로 인식하므로 서버에서 모든 origin 요청을 허용해야 한다. For security reasons, browsers restrict cross-origin HTTP requests initiated from scripts. Fo.. 2022. 9. 6. Flutter - FutureBuilder 사용법 + API 서버 http 연동 들어가며.. 앞서 본 블로그에서 Jsonplaceholder에서 제공하는 API를 http패키지를 사용하여 연동하였다. Flutter는 앞서 살펴본 API응답객체인 Future에 대한 대응 Widget으로, FutureBuilder를 제공한다. 이번 장에서는 FutureBuilder사용법에 대해 간단히 살펴보고자 한다. 앞서 진행한 소스는 첨부하지 않으므로 아래 관련 포스트에서 먼저 확인하길 바란다. 관련 포스트 2022.03.17 - [Flutter] - Flutter(Dart) - Model 객체 Json 매핑 쉽게 하기(@JsonSerializable) 2022.03.18 - [Flutter] - Flutter(Dart) - http 패키지 사용법 및 유닛테스트 FutureBuilder Future.. 2022. 3. 18. Flutter(Dart) - http 패키지 사용법 및 유닛테스트 들어가며.. 내/외부 자원을 얻기위해 대부분의 Application은 http 프로토콜을 사용하여 자원을 취득한다. Flutter는 http 프로토콜 위한 http패키지를 제공 한다. 이를 통해 Rest 서버 자원을 쉽게 얻을 수 있다. 본 장에서는 http 패키지를 사용하여 jsonplaceholder에서 제공하는 데이터를 얻는 간단한 API관리 객체를 만들어 본다. 처리되는 API는 json serialization 패키지를 사용하여 get/set 함수를 통해 json데이터 포맷으로 관리된다. 이 과정은 다루지 않으므로 필요하다면 해당 블로그를 확인한다. 개발환경 windows 10 ( MacOS 무관 ) Visual Studio Code Flutter 2.10 ( Dart만 사용해도 무방하다. ) .. 2022. 3. 18. AWS EC2 웹 서버 nginx 설치, 설정 부터 실행까지 ( 프리티어 ) EC2 웹서버 nginx 설치 프리티어 기준에서 설치 가능한 EC2(Amazon Linux 2 AMI) 에서 nginx를 설치하고 실행해본다. 준비사항 ec2 ( Amazon linux2 ami ) - os가 다른 경우 yum을 사용한 nginx install시 방법이 상이할 수 있다. putty ( terminal ) - ec2에 접속가능한 terminal nginx 설치 [ec2-user@ip-172-31-32-189 ~]$ sudo yum update [ec2-user@ip-172-31-32-189 ~]$ sudo yum install nginx Loaded plugins: extras_suggestions, langpacks, priorities, update-motd No package ngin.. 2021. 12. 14. 이전 1 2 다음
