React (3) 썸네일형 리스트형 context 하위 컴포넌트로 매번 props 를 넘겨주지 않아도 컴포넌트 트리 전체에 데이터 제공 언제 context를 써야 하나context는 전역적으로 데이터를 공유해야 할 때,현재 로그인한 유저 정보테마선호하는 언어1. Context 객체를 만듬. import { createContext } from 'react';const ThemeContext = createContext('light');2. Context 객체를 구독하고 있는 컴포넌트를 렌더링할 때 React는 트리 상위에서 가장 가까이 있는 Provider로부터 현재값을 읽어옴. provider는 context의 값을 읽어오고 변화를 알리는 역할.provider를 최상단 컴포넌트에서 제공. function App() { const [theme, set.. RN으로 HelpDog App 만들고 나서… Firebase를 사용하여 간단한 글과 사진을 올리는 React Native앱을 만들었다. 로그인처리는 email&passowd로 하였고 사진을 올리고 나서 url을 받아서 url을 포함하여 글을 올린다. //사진 업로드할때 갤러리에서 Image Picker로 받아온 사진을 올려준다. try { await storage().ref(fileName).putFile(responseImage); }... ... const postData = async downloadUri => { const postId = Date.now().toString(); await firestore() .collection('Post') .doc(postId) .set({ userName: userInfo.userName, user.. React Native의 Core Components 리액트 네이티브는 모바일 환경이기 때문에 웹에서 쓰는 리액트와 조금 다른 부분이 있다. 처음에 쓸 때는 조금 헷갈리는데 쓰다보면 금방 적응 된다. 아래 표는 React Native 공식 문서에서 가져왔다. REACT NATIVE UI COMPONENT WEB ANALOG 참고 : https://reactnative.dev/docs/intro-react-native-components 이전 1 다음