레드의 노트

이번에 코드를 두드리면서 예상치 못한 코드 에러를 만났다.ㅤㅤvoid 반환형에 관련된 문제였는데, 대략적으로는 아래의 상황이다. 함수는 void 타입을 반환하는 함수가 하나 정의되어 있었다.Either foo() { if (조건에 따라) { return null; } else { return Failure(...); }}ㅤㅤ그리고 나는 이 값을 받아 void 타입의 함수가 정상적으로 잘 종료되었는지 체크해보려 했다.final result = foo();if (result가 null) { ㅤㅤ그런데, result의 type이 void 이기 때문에, 이 값을 확인할 수 없다는 에러가 자꾸 발생했다."this function has a return type of..

이번에 회사 인턴을 시작하고, 제일 처음으로 담당하게 된 미션은 테스트코드를 작성하는 것이였다. 난생 처음 테스트코드를 작성해보는 것이라 사실 좀 걱정을 했었다. 열심히 기존 코드들을 보면서 클린 아키텍처를 기반으로 나뉘어있는 레이어 위 기능들에 대해서 각각 테스트코드를 작성하고 합치는 작업을 공부하고 수행했고, 생각했던 것보다 내가 얻어가는게 많은 테스크였다고 생각이 들었다.우선 테스트코드를 작성하기 위해서 프로젝트 내에서 다음의 내용들을 파악해야 했다.어떤 구조로 프로젝트가 구성되어 있는가어떤 패키지들을 사용하고 있고, 그 사용 방법은 무엇인가프로젝트 내에서 사용하는 커스텀 타입들은 어떤게 있고, 내부 값들을 이용하려면 어떻게 접근해야 하는가프로젝트에서 사용하는 다양한 API, 상수 등은 어떻게 관리..

이번에 면접을 진행하면서 플러터에서 화면 렌더링의 과정을 이해하고 있는지에 대한 질문을 받았다. 플러터에서 실행하려는 코드가 엔진을 통해 네이티브로 전달되는 과정은 이전에 애플 로그인을 붙이는 과정에서 고생하면서 학습을 한 상태였는데, 화면을 그리는 과정에 대해서는 잘 알지 못했기에 그냥 ‘엔진 통해서 그려주고, 내부적으로 위젯트리, 상태트리 만들어서 렌더링한다‘ 정도로 답변을 얼버무렸었다.ㅤ면접 질문들을 복기하면서 내가 답변 못한 부분들을 채우고 있었는데, 플러터 화면 렌더링 매커니즘에 대해서 아래 글에서 그 내용을 잘 정리해뒀기에, 이를 공부하면서 나름대로 다시 정리를 한 번 해보려고 한다!https://www.alibabacloud.com/blog/exploration-of-the-flutter-r..

이번에 Flutter Engine에 대해 계속 내용들을 공부하고 있는데, 자꾸 헷갈리는 내용이 있어서 계속 찾아보다가 그냥 글로 정리했다.ㅤ바로 Dart는 Native Machine Code로 컴파일 되지만, 실행 시점에 Dart VM은 여전히 사용된다는 것이다.내가 배웠던 바에 따르면 Flutter의 장점이 Native Machine Code로 변환되어 실행이 되기 때문에, VM을 사용하는 리액트 같은 JS 언어보다 성능적으로 우수하다는 것이였는데, 그 배움이 부정당하는 듯한 문장이였다.ㅤDart 가 VM 을 사용한다고…?ㅤ그래서 GPT 한테도 열심히 물어봤다. 근데, 더 헷갈리는 답변인, “Native와 VM이 결합되어 사용됩니다” 라는 두루뭉술한 답변을 남겼다. 아니 이게 무슨말이냐 GPT왈 : “..

ㅤ플러터 엔진의 C, C++ 코드는 iOS 환경에서는 LLVM 을 통해 컴파일이 된다고 한다.읭 LLVM??ㅤLLVM이라는 키워드는 Xcode에서 개발을 진행하면서 종종 봤던 키워드이다. (LLDB도 많이 봤던 것 같다!) 공부를 하다보니 clang 이라는 키워드와 LLVM 이라는 키워드가 자주 나왔는데, 평소에는 자주 지나쳤던 이 이름들에 대해서 한 번 정리해보는 시간을 가지면서, 그 흔적을 여기에 정리해두려고 한다 :)ㅤLLVM 이란?LLVM 은 컴파일러와 툴체인의 집합이며, 두문자가 아니라, LLVM 자체가 그냥 프로젝트의 이름이다. (오호) 물론 처음에는 low-level virtual machine 이라는 이름에서 출발했지만, 기능이 확장하면서 풀네임이 그 기능을 다 표현해내지 못하면서 두문자만..

