전체 글 (13) 썸네일형 리스트형 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 SimpleTaskApp 개인정보처리방침 1. 개인정보의 처리 목적 은 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며, 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 2. 개인정보의 처리 및 보유 기간 ① 는 법령에 따른 개인정보 보유·이용기간 또는 정보주체로부터 개인정보를 수집 시에 동의 받은 개인정보 보유·이용기간 내에서 개인정보를 처리·보유합니다. - 개인 정보를 수집하지 않으므로 해당되지 않습니다. 3. 정보주체와 법정대리인의 권리·의무 및 그 행사방법 이용자는 개인정보주체로써 다음과 같은 권리를 행사할 수 있습니다. ① 정보주체는 SimpleTaskApp에 대해 언제든지 .. Simple Task App Manage your work and life tasks simply! It is simple tasks management app. It is easy to divide work and life tasks. 100days of SwiftUi - project 7 공부한 내용 정리 100 days of SwiftUi - Project 7 https://www.hackingwithswift.com/100/swiftui/36 import SwiftUI struct User { var firstName = "Billbo" var lastName = "Baggins" } struct ContentView: View { @State private var user = User() var body: some View { VStack { Text("Hello, \(user.firstName) \(user.lastName)" ) TextField("First name: ", text: $user.firstName) TextField("Last name", text: $user.l.. CS 193p Lecture 3~4 정리 수업 내용 정리. https://www.youtube.com/watch?v=W1ymVx6dmvc&t=984s struct과 class 차이점 초기화 변경 과정과 후행 클로저(Trailing Closures) 뷰모델에서 모델을 가져오기 위해 초기화 설정을 위해 private var model: MemoryGame = MemoryGame() 인수없이 생성하려고 하면 에러가 발생. MemoryGame은 struct 구조인데, 여기안의 cards는 초기화 되지 않은 배열 타입의 변수가 있음(제네릭). 그러나 이 MemoryGame을 쓰려고 하는 뷰모델에서는 인수를 넣어서 초기화 해줘야 함. 이 때 모델에서 필요한 인수가 아닌 뷰모델 자체적으로 생성하는데 필요한 정보 numberOfPairsOfCards: 4 를.. Networking for beginners 나중에 또 까먹을 저를 위해 기록하는 거여서 설명이 자세하지 않을 수 있습니다. 여기 아래 유튜브를 보시면 더 자세한 내용을 알 수 있습니다. https://www.youtube.com/watch?v=ERr0GXqILgc 서버에서 데이터를 받아 화면에 보여지도록 만드는 방법이다. 크게 4가지 순서로 나눌 수 있다. Build Dummy UI Create Model Write Networking Code Connect it 1. Build Dummy UI 데이터를 받으면 어떻게 보여줄 것인지 보여줄 부분을 미리 만든다 2.Create Model Json 데이터를 받을 타입을 만듬. Codable - Json 데이터로 encoding, decoding 할 수 있도록 해주는 프로토콜. struct GitHub.. 이전 1 2 다음
