크로스 플랫폼/React-Native <JSX> 33

[React-Native] 개발할 때 알면 좋은 팁

RN 플랫폼을 통해 모바일 앱을 개발할 때 잊어버리기 쉬운 좋은 팁이 여럿 있습니다. 한 포스트로 쓰기에는 사소하지만 까먹을 때마다 보기 좋은 팁들을 모아봤습니다. 제 블로그를 찾아주신 다른 분들에게도 도움이 되었으면 좋겠습니다. 팁 서드파티 라이브러리 사용을 최대한 지양하세요. 그 중 제대로 관리되는 라이브러리는 소수입니다. 나중에 의존성 지옥에 갇혀요 (저처럼) 가벼운 라이브러리는 컴포넌트로 스스로 구현하는 것이 좋습니다. 하나라도 의존성에서 벗어나게 하세요. 지금 제공되는 기본 컴포넌트로도 충분합니다. Button보다 TouchableOpacity 및 TouchableWithoutFeedback 컴포넌트를 사용하세요. Button컴포넌트는 기능이 정말 빈약합니다. 네이티브 버튼을 구현하고 싶다면? ..

[React-Native] 안드로이드 커스텀 폰트 출력 문제 IncludeFontPadding 해결하기

커스텀 폰트 문제가 android에서 발생했습니다. 추가 마진(아니면 패딩)이 모든 커스텀 폰트에 적용되어 있습니다. 문제 이해 구글링하여 이 문제에 관한 많은 글을 찾을 수 있었습니다. React Native Android Text Component extra padding android:includeFontPadding React Native - Text Style Props - IncludeFontPadding 안드로이드 TextView 기본값이 참인 includeFontPadding 속성이 적용된 것이 문제였습니다. 적용 includeFontPadding 속성이 거짓임을 명시해줍니다. include-font-padding: false; 적용 예 1: import styled from "styled..

[React-Native/오픈소스활동] gradle unsupported claass file major verion 62 error 해결하기

개요 IOS 빌드에 성공한 프로젝트를 안드로이드 빌드하였을 떄 에러가 출력되며 빌드에 실패했습니다. 이는 gradle이 지원하지 않는 jdk 버전을 사용하여 발생하는 문제입니다. FAILURE: Build failed with an exception. * Where: Settings file '/Users/taegyeonglee/Documents/GitHub/Checked/android/settings.gradle' * What went wrong: Could not compile settings file '/Users/taegyeonglee/Documents/GitHub/Checked/android/settings.gradle'. > startup failed: General error during c..