띠오니 개발자 성장일지
반응형
article thumbnail
React Native가 동작하는 원리 - RN의 Thread
Study/React&ReactNative 2023. 7. 18. 01:00

RN이 동작하는 원리를 알기 이전에 먼저 Thread 의 개념을 알아야한다. Thread란? 실행되는 프로세스 내에서 실제로 작업을 실행하는 주체로, 가장 작은 작업의 단위로 볼 수 있다. 명령어를 실행하여 처리하는 주체이다. 음식점에서, 여러가지 음식을 만드는 행위로 빗대어 말할 수 있다. (= 다양한 작업을 실행하는 주체) 보통 프로세스 하나 당 하나의 스레드를 가지고 있지만, 환경에 따라 두 개 이상의 스레드를 가질 수 있으며, 이를 멀티스레드 라고 한다. React Native 의 4가지 Thread React Native 에는 4가지 Thread가 있다. 1. Main Thread 또는 UI Thread Native 영역에 레이아웃을 그려주는 역할을 한다. 2. JavaScript Thread ..

article thumbnail
React Native Bottom Sheet 라이브러리 사용하기(+Backdrop 터치시 닫힘 추가)
Study/React&ReactNative 2022. 7. 31. 17:41

Bottom Sheet 위 그림처럼, 아래에서 부터 위로 올라오는 일종의 보조 페이지를 Bottom Sheet 라고 한다. react-native-bottom-sheet 내가 사용한 Bottom Sheet 라이브러리이다. 최근까지도 업데이트가 이루어지고, 내가 원하는 형태의 UI라서 사용해야겠다고 생각했다. gothom Bottom Sheet 의 Document 사이트이다. 정리가 꽤 잘되어있는 것 같아 많아 참고했다. 설치 및 설정 방법 Getting Start 를 따라 따라하면 된다. 처음에는 적당히 설치 CLI만 보고 설치했다가, 실행이 안되어서;; 뭐가 문제인지 몰랐는데 제대로 읽지도 않고 설치했던 게 문제였다. 1. bottom sheet library 설치 $ yarn add @gorhom/b..

반응형