728x90
반응형
SMALL

ReactNative 7

[리액트네이티브] react-native stack navigation 넘어가면 초기화하기

이번 졸업 프로젝트로 하는 내용에서 ​ QR코드를 스캔하고 해당 기능페이지로 넘어간다 ​ 하지만 다시 뒤로 가기를 하면 그 전에 스캔 했던 ​ QR코드와 station의 정보가 나와서 이런 점을 보완하고자 ​ react native navigation을 공부하기로 했다.. ​ ​ 그래서 찾은 내용은 ​ Reset!!! ​ 이라는 내용이다..! ​ https://zeunny.tistory.com/18 [React Native] React Navigation 스택 초기화하기 [React Native] React Navigation 스택 초기화하기 React Native 프로젝트에서 React Navigation 중 Stack Navigation 을 사용하면 스택이 계속 쌓인다. 이 때 스택을 초기화 해야하는..

[리액트 네이티브]react-native 현재 위치 가져오기

일단 처음이기 때문에 니콜라스 쌤 수업을 들으면서 진행하려고 한다! #2.8 Weather (15:32) – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 이 영상을 보면서 따라했다! 필수!! expo install expo-location import * as Location from "expo-location"; import { StatusBar } from "expo-status-bar"; import React, { useEffect, useState } from "react"; import { View, Text, Dimensions, ActivityIndicat..

[리액트 네이티브] react-native 전화번호 인증하기

https://github.com/iamport/iamport-react-example/blob/master/manuals/CERTIFICATION.md GitHub - iamport/iamport-react-example: 리액트 환경에서 아임포트 결제 및 휴대폰 본인인증 연동을 위한 리액트 환경에서 아임포트 결제 및 휴대폰 본인인증 연동을 위한 예제입니다. Contribute to iamport/iamport-react-example development by creating an account on GitHub. github.com https://www.npmjs.com/package/iamport-react-native iamport-react-native 리액트 네이티브용 아임포트 결제/본인인증..

[리액트 네이티브] react-native 로그인 회원가입

로그인 회원가입 UI ​ 팀원들과 같이 ui를 제작 ​ https://balsamiq.com/ react native 되면 바로 코드를 제작하려고 했는데 ​ 전 팀플이 있어서 ​ node 버전 문제로 다음으로 미뤘다 ​ UI ​ - 로그인 UI ​ 로그인과 비밀번호를 입력하면 로그인 성공 카카오톡, 네이버로 로그인 만약에 카카오톡이랑 네이버로 회원가입을 안했으면 회원가입 창으로 이동 카카오톡이랑 네이버 소셜 로그인하는 부분은 따로 포스팅하겠움!! ​ - 회원가입 아이디는 이메일 형식으로 입력 다른 부분은 모두 동일 아이디와 닉네임은 중복 검사 주소는 찾기로 찾아봄 전화번호는 인증 ​ 4,5번은 구현가능할지 모르겠다 주소와 전화번호로 인증하기가 가능한지 찾아봐함 ​ ​ ​ 지금!! >>>>다음 포스팅에서!..

[리액트 네이티브] react-native 리액트 네이티브 파일 프로젝트 생성하기(2)

expo 설치를 할건데 책은 cli라 유투브로 보기로 했다! https://www.youtube.com/watch?v=TkJtqgd1mKM 1.리액트 네이티브 페이지로 이동 https://reactnative.dev/docs/environment-setup 해당 페이지 setting페이지로 넘어간다 ​ ​ 2. expo와 react native CLI를 골라서 설치할 수 있다 cmd창에서 프로젝트를 생성할 수 있다 ​ AwesomeProject라는 이름을 가진 expo 파일을 만든다! 라는 뜻이다 ​ 나는 최종 프로젝트 이기도 하고 나중에 깃허브로 다같이 파일명이 어차피 바뀔 거니까 Final로 적기로 했다! ​ 전에 했던 react 파일과 충돌이 날까봐 무섭긴 한데 그냥하기로 했,,다! ​ 3. npx..

[리액트 네이티브] react-native 파일 프로젝트 생성하기(1)

리액트 기반으로 앱을 개발하려면 react native를 사용할 수 있는데 대부분 사람들은 안드로이드 스튜디오를 사용한다 ​ 하지만 최종 프로젝트로는 expo를 사용하여 react-native로 개발한다ㅏ ​ react native를 개발하기 전에 프로젝트를 생성하는 것부터 시작함! ​ ​ 그전에 ​ expo cli와 react native cli가 있다 ​ 책을 보고 react native를 보면 cli를 설치했지만 유투브 강좌에서는 expo cli를 설치했다 ​ 이점에서 둘의 차이점을 살펴보게 되었다! ​ ​ Expo CLI react native 개발을 개발자가 쉽게 할 수 있도록 도와주는 툴이다 expo는 기본적인 설정이 다 구성되어 있으며 native 파일을 숨겨놓고 관리해줌 Expo CLI R..

728x90