뚝딱뚝딱 모바일

3월에 마주친 이슈긴 한데, 기록해두면 좋을 것 같아 이제서야 적습니다...!슬랙에 이러한 사진이 하나 올라왔습니다.글자가 완전 뒤죽박죽 깨져있던 것이었습니다. API 응답값 문제 없고, 내 기기에서도 문제 없고... 도저히 알 수 없었던 상황이었습니다. 그래서 전 하나의 가설을 먼저 세웠습니다.폰트 문제가 아닐까?저희 앱은 Pretendard 폰트를 사용 중입니다. 이 폰트가 유저의 핸드폰에서 충돌이 난 것이 아닐까? 싶어 Pretendard 깃허브 issue들을 확인해보기 시작했습니다. Variable font 사용시 특정 자음깨짐 현상 · Issue #177 · orioncactus/pretendard안녕하세요. ㄴ, ㅅ, ㅊ 와 같은 자음이 깨지는 문제를 겪고 있습니다. 다른 variable fo..

안녕하세요.최근에 개발하다가, 자주 겪는 (버그로 추정되는) 오류에 대해 적어보려 합니다.어떤 상황에서 발생하나?개발을 하고 있다보면, 재빌드할 때, 이러한 오류가 뜹니다.대부분 이 문구를 보고 Xcode를 켜서 Run 시킨 후, 다시 해보려고 하실 겁니다.하지만 Xcode에선...이러한 오류를 띄우고 있습니다. 딱히 건드린 것도 없는데 뭐가 문제지... 고민하실 필요 없습니다.어떻게 해결하나?간단합니다. Xcode를 종료 후, 새로 빌드하면 오류 없이 빌드됩니다. Xcode 15 launch failure with iOS 17 "Could not obtain access to one or more requested file system resources because CoreDevice wIs ther..

안녕하세요.오늘은 TextField의 Foramt을 변경하여, 통화(Currency), 전화번호 등을 조금 더 직관적으로 표현할 수 있는 방법을 알아보겠습니다.TextField에는 inputFormatters라는 List? 타입의 인자가 있습니다.이 inputFormatter를 활용하여, TextField의 Format을 바꾸거나, 특정 문자만 입력되게 할 수도 있습니다.TextField( inputFormatters: [ FilteringTextInputFormatter.digitsOnly, // 숫자만 입력받로고 FilteringTextInputFormatter.allow(Regex), // Regex만 허용 FilteringTextInputFormatter.deny(..

안녕하세요. 저번에 겪었는데, 또 잊고 헤맸던 오류를 만나서 정리해두려고 합니다. 어떤 상황에서 발생하나? Flutter iOS 빌드했을 시에, 앱이 제대로 빌드되지 않을 때, Xcode에서 표출되는 오류입니다. 어떻게 해결하나? 일단 스택오버플로우에서 나온 방법대로 해보아야 합니다. Framework 'Pods_Runner' not found I am trying to run the flutter app but getting this error same issue here but none helped Launching lib/main_dev.dart on iPhone 15 in debug mode... main_dev.dart:1 Upgrading Pods-Runner-frameworks.sh stac..

안녕하세요. 오늘도 간단한 에러 해결법으로 글을 써봅니다. 어떤 상황에서 뜨나? 다들 프로젝트를 세팅하고 이미지나 폰트 등의 에셋을 넣기 위해 assets 폴더를 만들고, pubspec.yaml 파일에 선언해 준 경험이 있으실 겁니다. 그럴 때 잘못된 선언이나, 폴더를 찾지 못하면 뜨는 에러입니다. 어떻게 해결하나? 해결법은 매우 간단합니다. 선언문과 폴더의 위치만 확인해 주면 됩니다. 먼저 폴더는 프로젝트 폴더 하위에 "assets"이라는 이름이어야 합니다. 선언 같은 경우에는 pubspec.yaml 파일의 하단에 flutter: 로 시작하는 문단이 있습니다. 그 문단 아래에 사진과 같이 기입해 주시면 됩니다. 중요하게 여겨야 할 점은 띄어쓰기입니다. assets: 앞에 두 번의 띄어쓰기, 그 하단에서..

안녕하세요. 오늘은 간단한 팁을 알려드리겠습니다.UX에 관심 있는 분들이라면 한 번쯤 찾아보셨을 TextField Focus 이동시키는 법입니다.주로 사용하는 곳은 전화번호 인증 화면이 있을 것 같습니다.이건 제가 개발한 지구하다 앱의 인증 화면입니다. 예시 화면으로 가져와봤습니다.전화번호를 적고, 인증번호 전송버튼을 누르면 인증번호 TextField로 Focus가 바뀝니다. 되게 사소하지만, 유저 입장에서 좋은 UX라고 생각됩니다.뭐 Focus 하나 가지고... 적용하지 않아도 유저 입장에서 TextField 한번 클릭하면 되는 건데... 라는 생각이 드실 수 있습니다. 하지만, 이러한 사소한 UX들이 모여 유저 입장에서 쓰기 편하다!라는 느낌을 받을 수 있으면, 훨씬 좋은 효과 아닐까 싶습니다. 이제..

안녕하세요! 오늘 글은 Error가 아닌 Warning이긴 하지만, 알아두시면 좋을 것 같아 적게 되었습니다. 어떤 상황에서 뜨나? 주로, 비동기적 상황에서 context를 사용하려할 때 뜹니다. someFutureFunction().then((_) async { String example = await awaitFunction(); context.read().add(SampleEvent()); // Bloc 코드 }); 예시 코드입니다. 이렇게 async 함수 안에서 await 후에 context를 사용하는 코드가 존재한다면, 노란 밑줄이 코드 밑에 쳐지면서 Warning이 생겨납니다. 해결법 사실 해결법은 매우 쉽습니다. context를 사용하는 코드 부분을 mounted가 true일 때만, 실행해..

이번에는 추상 클래스에 대해 정리해보려 합니다.추상 클래스란?추상 클래스는 추상 메서드를 가질 수 있는 클래스를 뜻합니다. 추상 메서드는 몸체가 없는 함수를 뜻합니다. 아래와 같은 함수를 추상 메서드라고 합니다.void something();일반적인 클래스는 추상 메서드를 가질 수 없지만, 추상 클래스는 이를 가질 수 있습니다. 그리고 추상 클래스는 선언할 때 abstract 키워드를 사용하여 선언합니다.abstract class Vehicle { void honk();}특징추상 클래스는 상속(extends) 또는 구현(implements)할 수 있습니다.class Car extends Vehicle { @override void honk() { // TODO: implement sound ..