목록ReactNative (2)

EEYatHo 앱 깎는 이야기

React ) useEffect, Mount, Update, Render - EEYatHo RN

componentDidMount: 컴포넌트를 만들고, 첫 렌더링을 다 마친 후 실행. componentDidUpdate: 리렌더링을 완료한 후 실행. 즉 render()가 업데이트될 때마다 실행 compoenntWillUnMount: 컴포넌트를 DOM에서 제거할 때 실행 Component React 에서는 모든 UI 구성요소를 컴포넌트라고 한다. iOS 의 View, Flutter 의 Widget 과 같은 개념. Mount "DOM 에 컴포넌트를 Mount 한다." 컴포넌트가 처음 나타날 때 마운트 되었다고 한다. 컴포넌트가 메모리에 로드(적재) 되었다. 컴포넌트의 생성(Constuctor) 과 렌더링(render)을 포함한다. (위 이미지 참고) Update 컴포넌트의 props 이나 state 가 변..
ReactNative 2022. 10. 28. 15:29
RN ) Objective-C 코드 호출 - EEYatHo RN

React Native 에서 Objective-C 코드를 호출하는 공식 설명이 좀 난잡해서 정리한다. RN Objective-C 코드 호출 공식 설명 글 구현 방법 요약 RCTCalendarModule.h 파일 생성 및 코드 입력 RCTCalendarModule.m 파일 생성 및 코드 입력 App.js 코드 수정 실행 및 확인 RCTCalendarModule.h RN 프로젝트의 iOS 프로젝트에 RCTCalendarModule.h 를 만든다. RCTCalendarModule 의 Calendar 은 공식 설명글에서 네이티브의 캘린더 기능 호출하고자 해서 붙혀진 이름이다. RCT 는 React 의 약어이다. 모듈 이름은 원하는 대로 수정해도 된다 ( ex. RCTSwiftModule, RCTVibration..
ReactNative 2022. 10. 21. 15:07
이전 Prev 1 Next 다음