Cross-Origin Resource Sharing와 Access-Control-Allow-Origin 우선 CORS에 대해서는 CORS, Cross-Origin Resource Sharing - MDN Web Docs 페이지를 읽어보도록하자. 예를 들어 A서버에서 제공하는 웹 서비스에서 B서버의 리소스를 요청하면, 엥? 나 A에서 제공하고 있는 서비스인데, 너한테 뭐 좀 요청해도 되니?하고 B서버에게 물어본다는 얘기다. 이렇게 B서버에게 요청을 보낸 뒤 돌아온 응답 헤더에 Access-Control-Allow-Origin값을 보고 사용자한테 요청을 할지 말지 알려주게되는데, 웹을 만지다보면 프론트건 백엔드건 한번쯤 겪게되는 문제다. 간단하게 말하면 서버단에서 응답 헤더에 Access-Control-A..

이 페이지는 계속해서 업데이트 될 예정입니다. (아마?) Flutter Gems 플러터에서 사용할 수 있는 패키지가 카테고리별로 분류되어있는 페이지. 정말 유용하다. 어떤 패키지인지 간단한 썸네일로도 표시되기때문에, 간단히 찾아서 사용하기 좋다.

매번 맥북을 꺼내기 귀찮아서, 집에 있는 Windows10에도 개발환경을 설정하기로 했다. 그런데, 마이크로소프트 스토어에서 Ubuntu를 설치한 뒤 실행했더니 Virtual Machine 기능을 사용하라는 게 아닌가. 어찌어찌 마이크로 소프트의 WSL 설치 가이드 페이지를 참조해서 설치까지는 했는데, 이번엔 apt-get이 실행되지 않았다. 아무리 생각해봐도 컴퓨터를 포멧하거나 하면, 같은 문제때문에 골머리를 앓을 것 같아 이번 기회에 정리하고자 한다. Windows10에 Linux용 Windows 하위 시스템 설치 가이드 별 생각없이 마이크로소프트 스토어에서 Ubuntu를 찾아서 설치하고 실행했다면, Virtual Machine 기능을 사용해야 한다거나 혹은 WSL의 사용 설정을 해야한다는 에러 문구..

Android Studio에서 NDK 설정에 대해 알아보자 기본적인 설정은 Configure the NDK for the Android Gradle plugin 문서를 참조하여 설정하면 된다. 위 링크에서는 SDK Manager를 통해서 NDK를 설치하면 된다. 특정 버전의 NDK를 적용하고싶은 경우, 파일을 다운받아 압축을 푼 뒤 File > Project Structure > Project에서 경로를 지정해주거나 build.gradle파일에 ndkPath를 지정해주면 된다. android { ndkPath "/Users/ndkPath/ndk21" // Point to your own NDK }아마 여기까지 읽었다면 엥, 링크타면 다 나와있는 내용을 굳이 글로 작성할 필요가 있나? 라는 생각이 드는 사..

UDP 라이브러리를 통해 Flutter(Dart)에서 브로드캐스팅을 해보자 pub.dev에 등록된 라이브러리 중 UDP 라이브러리를 사용하면, 플러터에서도 쉽게 브로드캐스팅이 가능하다. UDP 라이브러리 페이지를 확인해보자. 인스톨 페이지에 나와있는대로 pubspec.yaml의 dependencies에 udp라이브러리를 등록하고, flutter pub get을 입력해주자. 라이브러리가 설치될 것이다. dependencies: udp: ^3.0.3예제 페이지에 나와있는대로, example/udp_example.dart를 확인해보면 쉽게 브로드캐스팅이 가능하다는 것을 알 수 있다. import 'dart:io'; import 'package:udp/udp.dart'; main()..

깃허브의 샘플 코드 Provider의 특징 중 하나는 여러개의 화면에서 상태값을 공유할 수 있다는 것이다. 실제로 그런 예제를 많이 접해볼 수 있는데, 가장 흔한 예제는 다음과 같은 카운터 앱일 것이다. 첫 번째 화면에서 카운터를 조작(증감) 두 번째 화면에서 카운터를 조회 보통은 별다른 설명 없이 Navigator.push로 두 번째 화면을 띄우고, 두 번째 화면에서는 Context의 Provider를 불러와서 조작을 시도한다. 이 때 뎁스에 따라서 Error: Could not find the correct Provider above this[WidgetName]Widget와 같은 에러를 출력하게된다. 실제로 lib/problem/problem_main.dart와 lib/problem/problem_..