728x90
반응형

ReactNative 8

React native Master Class-Nomadecorders #2.11~16

#2.11 Configuring Stack Navigation - Stack Navigation의 옵션을 살펴보자 > but icon 사용 불가,, 등의 차이점은 있다 (options이 없당?) 공식문서 보면서 적용해보고 설명해주시고~~ 이런 기본 개념 알려주시는거 넘 좋아요! #2.12 Stacks and Tabs - Stacks and Tabs 를 결합해보자 1) Tabs를 렌더링 한다 👉 예를 들면, Tabs Navigation에 가서 Movies를 렌더링 하는 대신, Stack Navigator를 렌더링 > Tab navigator안에 있지만 Stack Navigator를 보여줌 2) Tabs Navigation안에 스크린을 만들어준다 ! 특정 스크린에서 Tabs 숨기는 방법!! (Tabs를 덮음..

앱개발 2021.12.22

React native Master Class-Nomadecorders #2.5~10

일단 오늘 # 1 챌린지 제출 완료 @_@ 어제 오류 떠서 수업 마저 못 들었는디..난다고레? 이게 무엇인감..중간 과정 어디갔어요 선생님?ㅠㅠ 일단 달려볼게요 어제 못 달린 이유 : 오류났음!!!!!!!!!!!! 오류: Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager 👉해결 방법 오류해결 후 화면 공유 #2.5 Tab Navigation - navigation을 만들어보자 #2.6 Configuring the Navigation - 하단 tabs navigator를 바꿔보자 링크 : https://reactnavigation.org/docs/bottom-tab-navigator ✅ navigat..

앱개발 2021.12.21

왕초보를 위한 React Native 101 - 노마드코더스

스파르타 코딩클럽 마이페이지 숙제 코드 리뷰가 없어 구글링 등으로 한달간 헤매던 나에게 빛과 같은 강의를 찾았다. (현제 마이페이지 사용자 이메일/닉네임 은 가져왔는데, 사용자가 쓴 글과 프로필 사진 업데이트에서 헤매고 있는 중 ㅠ) 심지어 무 료 강 의 !!!!!!!!!!!!!!!!!!! 노마드코더 React Native : https://nomadcoders.co/react-native-for-beginners/lobby Watch Now – 노마드 코더 Nomad Coders nomadcoders.co 일단 스파르타에서 짧은 시간내에 많은 것을 알려줘야 하니 넘겼던 기초 개념들,,, 내가 알고싶어 했던 개념들에 대해 다 설명해주는 Sweet한 점에 반해서 오늘 무료강의 완강 하고 내일 React M..

앱개발 2021.12.12

4주차 - 파이어베이스

2021.10.28 - [앱개발] - 4주차 - 앱과 서버 4주차 - 앱과 서버 2021.10.21 - [앱개발] - 3주차 - 앱다운 앱기능 3주차 - 앱다운 앱기능 2021.10.19 - [앱개발] - 3주차-앱 필수 기초 지식 3주차-앱 필수 기초 지식 지난 시간까지 자바스크립트 기초체력을 다지고 JSX로 화 ran-318.tistory.com [파이어베이스] 파이어베이스(firebase) 소개 우리의 선택 파이어베이스(firebase) 👍파이어베이스는 구글에서 만든 서버리스 서비스입니다. 서버에 대한 지식이 그렇게 깊지 않아도 서버적인 기능들을 사용할 수 있게끔 도와주는 서비스입니다. 한 서비스를 만드는데 충분한 많은 서버적 기능들을 제공해줍니다. 우리가 필요한 데이터베이스, 이미지 파일 서버는 ..

앱개발 2021.10.29

3주차-앱 필수 기초 지식

지난 시간까지 자바스크립트 기초체력을 다지고 JSX로 화면을 그리는 방법 까지 배워봤습니다. 오늘 배울 내용이 두 가지는 앞으로도 계속~ 반복 숙달합니다 🙂 **참고로 지난 시간 숙제로 AboutPage.js를 만들었어요^^ App.js에 있던 코드가 MainPage.js로 갔고, App.js는 아래와 같습니다. 오늘은 앱다운 앱을 만드는 연습과 기술을 배우는데, 지금까지 배웠던 것을 복습 하면서 다음 순서대로 앱다운 앱 기능을 배울 3주차,,!👍 리액트 필수 지식 활용 Expo 기능 사용 페이지 적용 [앱 필수 기초지식] 리액트 필수지식 리액트 네이티브 앱을 만들기 위해서 알아야 하는 최소한의 리액트 개념 4가지를 배웁니다. 컴포넌트(Component) 상태(State,useState) 속성(Props..

앱개발 2021.10.19

2주차- 앱 화면 만들기(메인화면)

지난번 여러 꾸미기를 배우고 오늘 남은 강의 수강하러 왔는데 갑자기 실습과제 ㅠ_ㅠ,,,,,,,,, 가이드를 제공해주니 일단 해보기로 한다..!! 2021.10.15 - [앱개발] - 2주차 - 앱 화면 만들기(JSX 기본 문법) 2주차 - 앱 화면 만들기(JSX 기본 문법) 2021.10.14 - [앱개발] - 2주차-앱 개발 준비 2주차-앱 개발 준비 드디어 오늘 리액트 네이티브 앱 개발을 시작합니다. 오늘 할 것 세 가지! 1) 앱 개발 준비 - 리액트 네이티브(기술) & Expo ran-318.tistory.com Expo실행을 해서 실습을 하려고 합니다! 모르시는 분은 윗 글로 이동해주세요~~! 실습과제 가이드 🥴 가이드 1) 상단에 '나만의 꿀팁' 제목 텍스트를 넣어야 겠다 2) 제목 바로 밑..

앱개발 2021.10.17

2주차 - 앱 화면 만들기(JSX문법)

기초 문법에 이어서 씁니다 :) 2021.10.15 - [앱개발] - 2주차 - 앱 화면 만들기(JSX 기본 문법) JSX 문법 View, Text, ScrollView 화면의 영역(레이아웃)을 잡아주는 엘리먼트입니다. 현재 App.js 상에서 View는 화면 전체 영역을 가집니다. 우리는 이 View 엘리먼트로 다음과 같이 화면을 원하는 대로 분할 할 수도 있습니다. 하지만 View로 화면을 분할하고 영역을 잡아나가려면 스타일 문법(StyleSheet)과 같이 사용해야 가능합니다. 따라서 여기서 View는 화면의 영역을 잡는 엘리먼트라고만 알아두고 추후 배울 예정입니다. import { StatusBar } from 'expo-status-bar'; import React from 'react'; im..

앱개발 2021.10.15

2주차 - 앱 화면 만들기(JSX 기본 문법)

2021.10.14 - [앱개발] - 2주차-앱 개발 준비 2주차-앱 개발 준비 드디어 오늘 리액트 네이티브 앱 개발을 시작합니다. 오늘 할 것 세 가지! 1) 앱 개발 준비 - 리액트 네이티브(기술) & Expo(도구) 소개 및 설치 2) 앱 화면 만들기 3) 앱 필수 기 ran-318.tistory.com 짧은 복습! App.js 구석구석 살펴보기 App.js를 다시 또 소개하자면 1) 간단히는 App.js는 앱의 화면을 그려주는 커다란 함수입니다. 또는! 2) 자세히는 App.js는 리액트 네이티브 라이브러리 그리고 Expo에서 제공해주는 기능들을 사용하여 화면을 그려주는 커다란 함수입니다. 여러분이 expo start로 시뮬레이터에 띄운 앱의 화면을 보면 App 함수에 기입되어 있는 글귀가 보이고..

앱개발 2021.10.15