전 글에서 RN 에 푸쉬를 추가해 보았다. https://jamcode.tistory.com/77 React Native Push 사용하기(React Native + Push + AWS SNS) 몇 년전 iOS 푸쉬를 사용하고 암 투병생활을 좀 해서 다시는 하고 싶지 않았다. 하지만 회사에서 다시 해야만 하는 상황이 생겼고 이 번에는 React Native(이하 RN) 환경에서 구축하게 되었다. 다행히 암(Push 설.. jamcode.tistory.com getAppleMessage, getAndroidMessage 함수에서 보내는 데이터를 만드는데 푸쉬를 보낼 때 추가 정보를 전달하고 싶을 때가 있다. 그래서 iOS 와 Android 의 추가 정보를 전달하는 코드를 공유한다. 이 코드는 위의 글에서 ..
React Native Push 사용하기(React Native + Push + AWS SNS)
몇 년전 iOS 푸쉬를 사용하고 암 투병생활을 좀 해서 다시는 하고 싶지 않았다. 하지만 회사에서 다시 해야만 하는 상황이 생겼고 이 번에는 React Native(이하 RN) 환경에서 구축하게 되었다. 다행히 암(Push 설정)을 암(RN) 으로 치료하는 기적의 딜 교환으로 이틀 만에 AWS 를 통한 푸쉬 전송을 할 수 있었다. 현재 사용하고 있는 RN 버전은 아래와 같다. "react": "16.3.1", "react-native": "0.55.2" RN의 버전은 사용할 다른 라이브러리에 맞춰서 좀 낮은 편인 듯 하지만 현재 0.59까지 나온걸 생각하면 괜찮은 편이다. 참고로 RN은 0.0.1 올라갈 때 마다 지각변동이 일어나기 때문에 0.0.1도 쉽게 허용해서는 안된다. 다음으로 react nati..
에뮬레이터를 실행하기 위해서는 emulator 를 사용하여 실행할 수 있고 일단 현재 설치돼어 있는 에뮬레이터를 확인한다. emulator -list-avds 그럼 목록을 확인할 수 있고 목록의 이름을 사용하여 에뮬레이터를 실행한다. emulator -avd Nexus_5_API_24 emulator @Nexus_5_API_24 둘 중에 하나로 실행하면 에뮬레이터를 실행할 수 있다. (추가적인 기능은 emulator -help 로 확인할 수 있다.)
안드로이드 display name 변경 {project}/android/app/src/res/values/strings.xml 의 app_name 변경 안드로이드 소스 package 변경 및 앱 ID(배포및 설치 시 구분하기 위한 용도) 변경 MainActivity.java, MainApplication.java 가 있는 package 명 변경 후 {project}/android/app/src/main/AndroidManifest.xml 의 defaultConfig -> applicationId 설정 변경 {project}/android/app/src/main/java/com/westudy/demo/MainActivity.java 의 getMainComponentName 의 return 값 변경. ret..
Could not get unknown property 'mergeResourcesProvider' for object of type com.android.build.gradle.internal.api.ApplicationVariantImpl (갑작스런 에러)
React Native (이하 RN) 은 안드로이드와 아이폰을 모두 개발할 수 있고 웹에서 React 를 사용한다면 거의 흡사한 같은 환경을 갖는 것으로 봐도 된다. 하지만 단점도 존재하는데 그 중에 가장 큰 것은 버전이 1 밑이고 변화가 많을 뿐더러 개발자 분들이 공유해 주시는 좋은 라이브러리들이 환경에 따라 어떻게 동작할 지 모른다는 것이다.그래서 개발을 잘 하다가 라이브러리는 가져다가 사용했을 때 오동작하는 경우가 발생하면 앱이 기동되지 않고 이를 해결하기 위해 무한 구글링을 시작해야 한다. 그래도 다행인 점은 먼저 고생해주시는 분들이 많이 계셔서 해결이 불가능 하지는 않다..그래도 힘듬. ㅠ이번에는 react-native-swiper 를 사용하기 위해서 가져왔는데 갑자기 안드로이드가 기동되지 않았..
TextInput 을 사용할 때 상위 View 에서 가운데 정렬을 적용해도 하위의 TextInput의 텍스트가 중앙으로 오지 않는다. TextInput 의 backgroundColor 를 red 로 주고 확인해 보면 View 의 높이 만큼 TextInput이 가득차 있는 것을 볼 수 있다. 이는 TextInput 의 default padding 때문이라고 하는데 TextInput style 에 paddingTop: 0, paddingBottom: 0 을 넣어주면 TextInput 의 크기가 fontSize 에 맞게 줄어들고 vertical align 이 동작하는 것을 볼 수 있다.