Nami

도대체 ?.은 왜 붙이라는걸까? - Sound null safety

2023-01-10T00:00:00+00:00

2023 새해가 밝았다. Happy New Year!

새해 첫 포스팅이다😀

Flutter in Action 책을 보며 공부중인데

예제가 너무 예전 버전의 Flutter로 제작되어 있어

빨간줄을 일일히 처리하던 중 굉장히 많이 하던 작업…

?는 왜 붙이는건데?

이걸 알려면 먼저 Dart의 Sound null safety부터 이해해야 한다.

아래는 Dart 공식 홈페이지 설명을 내 식대로 풀어본 것이다.

Null safety는 변수가 의도하지 않았을때 null이 되어 발생하는 에러를 방지한다. 예를 들어, 만약 메소드가 int 타입을 기대했는데 null을 받았다면, 앱은 runtime 에러를 발생시키게 된다. 이러한 타입의 에러는 디버그 하기가 어렵다.

위와 같은 이유로, dart는 Nullable(null이 될 수 있는)과 Non-nullable(null이 될 수 없는) 타입을 구분하기로 했다! 만약 어떤 이유로 변수가 null 값을 가질 수 있게 하려면 물음표 마크(?)를 타입 이름 뒤에 붙여주기만 하면 된다. 예를 들어 String? 이란 타입의 변수는 문자열을 가지거나 혹은 null이 될 수 있다!

그러면… ?.는 왜 붙이라는건데?

User user = User.fromResponse(response);
 if (user != null) {
  this.userAge = user.age;
}

위와 같이 많이들 작성하는데 null 인지 연산자(?.)를 사용하면

다음과 같이 변경할 수 있다.

User user = User.fromResponse(response);
this.userAge = user?.age;

‘user 객체가 null이 아니면 user.age를 userAge에 할당하고

null이면 오류를 발생시키지 말고 null을 할당하시오’ 라는 의미다.

즉, ?가 붙은 nullable 타입인데 값이 null인지 아닌지 모르겠다?

그러면 ?.를 사용해서 Exception으로부터 안전하게 하자.

Dart Null safety codelab 의 보너스 팁!

?.을 사용해 메소드를 실행시키면?

// nullableObject가 null이 아닌 경우에만 action 메소드를 실행하게 된다!
nullableObject?.action();

codelab 설명도 쉽게 되어 있고 따라해 볼 수 있는 예제가 있어 넘 좋다💙

Validate가 필요할땐 Form

2022-12-20T00:00:00+00:00

간단한 회원가입 페이지를 만들 일이 있었다. 그리고 나는 익숙한 TextField를 사용했다.

그런데 Flutter in Action 책을 읽다가 사용자의 입력값을 Validate 해야하는 필드가 여러개 있다면

TextFormField를 사용하는게 편하다는 것을 알게 되어 정리해본다!

단순한 TextField 대신 Form을 사용하면 좋은 점?

모든 필드값을 한번에 처리할 수 있다.
validate 후 에러 메시지 처리가 간단하다.
validate 할 때 레이아웃 처리를 알아서 예쁘게 해준다.

valid, invalid 경우 각각의 UI를 알아서 애니메이션까지 예쁘게 해준다!

에러 메시지도 그냥 입력만 하면됨

기억할 점❗️

그냥 TextFormField만 사용해도 validate는 되지만 그 입력값을 받아오려면

GlobalKey, Form 위젯이 필요하다.

코드를 보자!

class _MyHomePageState extends State<MyHomePage> {
  // GlobalKey 선언 => Form의 현재 상태를 관리하는데 사용한다!
  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    // Form으로 감싸주고 formkey 할당
    // -> 키를 이용해 Form의 모든 자식 위젯에서 Form의 상태에 접근할 수 있음
    return Form(
      key: _formKey,
      child: Scaffold(
        appBar: AppBar(
          title: const Text('TextFormField 연습해볼까?'),
        ),
        body: Center(
          child: Padding(
            padding: const EdgeInsets.all(20.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                TextFormField(
                  decoration: const InputDecoration(
                    labelText: '이메일',
                  ),
                  // 이 모드를 설정해주어야 실시간으로 validate 에러 메시지를 보여준다!
                  autovalidateMode: AutovalidateMode.always,
                  validator: (value) {
                    if (value == null || value.isEmpty) {
                      return '이메일을 입력해주세요.';
                    }
                    // 이 부분이 valid한 경우
                    return null;
                  },
                ),
                ......
              ],
            ),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // 이렇게 FormKey를 이용해 한번에 편리하게 validate 가능!
            if (_formKey.currentState!.validate()) {
              ScaffoldMessenger.of(context).showSnackBar(
                const SnackBar(
                  content: Text('가입 완료!'),
                ),
              );
            }
          },
          tooltip: '가입하기',
          child: const Icon(Icons.send),
        ),
      ),
    );
  }
}

release build 때만 통신이 안된다면

2022-12-12T00:00:00+00:00

debug build(안드로이드 스튜디오에서 run으로 실행하던)에서는 잘만 되던 통신이 release build에선 갑자기 안된다면?

권한만 한줄 추가해주면 된다! 간단!

project 경로/android/app/src/main/AndroidManifest.xml

파일을 열어준다. main 폴더 안으로 들어가야함에 유의❗️

<uses-permission android:name="android.permission.INTERNET" />

위 코드를 아래의 위치에 끼워넣어준다.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="io.company.appName">
    <uses-permission android:name="android.permission.INTERNET" /> 
   <application
        android:label="appName"

이제 다시 실행해보면??

release build도, apk로 추출해서 실행해도 잘된다😄