React(8)
-
React Native component간에 데이터 주고받기
화면간 네비게이션을 구현했는데 문제가 생겼다... https://codlingual.tistory.com/335 React Native navigation 화면 간 이동하기 각 화면을 component로 만들어 둔 후 이들 간의 이동을 구현하기 난 Home.js의 Home이라는 component와 Graph.js의 Graph라는 component 사이의 navigation을 구현했다. react-navigation이라는 라이브러리를 사용.. codlingual.tistory.com 각 component에서 react-native-async-storage를 이용해 데이터를 불러오는데 에러가 생겼다. 사실 expo QR 코드로 체크할 때만 해도 에러가 안 났는데 플레이스토어에 업데이트하니까 에러가 생겼다. ..
2022.02.06 -
React Native navigation 화면 간 이동하기
각 화면을 component로 만들어 둔 후 이들 간의 이동을 구현하기 난 Home.js의 Home이라는 component와 Graph.js의 Graph라는 component 사이의 navigation을 구현했다. react-navigation이라는 라이브러리를 사용했더니 생각보다 훨씬 쉽게 해결됐다. 우선 App.js 에 다음과 같이 네비게이션을 설정해준다. import React from 'react'; import Home from "./Home"; import Graph from './Graph'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-nav..
2022.02.06 -
expo로 만든 어플 애플 앱스토어로 출시하기
그냥 구글 플레이스토어에만 업로드하고 포기하려고 했는데.. 이왕 iOS로도 빌드할 수 있는 React로 만들었는데, 시도는 해보려고 도전했다. 정말 별 게 다 어렵고 별 게 다 복잡하고 별 게 다 비싸다 애플... 1. Apple Developer 계정 만들기 & Enroll Apple Developer Program - 계정만 만들고 expo build:ios -t archive를 실행하면 오류가 난다 - 12만 9천원 내고 Enroll을 한 다음에, 1일 뒤에 애플이 confirm 해주고 다시 expo build:ios -t archive를 실행하면 제대로 ipa 파일이 만들어진다 2. 이제 Apple Developer 계정으로 로그인 한 뒤 App Store Connect에 가서 구글 플레이스토어에..
2021.08.23 -
React Native 어플 출시했다다다
https://play.google.com/store/apps/details?id=io.jjalang.chagok 짤랑차곡 - 통장은 모르는 나만의 절약 내역 - Google Play 앱 퇴근길에 맡은 빵 냄새를 참아 3,000원을 절약한 경험이 있나요? 통장은 모르는 나만의 절약 내역을 짤랑차곡에 기록하세요. play.google.com 드디어 어플이 나왔다... 사실 일주일 전에 출시가 되었는데 출시된 것도 못 알아봤다.. 뒤늦게 깨닫고 구글 플레이 스토어에 검색해봤는데 나와서 너무 뿌듯했다 아직 잔버그가 있지만.. 외면하고 냈다 다운로드수가 어느 정도 차면 업데이트해야지 안 그러면 그냥.. 이대로 끝나는거여.. 사람들이 개구리를 좋아해줘서 뿌듯하다 아직 안드로이드 앱만 출시해봤기 때문에 안드로이드 ..
2021.07.25 -
React Native 시간에 따라 배경화면(테마) 바꾸기
밤에는 밤 배경화면을, 낮에는 낮 배경화면으로 설정하는 방법 render의 ImageBackground를 다음과 같이 설정하면 새로고침 하는 시각을 기준으로 배경화면이 바뀐다 Date.getHours()를 이용해 현재 시각을 받고, 대소관계 비교를 위해 이를 Int로 바꿔준다. // 오전 5시 ~ 오후 8시 59분까지는 day.png, 그 외의 시간에는 night.png를 배경화면으로 설정 = 5 && parseInt(new Date().getHours())
2021.07.04 -
React Native 여러 이미지들을 약간씩만 겹쳐서 쌓기
overlap, overlay, images, stack ... 등 여러 키워드로 오랜 시간 구글링하다가 포기하길 반복하다가 드디어 해결했다~~~ overlap images로 검색하면 다 1-2개 이미지만 겹치는 방법이 나와 있어서 적용하기 어려웠다 나는 user input에 따라 길이가 달라지는 이미지들의 리스트를 보여주는데, 이 이미지들을 조금씩 겹치게 하는 것이 목적이었다 나는 아래서부터 위로 하나씩 component를 쌓는 코드를 짜서 reversed_index라는 새로운 변수를 만들어 줘야 했다. 위부터 0, 1, 2 index를 갖는데 이를 아래부터 0, 1, 2 로 바꿔준 index를 reversed_index라는 변수에 저장하고 이 reversed_index가 0이면 (=맨 아래 compo..
2021.07.03