[flutter] 플러터 get과 입력 값 유효성 검사

26 Dec 2023

flutter

플러터(Flutter) 애플리케이션에서 GET 요청을 수행하고 사용자 입력 값의 유효성을 검사하는 것은 매우 중요합니다. 이를 효과적으로 수행하기 위해서는 다음의 단계를 따를 수 있습니다.

1. GET 요청 수행

먼저, http 패키지를 사용하여 GET 요청을 수행합니다. 아래는 GET 요청을 수행하는 예시입니다.

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

Future<void> fetchData() async {
  var url = Uri.parse('https://api.example.com/data');
  var response = await http.get(url);
  if (response.statusCode == 200) {
    // 요청이 성공하였을 때의 처리
    print('데이터: ${response.body}');
  } else {
    // 요청이 실패하였을 때의 처리
    print('요청 실패: ${response.reasonPhrase}');
  }
}

2. 입력 값 유효성 검사

사용자가 입력한 값을 유효성 검사하기 위해 flutter_form_builder와 같은 패키지를 사용할 수 있습니다. 다음은 사용자가 이메일 주소를 입력하는 경우의 유효성 검사 예시입니다.

import 'package:flutter_form_builder/flutter_form_builder.dart';

FormBuilderTextField(
  name: 'email',
  validator: FormBuilderValidators.compose([
    FormBuilderValidators.required(context),
    FormBuilderValidators.email(context),
  ]),
  decoration: InputDecoration(labelText: '이메일'),
),

위의 코드에서 FormBuilderTextField 위젯을 사용하여 이메일 입력 필드를 생성하고, validator 속성을 통해 유효성 검사 규칙을 정의합니다.

마무리

GET 요청 수행과 입력 값 유효성 검사는 플러터 애플리케이션에서 매우 일반적인 작업입니다. 위에서 제시한 방법을 활용하여 요청을 수행하고 사용자의 입력 값을 안전하게 처리할 수 있습니다.

1. GET 요청 수행

2. 입력 값 유효성 검사

마무리

참고 자료