본문 바로가기
728x90

분류 전체보기71

Flutter & Dart 플러터에서 API 호출하기: http vs dio 비교 가이드 API 호출은 플러터 앱에서 서버와의 통신에 중요한 역할을 합니다. 이 가이드에서는 http 패키지와 dio 패키지를 사용하여 API 호출하는 방법을 비교하며 설명하겠습니다. 1. 필요한 패키지 추가 http 패키지: dependencies: flutter: sdk: flutter http: ^latest_version dio 패키지: dependencies: flutter: sdk: flutter dio: ^latest_version 2. http 패키지 사용법 2.1. 패키지 가져오기: import 'package:http/http.dart' as http; 2.2. API 호출 함수 작성: Future fetchUsingHttp() async { final response = await http.g.. 2023. 8. 18.
Flutter & Dart 플러터에서 API 호출하기: 자세한 가이드 API 호출은 플러터 앱에서 서버와 통신하고 데이터를 주고받는 중요한 부분입니다. 이 블로그 포스트에서는 플러터에서 API를 호출하는 방법을 자세하게 설명하겠습니다. 1. 필요한 패키지 추가 API 호출을 위해 http 패키지를 사용합니다. 프로젝트의 pubspec.yaml 파일에 패키지를 추가합니다. dependencies: flutter: sdk: flutter http: ^latest_version 2. API 호출 함수 작성 API 호출을 위한 함수를 작성합니다. http 패키지를 사용하여 원격 서버에 HTTP 요청을 보내고 응답을 처리합니다. import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:http/ht.. 2023. 8. 18.
Flutter & Dart 플러터 바텀 네비게이션 구현하기: 자세한 가이드 바텀 네비게이션은 플러터에서 화면 이동을 위해 많이 사용되는 UI 패턴 중 하나입니다. 이 패턴을 활용하면 앱의 주요 섹션 또는 기능으로 빠르게 이동할 수 있습니다. 이 블로그 포스트에서는 플러터에서 바텀 네비게이션을 구현하는 방법에 대해 자세하게 알아보겠습니다. 1. 필요한 패키지 추가 먼저, 프로젝트의 pubspec.yaml 파일에 flutter/material.dart 패키지를 추가합니다. dependencies: flutter: sdk: flutter 2. 바텀 네비게이션 위젯 생성 바텀 네비게이션을 구현하기 위해 BottomNavigationBar 위젯을 사용합니다. 이 위젯은 화면 하단에 나타나는 탭들을 표시하고 각 탭을 누를 때마다 해당 화면으로 이동할 수 있게 해줍니다. import 'pa.. 2023. 8. 18.
Flutter & Dart 플러터에서 인앱 결제 구현하기: in_app_purchase 패키지 활용 가이드 1. 개요 및 필요한 준비 사항 인앱 결제는 앱 내에서 디지털 상품이나 서비스를 판매하고 구매하는 기능을 제공하는 중요한 요소입니다. 이를 통해 사용자는 앱 내에서 편리하게 구매를 할 수 있으며, 개발자는 수익을 창출할 수 있습니다. 본 가이드에서는 플러터를 사용하여 이러한 인앱 결제를 어떻게 구현하는지 살펴보겠습니다. 준비 사항: Google Play 스토어와 Apple App Store에 개발자로 등록되어 있어야 합니다. 등록된 앱에서 인앱 결제 설정을 완료해야 합니다. 2. in_app_purchase 패키지 소개 Flutter에서는 in_app_purchase 패키지를 통해 인앱 결제를 간단하게 구현할 수 있습니다. 이 패키지는 Google Play Billing 및 Apple StoreKit과 .. 2023. 8. 18.
NSSM을 이용한 .jar 서비스 등록 스프링부트로 서비스를 만들었다 그러나 스프링부트를 항상 띄워놓지않으면 서비스 구동을 하지 못했다 그래서 nssm 을 이용한다 nssm.exe 가 있는 경로에서 cmd창을 띄운 후 nssm install api명칭 C:\openjdk\jdk-19\bin\java.exe -jar D:\test\api-0.0.1.jar 와 같이 명령어를 입력하면 서비스가 등록된다 nssm start api명칭 을 이용하여 서비스를 실행 한다 nssm 명령어로 내가 자주 사용하는것에는 start, restart, remove 이 있다 그 외에 더 있는데 난 잘 사용하지 않는다. 2023. 7. 19.
NginX 서버에서 CORS 에러 처리하기: 자세한 가이드 CORS(Cross-Origin Resource Sharing)는 웹 애플리케이션에서 다른 도메인의 리소스에 접근할 때 발생하는 보안 정책을 나타내는 것입니다. NginX를 사용하여 웹 애플리케이션을 호스팅하는 경우, CORS 에러가 발생할 수 있습니다. 이 블로그 포스트에서는 NginX 서버에서 CORS 에러를 처리하는 방법을 자세히 알아보겠습니다. 1. CORS 에러 이해하기 CORS 에러는 다른 도메인에서 온 리소스에 접근하는 경우, 브라우저에서 보안상의 이유로 발생합니다. 이를 해결하려면 서버 측에서 적절한 설정을 수행해야 합니다. 2. NginX 설정 파일 수정 NginX 설정 파일을 열어 CORS 에러 처리를 위한 설정을 추가합니다. 일반적으로 /etc/nginx/nginx.conf 또는 /e.. 2023. 7. 19.
728x90