[리액트네이티브] react-native Dimension 화면 비율 맞추기

핸드폰 마다 길이 값이 다르게 생겼기 때문에 ​ 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 : 전체 화면의 크기를 가져온다. ..

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[리액트네이티브] react-native 이미지 가져오기 앨범에서 가져오기

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

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[리액트네이티브] react-native firebase storage에 이미지 업로드 하기

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

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[리액트네이티브] react-native QR코드, 바코드 인식

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

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[리액트네이티브] 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 을 사용하면 스택이 계속 쌓인다. 이 때 스택을 초기화 해야하는..

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[IoT 빅데이터 응용 교육 과정] 웹 애플리케이션 (23.06.26_2)

교재 https://thebook.io/080266/0157/ 스프링 코딩 공작소: 5.3 @RequestMapping을 이용한 요청 매핑 경로 설정 더북(TheBook): (주)도서출판 길벗에서 제공하는 IT 도서 열람 서비스입니다. thebook.io 5장 @Requestmapping 속성 타입 설명 value String 기본 매핑 경로 이름 method RequestMethod 매핑할 HTTP 요청 방식(GET, POST, HEAD, OPTIONS, PUT, DELETE, TRACE) headers String 매핑된 요청의 헤더 name String 해당 매핑에 이름 지정 params String 매핑된 요청 매개변수 path String 서블릿 환경에서만 경로 매핑 URL consumes St..

• format_list_bulleted IoT 빅데이터 응용 교육 과정_하계
• · 2023. 6. 26.
• textsms