모리스의 개발 노트

안녕하세요. 모리스 입니다.😀지금은 iOS 개발을 해서 그런일은 없지만 예전에 RN개발을 할 때 AOS 기기에서 일어났던 이슈를 해결하며 알았던 내용을 작성해 보려해요.그럼 시작해 보겠습니다.!📱 갤럭시 폴드, 넌 대체 왜 그러는 거니…React Native로 앱을 개발하던 중, 메인 화면에 공지사항 팝업을 띄우는 기능을 구현해야 했어요.기능 구현은 금방 끝났고, 서버에서 내려주는 공지 이미지를 잘 렌더링하는 것까진 문제없었습니다.일반적인 디바이스에선 이미지가 예쁘게 잘 나오더라고요.하지만… 미처 생각하지 못한 한 디바이스가 있었으니…바로 갤럭시 폴드…!🤔 갤럭시 폴드는 뭐가 다른가요?갤럭시 폴드는 특이한 구조를 가지고 있어요.접었을 땐 일반 스마트폰보다 조금 더 좁은 화면펼쳤을 땐 거의 태블릿에 ..

안녕하세요. 모리스입니다.🙂예전에 RN개발을 할때 AOS 앱을 급하게 빌드해서 릴리즈해야 하는 상황에 회사 CI(Jenkins) 서버가 갑자기 먹통이 되는.. 😨방법은 단 하나 수동으로 Android 앱을 빌드해서 심사에 넣어야한다!그치만 그 당시 초초초!!주니어 개발자 였던 저는.. 잘 몰랐고.. 그때 삽질하며 겨우겨우 했던 기억이...😂그래서 이번 글에서는 Android 앱의 APK와 AAB 파일을 직접 생성하는 과정을 정리해보려고 해요.1. 🔐 Keystore 생성하기보통은 프로젝트에 맞는 keystore 파일이 회사에서 관리되고 있겠지만, 이 글에서는 Keystore 생성부터 설명해볼게요.프로젝트 루트 디렉토리에서 아래 명령어를 실행합니다.your_key_name과 your_key_alia..

안녕하세요. 모리스입니다. 😄오늘은 React Native로 앱 UI를 개발하다 보면 예기치 못한 부분에서 레이아웃이 어긋나게 되는데..저는 styled component로 AOS에서 font를 적용했을 때 원치 않는 padding이 발생하는 문제 였어요.결론부터 말하자만 문제의 원인은..Text 컴포넌트에 적용된 font 자체의 padding입니다.자, 이제 조금 더 자세하게 들여다볼까요?문제 상황텍스트 버튼에 일반적으로 많이 쓰는 폰트인 NotoSans 폰트를 다음과 같이 적용했어요.vehicleText: { fontFamily: FontFamily.notoSansRegular, fontSize: 32.0, fontWeight: 'normal', fontStyle: 'normal', let..