생각은 길게 코딩은 짧게

Modal 구현할 때마다 방황하는 내가 싫어 제대로 포스팅한다 !!!! ✅ 모달을 띄우는 부울 값 this.state = { number: null, modal: false, } handleModal = () => { this.setState({ modal: this.state.modal ? false : true, }); }; ✅ 상품등록 버튼 시 모달을 띄워야 하므로 onPress 시 handleModal 함수 부르기 상품등록하기 ✅ class SearchModal에 Props로 전달할 값들 선언 {this.state.modal && ( this.setState({ modal: this.state.modal ? false : true })} />)} ✅ SearchModal 에서 Modal 구현해주기..

검색을 원하는 text를 선택 시 구글 웹페이지로 이동해 검색할 수 있도록 구현해보았습니다 ✅ react-native document에 openURL()을 쓰는 방법을 찾아 적용해보았어요 적용하기 import { Linking } from 'react-native'; Linking.openURL('http://www.google.com/search?q=' + this.props.item.number)}> 저는 부품번호를 검색하기 위해 부품번호의 값을 props로 받아 Linking 해주었습니다 적용화면

안녕하세요! 이번에는 비전 카메라로 찍은 사진을 등록버튼을 통해 페이지에 등록하고 이름과 전화번호와 함께 서버로 전송해보겠습니다 파일의 uri를 알고 있는데 이것을 바탕으로 어떻게 파일을 서버로 전송할지 고민하다가 서치를 통해 알아냈다 이런식으로 uri와 type, name을 통해 BinaryData를 만들 수 있었다 VisionCamFlat.js uploadimg = () => { this.props.navigation.navigate('UploadImg', {imageInputValue:this.state.imageURLs}); console.log(this.state.imageURLs) } 등 록 navigation.navigate 메소드의 2번째 인자에 parameter 를 객체로 전달하였다. -..

함수형을 class로 변환하고 여러 기능들을 추가하면서 조금 늦어진 감이 있지만 삭제 기능, 등록 기능, 디자인 개선까지 완료하였습니당 아직 부족하지만 포스팅 해보려고 해요! 프로젝트가 class 형태로 진행되는 것도 있고 정확히 어떻게 작동하는지 정확하게 알 필요가 있다고 생각하여 함수형 형태를 class로 바꾸어보았습니다. 함수형 형태 안에서는 hook을 사용할 수 있는데 class 안에서는 hook을 사용할 수 없습니다. 하지만 hook 기능을 사용할 수 없는것은 아닙니다. (useState, useEffect, useRef 를 사용할 수 없습니다.) 먼저 각각의 특성을 파악 후 class로 변환하도록 하였습니다. useState 클래스형 컴포넌트는 state를 사용하고, 함수형 컴포넌트는 useS..

안녕하세요 vision camera를 도전하고 왔습니다 ~! 아직 완벽하게 구현하진 않았지만 원하는 기능들은 추가되고 있어요 자료가 넘 없어서 document를 찾아보면서 했어요 ㅠ ✅ android / app / src / main / AndroidManifest.xml ✅ Import import { StyleSheet , Button , View, Image , TouchableOpacity,Text,FlatList} from 'react-native'; import {Camera, useCameraDevices} from 'react-native-vision-camera'; import React, { useRef, useState } from 'react'; import {styles} from..

안녕하세요 세히이 입니다 ! 카메라 구현하는데 애를 많이 먹었습니다 흑 RN 카메라 Vision 카메라 Image Picker 여러가지 찾아보았는데 RN 카메라는 deprecated 되었다고 하여 쓰지 않았고 Image-Picker을 시도해보았어요 카메라 아이콘을 누르면 모달이 뜨며 실행이 되도록 하였습니다 Image-Picker 설치 npm install --save react-native-image-picker android / app / src / main / AndroidManifest.xml 접근 권한 수정 모달 구현 ( UploadModeModal.js ) import React from "react"; import { StyleSheet, Modal, View, Pressable, Text ..

안녕하세요 세히이 입니다 이번에는 아이콘 클릭 시 Modal 을 띄워보았어요 :) 종 아이콘을 누르면 모달 창으로 넘어가는 형태입니다 ! modal의 초기값은 false this.state = { modal: false } 아이콘을 눌렀을 때 호출 될 함수 handleModal = () => { this.setState({ modal: this.state.modal ? false : true, }); }; 엠카즈 로고 옆의 종 아이콘을 눌렀을 때 TouchableOpacity 버튼기능을 사용하여 onpress 되었을 때 handleModal 호출 엠카즈 로고 React-Native에서 Button 보다 TouchableOpacity 를 사용하는 이유는 Button 컴포넌트는 안드로이드와 ios에서 다르게..

안녕하세요 세히이 입니다 며칠 시도하다 Icon 넣기를 결국 성공시켰답니다...!! 간단한 것이여도 꼬이면 참 힘든 것 같아요 ㅠ ㅠ 먼저 Icon 사용을 위해 npm으로 설치 ( yarn 으로 설치해도 되는데 전 npm을 사용했어요 ) npm install --save react-native-vector-icons yarn 으로 설치 yarn add react-native-vector-icons android > app > build.gradle ( 경로 중요 !!!! ) apply from: "../../node_modules/react-native/react.gradle" // 원래 작성되어 있는 코드 apply from: "../../node_modules/react-native-vector-ic..