분류 전체보기43 React Native 작동방식 이해를 돕는 용어 RootView? 네이티브 화면들이 구성되는 컨테이너 역할 ( 자바스크립트 컴포넌트의 네이티브 표현방식 ) 브릿지? RootView를 포함한 대부분의 네이티브 쪽은 특정 플랫폼에 맞는 언어(Object-C 혹은 Java)로 작성되어 있다. 하지만 브릿지는 전부 C++로 작성되어 있다. 브릿지 인터페이스는 전자와 후자를 상호작용하도록 도와준다. 브릿지는 자바스크립트 -> 네이티브, 네이티브 -> 자바스크립트 두개의 엔드포인트를 가진다. UIManagerModule? 모든 자바스크립트 UI 컴포넌트와 이와 연관된 네이티브 화면 간의 맵핑 정보를 저장하고 있다. 자바스크립트 컴포넌트가 생성되거나 업데이트되거나 삭제될 때마다 이 맵핑 정보를 이용해 적절하게 관련 네이티브 뷰를 생성하거나 업데이.. 2021. 10. 7. useContext, useReducer useContext 와 useReducer를 활용한 상태관리 1. useContext 기존의 컴포넌트 간에 데이터를 전달하려면 props를 이용해야 한다. props는 부모 자식 관계에서 데이터를 전달한다. A, B, C 컴포넌트가 각각 부모자식 관계인 경우 A 에서 C 컴포넌트로 데이터를 보내주려면 중간 B 컴포넌트를 거쳐야 한다. 컴포넌트가 많아져 구조가 깊어질 경우 비효율적이다. 이를 해결하기 위해 주로 사용된 라이브러리에 여러가지 전역 상태 관리 라이브러리가 있다. 주로 사용하였던 Redux를 대신 할 useContext와 useReducer에 대해 알아보았다. context는 한때 React 공식문서에서 사용하지 말라고 얘기했었으나 React 팀에서 context api를 새롭게 되살려 내고, .. 2021. 10. 7. Promise JavaScript는 싱글 쓰레드로 동작하는 언어이다.( 메인쓰레드 하나 , 콜스택 하나 ) 작업을 시작하면 콜스택에 작업이 쌓이고 실행이 끝나면 사라진다. JavaScript는 코어 엔진만 가지고 돌아가지 않는다. 실행환경 (런타임) 의 도움을 받아 동시 실행을 한다. (WebApi (dom, ajax, setTimeout...), Task Queue(콜백 큐), Event Loop 등) JavaScrip의 비동기 처리 방식 작업 : -> 콜스택 -> api에게 처리 요청(위임) -> setTimeout만큼 기다림 -> 콜백큐에 콜백함수 넘겨줌 -> 이벤트루프를 통해 콜스택에 콜백함수 넘겨줌 -> 콜스택에서 처리 후 사라짐 Call back 이란? 콜백은 자바스크립트가 비동기 처리를 하기 위한 패턴 중.. 2021. 10. 7. 이전 1 2 3 4 5 다음
