ReactNative

React

[React-Native] 뜬금없는 서버 모니터링 어플 개발기

어쩌다가 AWS 비용이 겁나서 그냥 집에서 남아도는 구형피시로 NAS 겸 API서버를 돌리고 있는데 그럴싸한 모니터링 프로그램이 있으면 좋겠다는 생각이 들었다. 백엔드서버는 그냥 Node.js를 사용하고 서버 자체에서 API서버를 만들고 불필요한 DB연동은 다 빼버렸다. 인터벌을 줘서 일정 시간마다 DB로 쏘고 DB값을 가져다 쓸까 하다가 어차피 혼자 볼 건데 불필요하게 쌓일 거라 생각했다. 하드웨어 개조 시작 주목적은 온도체크 목적이다. 무슨 뜬금없는 소리냐 싶겠지만 커스텀케이스를 만든다고 공간확보가 필요했다. 그래서 CPU에 쿨러도 떼버렸다. (이때 멈췄어야 했다. 뭐든 필요해서 존재하는 거였다.) 그래서 안정성 검증을 빙자한 보험성 온도체크 모니터링이 필요했다. 소프트웨어 개발 Ubuntu에도 Se..

React

[React-Native] BottomSheet 사용하기

바텀시트란 이 처럼 바닥에서 위로 올라오는 화면을 바텀시트(Bottom Sheet)라고 한다. 본 글에서는 바텀시트를 구현하기위해 라이브러리를 사용할 것이다. 라이브러리 설치 먼저 아래 라이브러리를 설치해주자. yarn add @gorhom/bottom-sheet@^4 공식문서에 따르면 아래 종속된 패키지도 설치해야 한다고 한다. yarn add react-native-reanimated react-native-gesture-handler 이후 babel.config.js파일에 플러그인 맨 뒤에 추가해 준다. 이제 아래 두 태그를 최상단에 넣고 내부에 바텀시트를 선언해주고 사용해주면 된다. 공식문서의 예제에 뒤에 오버레이 스크린의 순서만 살짝 바꿔 자연스럽게 만들어준 코드는 아래와 같다. import R..

개발조무사 윤뚜비
'ReactNative' 태그의 글 목록