[flutter] 플러터에서 위치 정보를 이용한 날씨 기반 복장 추천 앱 만들기

12 Dec 2023

flutter

날씨 기반으로 사용자에게 옷차림을 추천해주는 앱을 만들어보겠습니다. 이 앱은 플러터를 사용하여 위치 정보와 날씨 데이터를 가져와서 그에 맞는 옷차림을 사용자에게 보여줄 것입니다.

위치 정보 가져오기

우선 사용자의 위치 정보를 가져와야 합니다. 이를 위해 geolocator 패키지를 사용할 것입니다. 이 패키지를 이용하면 사용자의 현재 위치를 가져올 수 있습니다.

import 'package:geolocator/geolocator.dart';

void getLocation() async {
  var geolocator = Geolocator();
  var position = await geolocator.getCurrentPosition(
      desiredAccuracy: LocationAccuracy.high);
  print(position);
}

위 코드를 이용하면 사용자의 현재 위치 정보를 가져올 수 있습니다.

날씨 데이터 가져오기

다음으로 가져온 위치 정보를 이용해서 날씨 데이터를 가져와야 합니다. 이를 위해 openweathermap와 같은 날씨 API를 사용할 수 있습니다. 날씨 API를 호출하여 현재 날씨 정보를 가져온 후 적절한 옷차림을 추천해줍니다.

import 'package:http/http.dart' as http;
import 'dart:convert';

void getWeatherData(double lat, double lon) async {
  var apiKey = 'YOUR_API_KEY';
  var url = 'https://api.openweathermap.org/data/2.5/weather?lat=$lat&lon=$lon&appid=$apiKey&units=metric';

  var response = await http.get(url);
  if (response.statusCode == 200) {
    var data = jsonDecode(response.body);
    print(data);
  }
}

위 코드를 이용하면 해당 위치의 날씨 정보를 가져올 수 있습니다.

복장 추천 로직 구현

날씨 정보를 가져왔다면, 이제 날씨에 맞는 옷차림을 추천하는 로직을 구현해야 합니다. 예를 들어, 날씨가 추운 경우에는 겉옷을 추천하고, 날씨가 더운 경우에는 반팔티나 반바지를 추천할 수 있습니다.

void recommendOutfit(double temperature) {
  if (temperature < 10) {
    print('따뜻한 외투가 필요합니다.');
  } else {
    print('반팔티와 반바지가 좋을 것 같아요.');
  }
}

위와 같은 복장 추천 로직을 구현할 수 있습니다.

UI 구성

마지막으로 추천한 옷차림을 사용자에게 보여주기 위해 플러터의 UI를 구성합니다. 사용자 인터페이스를 구현하여 날씨에 따른 옷차림을 표시할 수 있습니다.

import 'package:flutter/material.dart';

class OutfitScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('날씨별 옷차림 추천'),
      ),
      body: Center(
        child: Text(
          '추천 옷차림 내용',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

위 코드를 이용하여 날씨별 옷차림을 추천해주는 UI를 만들 수 있습니다.

이렇게 플러터를 사용하여 날씨 기반으로 복장을 추천해주는 앱을 만들 수 있습니다. 위치 정보 및 날씨 데이터를 가져오고 이를 기반으로 적절한 옷차림을 추천하는 로직을 구현하며, 이를 UI에 적용하여 사용자에게 보여줄 수 있습니다.

목차

위치 정보 가져오기

날씨 데이터 가져오기

복장 추천 로직 구현

UI 구성