파이어베이스로 swift로 앱을 만들어 보던 중에 podfile에 해당 패키지를 분명 다운로드 했지만 파일을 찾을수 없다면서 빌드를 계속 실패했다.

#import <FirebaseCore/FirebaseCore.h>

에러가 난 부분은 이렇게 되어있었다. unlock 후 과감하게

#import "Firebase.h"

이렇게 바꾸어주니 에러가 사라졌다.

파이어베이스 자체 문제라는데 아무래도 작은 앱을 만들거나 연습을 할 땐 파이어베이스가 간편하고 좋지만

규모가 커질수록 이런저런 자잘한 오류들 때문에 발목을 잡을것 같다

flutter pub get pod install flutter run

permission handler를 사용하는 경우 pod파일이 초기화 되므로 기존 코드를 따로 백업해둘것!

Cannot install on Intel processor in ARM default prefix (/opt/homebrew)!

난 분명 인텔맥인데 이런 오류를 내면서 설치가 안되었다.

curl https://cli-assets.heroku.com/install.sh | sh 위 명령어로 설치하면 잘 된다.

선언형으로 UI를 그릴수 있다는 점에서 매우 쉽고 빠르게 UI를 만들수 있습니다.

평소 플러터로 개발을 해왔던지라 이런 점에서 SwiftUi가 UIKit방식보다 더 익숙하고

머지않아 대부분 ios앱을 SwiftUI로 개발을 하게 될 거라는 생각에 공부중입니다.

자세히는 모르겠지만 안드로이드 쪽에서도 이러한 방식으로 개발하는 방법이 추가됐다고 들었습니다.

곧 대세가 될것 같다는 주관적인 생각입니다.

SwiftUI로 Swift에 익숙해지면 물론 UIKit 방식도 공부할 생각입니다.

View 만들기

각 탭별로 어떤 화면을 보여줄지 정해야 합니다.

var body: some View {
        TabView(selection: $selection) {
            Text("featured").tabItem { Label("Featured", systemImage: "star")}.tag(Tab.featured)
            Text("list").tabItem { Label("List", systemImage: "star") }.tag(Tab.list)
        }
    }

featured 탭에선 fatured라는 텍스트 list에선 list라는 텍스트를 보여줍니다.

이게 끝입니다.

상당히 간편히 탭뷰를 구현할수 있었습니다. 기존의 UIkit방식에 비해 코드가 직관적이고 매우 빠르게 UI를 그릴수 있다는 점에서 매우 만족스럽습니다.

출처 : swift공식문서

해당 패키지를 사용해줍니다.

build.gradle 파일에서 compileSdkVersion이 30으로 되어있는 경우 웹이 안열리는 경우가 있습니다.

구글링 결과 아래 방법을 찾았습니다. 해결방법

무턱대고 맨 위에있는 방법을 사용하시면 안됩니다. 댓글을 보시면 21년6월을 기준으로 정책이 바뀌어 모든 권한을 허락하는건 쉽게 하면 안된다고 하네요.

Android/AndroidMainfest.xml파일에

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

밑 부분에

<queries>
        <intent>
            <action android:name="android.intent.action.VIEW" />
            <data android:scheme="https" />
        </intent>
        <intent>
            <action android:name="android.intent.action.DIAL" />
            <data android:scheme="tel" />
        </intent>
        <intent>
            <action android:name="android.intent.action.SEND" />
            <data android:mimeType="*/*" />
        </intent>
    </queries>

이걸 입력해주세요. 그럼 정상작동 됩니다.

플러터를 공부하다 보니 언젠가는 좋은 앱 개발자가 되려면 플러터로 앱을 만들더라도 네이티브에 대한 이해가 필요하다는걸 느꼈다.

그래서 swift 공식문서 튜토리얼을 따라하던 중 마주친 에러

이유는 공식문서에서 준 파일 권한 문제 image파일들 중에 권한이 읽기전용이거나 비허용으로 된 것들을 풀어준 후 앱을 재 빌드 해주면 해결된다.

이리저리 키체인 건드렸다가.xattr -lr . xattr -cr . 해봤다가 안됐는데 이렇게 했더니 바로 됐다.

main 부분에 async를 건 후 runApp 전에 await Firebase.initializeApp(); 작성해준다.

빅서를 업데이트 했더니 뜨는 이런 황당한 오류.

애플 공식 홈페이지에도 관련 문의가 여러개 올라갔는데 답변이 하나도 안달렸더라구요.

이유는 불문하고 해결하는 방법만 알려드리겠습니다.

사실 다 적기가 귀찮음

해당 디스크 포맷

저 디스크 이름을 기억하신 후

