양갱의 개발 블로그

핸드폰 마다 길이 값이 다르게 생겼기 때문에 ​ 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 사용해 사진 업로드하기..

firebase 에서 storage를 생성한다 ​ 꼭!!!!!!!!!! rules를 true로 해줘야지 올릴수 있음!! 안올라가서 뭐지 뭐지 했는데ㅜㅜ 완전 까먹었었음! ​ ​ 해당 내용은 아래 링크에서 참고하시오오오우 https://instamobile.io/mobile-development/react-native-firebase-storage/ 그래서 일단 막 하고 있는 중인데 https://firebase.google.com/docs/storage/web/upload-files?hl=ko 웹에서 Cloud Storage로 파일 업로드 | Cloud Storage for Firebase Google I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 웹에서 Cl..

아래 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..