# RN
iOS 개발환경 한글 자모음 분리 삽질기
리액트 네이티브로 프로젝트를 진행 하던 중 계속해서 한글 자모음 입력이 분리되는 현상이 발생했다. 맨 처음엔 리액트 네이티브 자체의 문제인줄 알았는데 그 이슈는 이미 0.67.3 버전에서 해결된 이슈였다. 그 다음으론 Input을 처리하는 로직의 문제일 수도 있다고 생
[React Native] expo-checkbox 스타일 커스텀하기
채우기 색은 color prop으로, 기타 스타일은 style prop으로 한다.

React Native BuildConfig 에러
React Native 환경에서 android 빌드 중 나온 에러에 대해 작성해보려고 한다. 나는 안드로이드를 잘 모른다. 학부때도 Swift를 메인으로 했었고 React Native로 작성중에도 ios로 다 만들어놓고 android는 QA후에 배포만 진행했었다. 그
React Native Webview 프로젝트 웹폰트 적용기
리액트 네이티브 웹뷰로 제작한 프로덕트에 'Pretendard' 폰트를 적용하게 되면서, FOIT + FOUT 이슈를 겪게 되었다. 네트워크가 정상적일 때에는 현상이 심하진 않지만 눈에 띄게 폰트의 깜빡임이 보였고 네트워크 환경이 좋지 않을 때에는 너무너무 화면에 에러

React Native Navigation + Typescript 사용하기
React Native + Typescript 환경에서 작업 중 나온 문제 중 일부를 기록한다.

React Native에서 Material Symbols 사용하기
Material Symbols TTF를 불러와 React Native에서 Icon으로 사용하는 방법
[React-Native] toLocaleString Not Working on Android
리액트네이티브 안드로이드에서 toLocaleString() 메소드가 적용이 안 돼요. 이게 안 돼서 원초적인 방법으로 숫자 세자리마다 콤마를 찍어주는 JS 함수를 썼는데아무래도 근본적인 해결방법은 아닌 것 같아서 찾아봤다. 스택오버플로우에서 아래와 같은 글을 발견. 오

[RN] React Native Toast 만들기
UI 요소 중 Toast란 요소가 있는데 마치 토스트기에서 식빵이 튀어오르는 것 같아서 토스트란 이름이 지어졌다. (스낵바랑 토스트랑 비슷한 용도라서 구분없이 사용되기도 하는데, 정확히는 클릭버튼(닫기)가 있냐 없냐에 따라 구분하는 것 같다.)사용자의 반응을 즉각적으로
[프로젝트] DrawerMenu(서랍 메뉴) 만들기
코노플리 프로젝트를 1차로 구글 플레이스토어에 업로드했고, 이후로 미뤄뒀던 나머지 작업들(ex: 금영노래 DB 추가 등)을 진행하고 있는 중이다. 현재 탭은 인기차트 / 주변(지도) / 검색 / 플레이리스트 / 설정 이렇게 다섯가지로 구성되어 있는데업데이트 시 '신곡'

[RN]WARN Require cycle 에러 해결
react-native-calenders 라이브러리를 사용 중 자꾸 wran에러가 발생하였다. 물론 저장하면 사라지기도 하고, 구현하는데에는 큰 문제가 없지만 거슬리기도 하고 나중에 문제가 발생할 수도 있으니 고치는게 좋을 것 같아서 여러 서치 끝에 에러를 해결하였다.

RN DateRangePicker 사용하기
프로젝트에서 어플리케이션을 개발하던 중 기존 사용하고 있던 직접 만든 dateRangPicker에서 오류가 발생했다. 고치려고 노력해보았으나 버전 차이인지 뭔지 오류가 고쳐지지 않아서 새로운 라이브러리를 사용해보려고 한다.

[React-Native] firebase messaging 환경 분리(+Scheme, Configuration)
이 기나긴 삽질의 여정을 적어보려해..아니 때는 바야흐로 9/7 푸쉬가 안드와 iOS에서 모두 정상적으로 동작하고 있다는 걸 들었음. 휴 다행이군 개발에 문제가 없었군! 하고 이제 환경을 분리해야겠다 생각하고 firebase에 들어가서 prod 환경 info.plist

[알게된 것] ReactNative - NativeModule.RNPermissions is null
위 오류는 2가지 경우에 생길 수 있다.react-native-qrcode-scanner와 react-native-permissions 모듈의 충돌 때문이며, 해결 방법은 react-native-permissions를 ^3.8.0 으로 재설치 하는 것metro.conf

React Native - how It works?
RN이란iOS 및 Android 용 실제 네이티브 렌더링 모바일 앱 개발을 위한 자바스크립트 프레임워크이다. 리액트 기반 앱 개발이 가능하다.Cross platform이란?크로스 플랫폼 개발을 통해 개발자는 단일 코드베이스를 사용하여 여러 플랫폼 또는 장치와 호환되는

React Native - Rendering
HTML 이 웹 브라우저를 만나 파싱되는 과정을 거치는데 이 과정을 렌더링이라 한다. HTML이 파싱되면서 자바스크립트 객체로 바뀌게 되고 HTML element들은 전부 자바스크립트 클래스 인스턴스로 변환되게 된다. 이때 자바스크립트로 인식할수 있게된 문서를 이루는

React Native - FCM Token Trouble Shooting
프로젝트를 진행하던 중 애플리케이션에 알림을 보내야 할 일이 있어서 FCM 토큰 작업을 해줘야 했다. FireBase와 연동하여 작업을 진행해줘야 했기 때문에 아래 블로그를 참고해서 작업을 진행해 주었다.