재부팅 -> command+R을 꾸욱 눌러줍니다.

후에 해당 디스크를 삭제 하시면 됩니다.

필요한 데이터는 미리 백업해 둡시다. 나중에 제 탓하지 마시구..

flutter pub cache repair

설치된 패키지를 재설치해준다.

해석해보자면 프레임워크 헤더에 쌍따옴표가 들어갔다고 한다.

아래 링크를 따라서 xcode 로 들어가 저 부분을 바꾸어 주었다.

링크텍스트

그래도 여전이 에러가 해결이 되지 않았다..

나처럼 삽질하는 분들이 없기를 바라면서

구글링 결과 저 위의 방법도 된다고 하지만 난 적용이 안되었다.

분명 나처럼 해결이 안되는 분들도 있을것이다.

-> 해결방법

기존에 설치되어 있는 cocoapods를 1.10.1 이상 버전으로 설치해주시면 됩니다.

cocoapod설치로도 한시간은 까먹은거 같은데

가장편한 방법은 uninstall후 다시 까는것!

문제는 맥 os가 최신버전이어야 해서 결국 미루고 미루었던 Big Sur를 설치해서 해결했습니다..ㅠ

++ 추가

error: Build input file cannot be found: '/Users/username/Desktop/GoogleService-Info.plist' (in target 'Runner' from project 'Runner')

다음날 실행해도 다시 에러가 발생

기존에 있는 GoogleService-info.plist를 지우고

xcode를 연 후에 Runner안에 있는 노란색 Runner폴더 안에 다시 넣어주면 정상적으로 잘 작동한다.

임시방편인거 같은데 후에 정상적인 해결방법을 찾으면 공유해보도록 하겠습니다.

아주 드물게 나오는 플러터 에러다. 다른 언어랑 프레임워크들은 써본 경험이 적어서 잘 모르겠는데

http통신시에 url관련한 에러이다.

구글링을 해도 관련 답변이 없어서 한참 애먹었던 에러!

알고보면 정말 쉬운 에러..

url을 올바르게 입력해도 종종 char이 맞지 않아서 생기는 에러라고 한다. url을 직접 다시 타이핑 하면 된다!

Unhandled Exception: type 'List' is not a subtype of type 'String' in type cast

http로 post를 하다보면 종종 발생하는 에러이다.

분명 나는 올바르게 http통신을 한 것 같은데 이러한 에러가 발생한다.

에러를 대략적으로 설명하자면 List안에 String타입들만 넣어서 보내줘야 하는데 다른 형식이 들어갔다는 것!

Solution

Before code

final url = 'api url';

  List<String> list = [a,b,c,d];

  var body = {
      body = list
  }

  var response = await http.post(url,body: body);

After code

final url = 'api url';

List<String> list = [a,b,c,d];

  var body = {
      body = list.join(''),
  }

var response = await http.post(url,body: body);

list뒤에 .join('')을 붙여서 해결해준다!

패키지 설치

api서버에서 form-data형태로 파일을 받게 해두었기 때문에 http가 아닌 dio를 활용해 보았다.

https://pub.flutter-io.cn/packages/file_picker

https://pub.flutter-io.cn/packages/dio

위 두 패키지를 설치해 주시면 됩니다.

코드

서버에 보내는 메서드

postFile(List<File> files) async {
    final url = 'YOUR_API';

        FormData formData = FormData.fromMap({
          "attachments": files,
        });

      var dio = new Dio();

        try {
          var response = await dio.post(
            url,
            data: formData,
          );

          print("응답" + response.data.toString());
        } catch (eee) {
          print(eee.response);
          print(eee.message);
          print("error occur");
        }
  }

  버튼을 클릭시 filePicker를 이용해서 파일을 선택할수 있게 해주는 코드

   onPressed: ()  async {
            print('사진추가');
            FilePickerResult result = await FilePicker.platform.pickFiles(allowMultiple: true);

            if(result != null) {
              List<File> files = result.paths.map((path) => File(path)).toList();
              return pickFiles;
            } else {
              // User canceled the picker
            }
          },

아래 코드를 실행시 파일을 서버로 전송하게 됩니다.
onTap:(){
         postNotice(pickFiles);
}

코드 설명

매우 간단합니다. posfFile 이라는 메서드는 Dio를 활용하여 매우 편하게 form-data형태로 서버에 post할수 있게 해줍니다.

onPressed로 클릭시 FilePicker로 사진을 선택할 수 있게 해줍니다.

그리고 postNotice 메서드를 실행하게 되면 선택한 파일을 서버에 보내게 됩니다.

매우 간단하게 서버에 파일을 보낼수 있습니다.