[RN] React Native 라이브러리 없이 Toast Message 구성하기
·
React & React Native/공통 모듈
해당 글에서는 React-native에서 라이브러리를 사용하지 않고 Toast Message를 구성하는 방법에 대해 공유합니다.1) Toast Message💡 Toast Message- React Native에서 Toast message는 사용자에게 간단한 정보를 제공하거나 경고를 줄 때 사용하는 간단한 팝업 메시지를 의미합니다.  1. ToastAndroid 모듈을 사용하는 방법 💡 React-native 내에 ‘ToastAndroid’를 이용하여 ToastMessage를 구현하는 방법이 있습니다. 모듈 이름과 같이 Andriod 플랫폼 내에서만 동작을 합니다. ToastAndroid · React NativeReact Native's ToastAndroid API exposes the Androi..
[RN] React Native 스탑워치 기능 구성 : 시간-분-초(HH:mm:ss), 분-초-밀리세컨드(mm:ss:SSS)
·
React & React Native/공통 모듈
해당 글에서는 react-native 기반의 스탑워치 기능으로 시간-분-초(HH:mm:ss), 분-초-밀리세컨드(mm:ss:SSS) 형태의 기능 구성에 대해서 공유합니다.  1) 스탑워치 기능 : 시간-분-초(HH:mm:ss)💡 해당 화면에서는 스탑워치 기능으로 시간-분-초(HH:mm:ss) 형태로 출력을 합니다- handleStartStop()는 스탑워치의 시작/종료의 기능을 수행하는 함수입니다.- handleReset()는 스탑워치 시간을 리셋하는 기능을 수행하는 함수입니다.- formatTime()는 state에 갱신된 시간에 따라 데이터를 시간-분-초(HH:mm:ss) 형태로 변환해 주는 함수입니다.  1. 구성 코드 💡 ‘Start’ 버튼 : handleStartStop()- isActive..