반응형

reactnative 17

[RN]리액트 네이티브(16)"네이버 SNS 로그인 완성"

네아로(네이버 아이디 로그인)는 문제가 많다. ㅡㅡ^;;;; 왜냐하면, 해당 네이버 로그인의 경우 일단 개발용인데도 검수를 요구하기때문이다. 나도 처음에는 그렇게 읽었다. 하지만, 실제로는 다르다. 이렇게 적은 네이버는 수정할 필요가 있다. ksnumerkey와 ksecretkey를 발급받기 위한 절차가 적혀있다. 저 url부분만 없어도 그냥 개발할텐데 왜 저걸 저 순서로 박아둔건지 모르겠다;;; url때문에 가짜 url주소를 기입해도 되는 지 몰랐었다. 순서를 위한 설명서 yoonbumtae.com/?p=1818 Spring Boot: "네이버 아이디로 로그인하기" 연동하기 (1) - BGSMM 깃허브에서 전체 코드 보기 - https://github.com/ayaysir/spring-boot-secu..

[RN]리액트 네이티브-Today I'm Learned (10)"네비게이터"

- 오늘 학습한 내용. npm install @react-navigation/native npm install @react-navigation/bottom-tabs 네비게이션 적용 - 오늘의 코드 내용. 하단 tab 네비게이션을 사용했는데, 해당 페이지 호출하는 데 있어서 매우 곤란했다. 일일히 호출 해줘야 하는 게 있었는데, 이를 안하고 싶었던 게 있었다 stack.screen 일일히 따로 그룹핑해서 화면을 뿌려주는건 감을 잡았는데, 이를 어떻게 보여줄 것인가가 문제였다. 구조는 stack 한개, tab 한개로 짰다. 문제점으로 1. stack을 호출하지 않는 컴포넌트로 이동시 navigation.navigate('특정 페이지')가 제대로 호출되지 않았다. 2. 위 문제를 해결하기 위해서 따로 해결하려..

코딩/React Native 2021.04.07

[RN]리액트 네이티브-Today I'm Learned (8)"Context API"

- 오늘 학습한 내용. Redux, useContext, Mobx 등은 상태값을 통제하는 외부 라이브러리이다. 이것을 왜 한밤 중에 적느냐 하는 이유는 ... import { createStackNavigatior } from '@react-navigation/stack'; ... const Stack = createStackNavigatior(); const LoginNavigator = () => { return ( ); }; const MovieNaviagtor = () => { return( ); }; export default () => { const { isLoading, userInfo } = useContext(UserContext); ... if (isLoading === false ) ..

코딩/React Native 2020.12.15

[RN]리액트 네이티브-Today I'm Learned (6)"철자에 주의하자."

- 오늘 학습한 내용. RN을 만들고 있다. Todolist를 따라 만들고 있는데, 진짜 짜증나는 게 원인을 알수없는 오류... index.tsx를 쳐야할 것을 앞 글자를 대문자 I 즉, Index.tsx로 쳤다고 인식을 못한다... 내가 코드를 잘못쳤나? 하고 책 저자의 깃허브까지 소스를 복붙해도 안되더라.(>人<;) 이때 내가 뭘 잘못했구나 싶었다. 또 뭔 문제야? 하면서 짜증내다가 불현듯 제목을 보니 대문자 Index가 보여서 알았다. 파일 제목을 index로 해야만 정상 작동하는건 좀...;;; youtu.be/zFlTWhzbfnI 아무튼 만들어서 정상작동한다. 추가와 정상적으로 지워지기도 하고 2일을 꼬박 걸렸다... - 소감 철자에 유의하자. 대소문자에 주의하자.

코딩/React Native 2020.12.02

[RN]리액트 네이티브-Today I'm Learned (4)"카운터"

- 오늘 학습한 내용. 타입스크립트를 적용하여 리액트 네이티브를 통해서 만들어보았다. 코드의 내용은 간단하다. 그러나, 타입스크립트를 적용하는 것도 해봤지만 내가 직접 짤 수 있는 능력은 늘어나고 있는 것인가? 그리고 작동에러가 너무 많다. 상대경로에서는 작동이 잘되는데, 절대경로에서 왜인지 에러가 너무 잦다. 못 찾아서 일일히 상대로 잡아서 바꾸어주었다. youtu.be/wQ0L7w54RTY - 소감 이건 완전 버그와의 싸움이다. 절대 경로했다고 에러가 뜨는데 node창을 보면서 원인 파악을 해야한다. 그래도 expo보단 편해서 좀 낫다고 생각한다. ++ RN의 절대경로 문제는 5장에서 해결했다.

코딩/React Native 2020.11.30

[RN]리액트 네이티브-Today I'm Learned (02)"Navigation vs push"

- 오늘 학습한 내용. navigation, push 의 차이점. navigation은 특정 페이지로만 이동하고, 뒤로가기(스택)이 쌓이지 않는다. push는 특정페이지로 이동하는 것은 동일하나, 뒤로가기로 페이지가 쌓인다. - 오늘의 코드 내용. navigation.push('Home')} /> navigation.navigate('Main')} /> - 소감 사용하는 방식이 요구될때마다 해당 기능에 맞춰서 사용되어야한다. 하지만, 보통은 뒤로가기를 쓰기위해서 push만 주로 사용될 것 같은데, navigation은 언제 사용되는 것일까? * 답변 * push는 스택을 쌓으므로 뒤로가기를 하면 되지만, navigation은 이미 해당 컴포넌트가 있으면 바로 그 자리로 돌아간다.(즉, 홈버튼 같이 누르면..

코딩/React Native 2020.09.25

[RN]리액트 네이티브-Today I'm Learned (01)"RN입문"

- 오늘 학습한 내용. 리액트 네이티브에 입문함. 초기 세팅 작동 원리 탐구. - 오늘의 코드 내용. import React from 'react'; import { StyleSheet, Text, View, SafeAreaView, TouchableOpacity } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import styled from "styled-components/native"; import 'react-native-gesture-handler'; function Home..

코딩/React Native 2020.09.25
728x90