toast
-
push Toast 메시지 만들기Language/React 2024. 7. 9. 14:43
iOS 포그라운드 상태에서 푸시를 수신 후 React에서 푸시메시지를 토스트 형태로 표시하는 작업에 대한 정리이다. 소스코드css.push-toast-wrap { position: fixed; top: 0px; width: 100%; z-index: 99999;}.push-toast-wrap .toast-items { display: flex; flex-direction: column; gap: 10px;}.push-toast-wrap .toast-items .item { display: flex; align-items: flex-start; /* width: 344px; */ width: 720px; padding: 14px 14px 12px 14px; border-radius:..
-
Toast 만들기Language/React 2024. 7. 9. 11:07
iOS에서 포그라운드 푸시메시지를 수신하는 화면을 React로 보여주는 기능을 넣어야 한다.작업방향은 Toast 형식으로 먼저 만들고 푸시수신되는 애니메이션 효과를 주면 어떨까 해서 만드는 도중에 토스트 메시지는 어느정도 완성 되었는데 푸시 수신 애니메이션을 넣으려고 하니 토스트 형태 소스에서 많이 달라질듯 하여토스트까지만 작업한 부분을 정리해 두려고 한다.테스트용 소스가 많이 들어가 있으니 지저분 하지만 여기까이 정리하자! 작업 소스_app.jsximport NFToastProvider from '../components/common/NFToastProvider';function App({ Component, pageProps }) { return ( ... ..