일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 리액트네이티브
- link
- 리액트쿼리
- Cache
- 목킹
- async
- front-end mocking
- 기초
- 최적화
- 개발자
- 아키텍처
- 리액트
- 기본
- thread
- vanilla-extract
- JavaScript
- sprinkles
- react-query
- SWC
- 컴포넌트
- 쓰레드
- react server component
- 비동기
- next hydration
- next.js
- MSW
- Babel
- Critical Rendering Path
- 동기
- 자바스크립트
- mock service worker
- CSS-in-JS
- styled-component
- amplify
- 캐쉬
- Concurrent Mode
- React
- react-native
- mockoon
- Basic
Archives
- Today
- Total
목록리액트네이티브 구동 원리 (1)
Don’t worry about failures

어떠한 라이브러리 혹은 프레임워크를 제대로 사용하기 위해 해당 라이브러리가 어떻게 작동하는지에 대해 알아보는 것이 중요하다고 생각한다. 이에 react native가 어떻게 구동하고 있는지 파악하기 위해 이 글을 써내려가겠다. 리액트 네이티브의 구 아키텍처와 새로운 아키텍처에 대해 살펴볼것이다. 구 아키텍처 우선, 위의 사진으로 간단한 흐름을 파악해보자 1. 유저가 버튼을 클릭 2. 클릭에 의한 이벤트는 native threads에서 브릿지를 통해 js thread를 실행. 3. 해당 결과 값을 브릿지를 통해 다시 native threads에 전달하여 유저에게 해당 이벤트에 맞게 화면을 보여준다. 엄청 간단하게 흐름을 보면 이렇다. 이제 자세하게 파악해보자 ( 설명 후 위의 간단한 단계를 디테일하게 풀어..
react native
2021. 12. 25. 18:53