플러터에서 애플 로그인 회원탈퇴를 할 수 있는 로직을 아래에 작성해놨다!! 필요한 사람은 참고하자!!ㅤ 갸아아아악 진짜 이걸로 고생했다. 🥺🥺💦ㅤ이번에 앱 출시를 위해서 앱스토어에 심사를 올렸다가, 회원가입이 있으면 회원탈퇴도 있어야 한다는 심사 기준으로 인해 리젝을 받았다.당연히 Sign_In_With_Apple 패키지에서 해당 기능을 함수로 구현해뒀을 것이라 생각하고, 바로 회원탈퇴 기능 구현 후 심사 재제출을 하려고 했는데, 오잉? 그런 기능은 제공되고 있지 않았다. (흑흑따)ㅤ파이어베이스나 다른 기능들처럼 또 다른 패키지의 방식으로 해당 기능을 제공할 것이라고 생각했는데, 왠걸? 특정 URL로 POST 쿼리를 날려야 이를 구현해준다고 되어있다. (나 웹 방식은 진짜 감도 안온단말이야…) 그치..

ㅤ이번에는 URL에서 이미지를 받아와 파일의 형태로 다루면서 뷰에서 이미지를 보여주고자 하여, 아래의 작업을 처리해주고 있었다.파이어베이스에서 이미지의 URL을 받아옴URL에서 이미지를 다운받아, 로컬에 임시 파일로 저장File 타입의 변수에 해당 파일을 불러오기Image 위젯에 이미지 파일을 보여주기ㅤ그리고, URL에서 이미지를 다운받아 저장하는 코드는 아래의 코드를 사용해주었다.Future downloadImageToFile(String imageUrl) async { try { // HTTP GET 요청을 통해 이미지 데이터 다운로드 final response = await http.get(Uri.parse(imageUrl)); if (response.statusCo..

ㅤ이번에 개발을 진행하면서 Sign In With Apple 기능을 붙이려고 했다. 그런데, 정말 예상치 못하는 상황에 Exception이 계속 발생했다. ㅜㅜㅜ 원인을 찾지 못해서 이걸로 2일 이상은 날린 것 같다.ㅤ간단하게 결론만 말하자면, iOS Configuration을 새로 만들자.ㅤFirebase에서 Sign in With Apple을 적용하려고 했으며, Flutter로 개발을 해주고 있었다.우선 설정은 다음 사항들을 진행했다. 다른 블로그 글들, 유튜브 튜토리얼에서 잘 설명되어있었다.FirebaseSign in with Apple 추가하기Apple DeveloperApp Identifier 등록Sign in with Apple 체크Service Identifier 등록Sign in with ..

이번에는 아래와 같은 UI를 만들어보고 싶었다. 내가 선택한 텍스트필드에 포커스가 가고, 다음 버튼을 누르면 새로운 필드가 열리며 여기로 포커스가 이동하는 방식을 구현하고 싶었다.ㅤㅤ내가 만들고자한 서비스에서는 텍스트필드의 개수가 정해져있었기에, step 으로 나눠 Visibility 위젯으로 이를 숨겨놨었다. 기타 부수적인 코드를 다 제거하면 아래처럼 작성이 되었다.ㅤList focuseNodeList = [FocusNode(), FocusNode(), FocusNode()];...Visibility( visible: 첫 번째 step 부터, child: Column( children: [ Visibility( visible: viewmodel.focusedStep == ..

이번에도 30분동안 싸운 간단한 문제가 있었다. 이번에 내가 구현하려 했던 부분은 데이터 삭제 후 뷰 새로고침이였다. 되게 간단한 문제였는데, 요녀석이랑 싸우게 된 이유는 자식 위젯에서 데이터를 지우는 로직을 호출하고, 부모 위젯에서 뷰를 업데이트를 해야한다는 점이였다.ㅤㅤ처음에는 단순하게 자식 위젯에 있는 버튼을 누르면 로직을 처리하고, 이에 따라 setState를 호출해 뷰를 업데이트해주려고 했다. 그런데, 분명 setState 함수까지 호출이 잘 되었다고 나오는데 뷰는 제대로 업데이트가 되지 않는 문제가 있었다.// 자식 위젯 코드onPressed() async { await removeLogic() .whenComplete(() { setState(() {}); });}ㅤ여기에서 갖가지 위치에 ..