양갱의 개발 블로그

non-std C++ exception 이라는 에러가 뜨면 당황할 것이다. 아까까지 잘되던 애플리케이션이 갑자기 C++에러라니 계속 리로드를 해도 같은 오류가 발생했다... 그래서 뤼튼 한테 물어봤다! https://wrtn.ai/share/fu24S41eoj react native 코드를 짜다가 non-std C++ exception이런 오류가 발... - 뤼튼 "non-std C++ exception" 오류는 C++ 예외 처리 메커니즘이 예상되지 않은 예외를 throw 한 경우 발생합니다. React Native는 JavaScript 코드를 실행하는 데 사용되는 기술이므로, 이 오류는 React Native 자체에서 wrtn.ai 뤼튼은 전체코드를 봐야한다고 했지만,, 내가 짠 코드의 파일은 한두개가..

앱에서 만드는 부분은 산책이라 ​ 날씨 api를 넣어야겠다고 생각함 ​ 그래서 ​ 날씨 api를 쓰려고 한다 ​ ​ https://velog.io/@yhko1992/%EB%82%A0%EC%94%A8-%EC%A0%95%EB%B3%B4-%EB%B0%9B%EC%95%84%EC%98%A4%EA%B8%B0

종합프로젝트에서 ​ 엑스포를 사용하고 ​ firebase와 react native 연동하는 부분이 있었다 ​ 적어놔야 할 거 같아서 입력 ​ ​ 일단 파이어베이스와 연동하려면 ​ install 해야하는 부분이 있다 npm install --save @react-native-firebase/app npm install @react-native-firebase/database npm install @react-native-firebase/firestore 이렇게 3가지를 install해야한다 ​ yarn을 사용하면 yarn add @react-native-firebase/app yarn add @react-native-firebase/database yarn add @react-native-firebase/..

일단은 firebase와 연동 했던 부분의 ​ 코드를 가져와야겠죠? ​ firebaseConfig.js에 내 데이터베이스와 연동 되어 있을 것이다 import { db } from './firebaseConfig'; 그리고 해당 데이터 베이스에 있는 값을 읽어 와야할 것이다 //firestor 연동 const [users, setUsers] = useState(); const readfromDB = async () => { try { const data = await getDocs(collection(db, "Station")) setUsers(data.docs.map(doc => ({ ...doc.data(), id: doc.id }))) users?.map((row, idx) => { console...

최종 프로젝트는 아니지만 ​ 4학년 졸업 요건으로 종합프로젝트를 진행하고 있다! 여기에서도 아쉽게 또 프론트,, 사용자 어플리케이션을 만든다 ​ 상세한 내용은 노션에 정리했움! ​ 그래서 바로 진행할거임!~! ​ ​ 헤더 만들기 원래는 그냥 컴포넌트를 가져와서 넣는게 대부분인데 ​ 나는 statck navigation을 사용하기 때문에 ​ stack navigation을 커스텀 하기로 했다!!! ​ ​ 참고: https://devbksheen.tistory.com/entry/React-Navigtion%EC%9D%98-Header-%EC%BB%A4%EC%8A%A4%ED%85%80%ED%95%98%EA%B8%B0#%ED%--%A-%EB%-D%--%EC%-D%--%--%EC%A-%-C%EC%B-%A-%-C%..

핸드폰 마다 길이 값이 다르게 생겼기 때문에 ​ width나 height를 각 픽셀 값으로 주면 ​ 실행했을때 ​ 조금 깨지거나 이상한 부분에 들어갈 수 있다 ​ 그래서 %로 많이 사용하는데 ​ ​ 나는 ​ Dimension을 사용한다 css에서 사용하는 부분은 container: { flex: 1, backgroundColor: '#fff', width:Dimensions.get('window').width, height:Dimensions.get('window').height, }, 이렇게 많이 사용한다 ​ Dimensions . get 에는 ​ window와 screen이 있다ㅏ ​ window : 현재 앱에서 사용할 수 있는 영역의 크기를 가져온다. screen : 전체 화면의 크기를 가져온다. ..

firebase의 storage에 이미지를 업로드 하고 이미지의 링크로 데이터 베이스에 저장하려고 한다.. ​ 그 부분은 교수님께서 이미 하셨다 그래서 바로 바꿨는데 ​ 지금 직접 어플에서 찍은 것은 file://~~~~~.jpg로 되어 있다ㅏ ​ 이 파일 데이터 타입은 로컬에서 밖에 안되니까 storage에 올려 데이터를 가져올 것이다 ​ 그래서 실행했지만 storage에서는 읽을 수 없는 파일이라고 나왔다 ​ 이런 점을 보완하기 위해 ​ 교수님꼐서 보여주셨던 앨범에서 이미지를 업로드 하는 식을 찾아보려고 한다! 근데 업로드를 안해뒀길래ㅋㅎㅋㅎ ​ ​ ​ 참고 https://joylee-developer.tistory.com/172 [React Native] ImagePicker 사용해 사진 업로드하기..

아래 expo 문서를 확인하면 barcode scanner가 있었다! 교수님께서 알려주셔서 진짜 몇줄로 코드가 실행되서 억울할 정도ㅜㅜ https://docs.expo.dev/versions/latest/sdk/bar-code-scanner/ BarCodeScanner Allows scanning variety of supported barcodes both as standalone module and as extension for expo-camera. docs.expo.dev 아무튼!! ​ 코드는 import React, { useState, useEffect } from 'react'; import { Text, View, StyleSheet, Button } from 'react-native'; ..

이번 졸업 프로젝트로 하는 내용에서 ​ 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와 react-native의 차이점 리액트는 페이스북에서 만든 프론트엔드 javascript 라이브러리 ​ 리액트 네이티브는 react의 방식으로 네이티브 앱을 개발할 수 있는 페이스북의 오픈소스 프레임 워크 ​ ​ 리액트 네이티브는 html문법을 사용하지 않는다 ​ 그래서 이번 포스팅에서는 이것을 다룰것이다 ​ html은 많이 있는데 기본의 css도 지원하지 않는다 ​ 일단 대표적인 태그들을 비교해보겠다 html React Native div img span, p ul/ol, li 태그가 다르다 이부분도 꼭 기억해줘야한다! 헷갈리면 안돼,,,! ​ ​ 상태바를 조작할 수 있다! style을 조작하여 상태바를 조절할 수 있다 https://docs.expo.dev/versions/latest/s..