모바일 앱을 개발하다보면 인터넷 연결 상태에 따라 동작이 변경되거나 UI가 변경되는 일이 있다.이 글에서는 @react-native-community/netinfo 패키지를 사용해서 구현한다.yarn add @react-native-community/netinfo
웹, 앱 서비스에서 떼어놓을 수 없는 목록 화면 보여주기.그냥 정적인 리스트를 보여줘도 되겠지만, 토스앱에서 세세한 인터랙티브함?이 주는 감동을 내 프로젝트에 녹여보고 싶었다.오일완 이라는 일본어 단어장 앱이고, 일단 결과물은 아래와 같다.뭐 대단한 애니메이션은 아니지

예전에 리액트 네이티브에 관해서 찾아봤을 때도 그랬고 주변에서 Expo를 사용하면 네이티브 기능 관련해서 사용이 아예 불가능하고.. Expo를 떼어내야하고.. 외주사에서 빨리 치려고 하는 툴이고.. 뭐 이런 부정적인 이야기들이 많았기 때문에 사용할 생각을 전혀 하지 않

개인 프로젝트 진행 중 바텀시트 형태의 UI를 구현하면서 겪었던 문제와 해결 방법을 기록한다.플러터에서는 기본적으로 바텀시트를 바로 사용할 수 있어서 몰랐는데 리액트 네이티브에서는 라이브러리를 설치해 구현하거나 직접 만들어야했다. 처음엔 결과물을 빠르게 내려고 라이브러

이 글은 최신 리액트 네이티브 문서에서 Lagacy Native Module이라고 부르는 브릿지를 통하는 기존의 네이티브 모듈 방식으로 작업한다. 결과물 미리보기 Swift 파일 작성 나는 react-native-cli를 사용해 AwesomeProject 빈 프로젝트를 생성한 뒤, xcode로 프로젝트를 열어줬다. xcode로 프로젝트를 열어준다 Co...

Swift로 구현하기에 이어 Kotlin으로
Content-Type을 바꿔주어도axios에서 transformRequest 옵션을 주어도blob을 넣어도온 세상이 날 억까한다면 임포트를 확인해보자.

Flutter로 만들어진 앱을 React Native로 다시 작성하는 과정에서 FlutterSecureStorage로 저장중인 토큰값들을 React Native앱에서 조회해 로그인이 풀리지 않고 매끄럽게 넘어갈 수 있게 만드는 과정을 기록한다.버전 참고사항flutter