전체 글14 Expo 환경에서 google Login 구현 Expo 리액트 네이티브 구글 로그인 환경 구현입니다. 1. 먼저 expo-crypto피어 종속성이며 와 함께 설치해야 합니다 expo-auth-session. npx expo install expo-auth-session expo-crypto expo-random 2. 코드 작성법 입니다. import * as React from 'react'; import * as WebBrowser from 'expo-web-browser'; import * as Google from 'expo-auth-session/providers/google'; import { Button } from 'react-native'; WebBrowser.maybeCompleteAuthSession(); export default.. 2023. 7. 22. react native useQuey 란? useQuey란? - 리액트 쿼리의 Hook - 데이터의 캐시 키와 Promise를 반환하는 함수 - 데이터의 로딩, 결과, 오류 상태를 관리 예제 코드 import {useQuey} from 'react-quey'; function Sample() { const result =useQuery('sample', getSampleList); const { data, error, isLoading } = result; } useQuery의 첫 번째 인자에는 조회하고 싶은 데이터의 캐시 키를 넣습니다. 리액트 쿼리에서는 이 캐시 키를 사용하여 데이터를 캐싱합니다. 한번 데이터를 받아온 다음, 나중에 같은 요청을 해야 하는 상황에서 데이터가 이미 존재한다면 기존에 있던 데이터를 바로 보여줍니다. 그리고 설정에 .. 2023. 7. 20. Expo_SDK 49 업그레이드 최신 버전의 EAS CLI로 업데이트 (사용하는 경우): npm i -g eas-cli. 새 버전의 Expo 패키지를 설치합니다 . npm install expo@^49.0.0또는yarn add expo@^49.0.0 SDK 49와 일치하도록 모든 종속성을 업그레이드합니다. npx expo install --fix 참고: expo-cli프로젝트 종속성에 설치한 경우 이를 제거해야 합니다! SDK 46부터 CLI는 이제 expo패키지 의 일부 이며 이전 expo-cli패키지를 설치하면 를 실행할 때 "오류: 알 수 없는 옵션 --fix'"와 같은 문제가 발생할 수 있습니다 npx expo install --fix. resolutionspackage.json에 /가 있으면 overrides여전히 필요한지 확.. 2023. 7. 16. JPA_상속관계맵핑(@Inheritance, @DiscriminatorColumn) 상속관계맵핑 - 객체는 상속관계가 존재, RDBS(관계형 데이터베이스)는 상속 관계가 존재하지 않습니다. - 관계형데이터베이스도 상속과 유사한 방법인 모델링 기법이 있습니다.(슈퍼타입, 서브타입 관계라는 모델링 기법) - 확장된 ER 모델이라고 부릅니다. - 상속관계 매핑이란? 객체의 상속 구조와 DB의 슈퍼타입 서브타입 관계를 매핑하는 것 입니다. 슈퍼타입 서브타입 모델의 구현 방법 3가지 구분 컬럼 (DiscriminationColumn)을 꼭 사용해야 한다. 만약 사용하지 않으면 기본 값으로 DTYPE에 자식 엔티티의 이름을 사용한다. 1. 각각의 테이블로 변환 : 조인 테이블 부모 타입과 자식 타입을 모두 테이블로 만듭니다. 이후 자식 타입 조회 시 조인을 통해 조회하는 방식으로 사용합니다. 이는.. 2023. 7. 11. JUnit에서 테스트 지원하는 어노테이션 정리 JUnit4 에서 JUnit Jupiter로 마이그레이션할 때 조심해야할 것. 어노테이션은 org.junit.jupiter.api 패키지에 있다. Assertion은 org.junit.jupiter.api.Assertions 에 있다. org.junit.Asssert 에 있는 assertion 메서드나 다른 assertion 라이브러리인 AssertJ, Hamcrest, Truth 등을 사용해도 된다. Assumption은 org.junit.jupiter.api.Assumptions 에 있다. @Before 와 @After는 더 이상 없다. 대신 @BeforeEach와 @AfterEach를 사용해야 한다. @BeforeClass와 @AFterClass는 더 이상 없다. 대신 @BeforeAll와 @Aft.. 2023. 6. 28. 자바 - 람다 & 스트림 / 패키지, 메서드 등 정리 람다식 (1) 람다식은 메서드를 하나의 식으로 표현한 것. 함수를 간략하면서도 명확한 식으로 표현할 수 있게 해준다. (2) 메서드를 람다식으로 표현하면 메서드의 이름과 반환값이 없어지므로 람다식을 익명함수라고도 한다. int[] arr = new int[5]; Arrays.setAll(arr, (i) ->(int)(Math.random()*5)+1); //위의 람다식은 아래의 함수와 같은 역할을 수행한다. int method(){ return (int) (Math.random()*5)+1; } (3) 람다식은 메서드에서 이름과 반환타입을 제거하고 매개변수 선언부와 몸통 { } 사이에 ->를 추가한다. (4) 반환 값이 있는 경우 return문 대신 식의 연산결과가 자동적으로 반환값이 되도록 할 수 있다.. 2023. 6. 28. (Redis란? / Redis 설치 / 기본 명령어)_01 Redis란? - 가장 손쉽게 사용할 수 있는 In-memory 저장소 - 높은성능 ( 속도 ) - 다양한 활용성 - 현대적인 서버구조에서 세션 관리나 캐시는 빠질 수 없는 구성요소 Redis의 정의 - Remote Dictionary Server - Storage: 데이터 저장소(데이터 관점) - Database: 전통적인 DBMS의 역할을 수행(영속성 관점) - Middleware: 어플리케이션이 이용할 수 있는 유용한 기능을 제공하는 소프트웨어 Redis로 할 수 있는 것? - 아주 빠른 데이터 저장소로 활용 - 분산된 서버들간의 커뮤니케이션(동기화, 작업 분할 등) - 내장된 자료구조를 활용한 기능 구현 Key-value 구조의 장점 - 단순성에서 오는 쉬운 구현과 사용성 - Hash를 이용해 값.. 2023. 6. 20. jenkins ssh remote 에러 해결 서버빌드시 에러 부분 git ls-remote -h git@[내 깃허브 주소]/spring_boot_react_project.git HEAD 2023. 5. 12. Cannot find module 'react/jsx-runtime' react 버전이 올라가면서 생기는 오류인 것 같다. 1. react.js npm install react@latest 최신버전 설치해주자. ( @latest 최신버전 이란 뜻입니다. ) npm install react@latest npm install react-dom@latest yarn add react@latest yarn add react-dom@latest 2. 타입스크립트 npm install --save-dev @types/react@latest @types/react-dom@latest 2022. 12. 15. springboot + react + nginx proxy + Docker-compose 배포 1. 비쥬얼박스 VM 설치 (아래링크 참고) https://myungho.tistory.com/5 Oracle VM VirtualBox 관리자 설치 - 01 https://www.virtualbox.org/wiki/Downloads Downloads – Oracle VM VirtualBox Download VirtualBox Here you will find links to VirtualBox binaries and its source code. VirtualBox binaries By downloading, you agree to the terms and conditions of the respectiv myungho.tistory.com 2. 우분투 v20.04 설치 후 고정 IP 설정 (아래링크 참.. 2022. 12. 14. 우분투 20.04 고정IP 설정 $ cd etc/netplan $ sudo nano 00-installer-config.yaml 노랑색 표시 되있는 것처럼 포트포워딩을 해준다. 저는 위사진과 같이 NAT네트워크 localNetwork를 사용하였습니다. 다른 네트워크환경을 하시면 맞춰서 포워딩을 하시면 됩니다. 저는 간단하게 하기 위해 localNetwork를 하겠습니다. 접속할 IP와 port를 입력 후 저장 하여 ssh 접속 하시면 완료~! 2022. 12. 4. Oracle VM VirtualBox 관리자 설치 - 01 https://www.virtualbox.org/wiki/Downloads Downloads – Oracle VM VirtualBox Download VirtualBox Here you will find links to VirtualBox binaries and its source code. VirtualBox binaries By downloading, you agree to the terms and conditions of the respective license. If you're looking for the latest VirtualBox 6.1 packages, see Virt www.virtualbox.org 1. 먼저 위 경로를 클릭 후에 virtualBox 페이지 이동 합니다. 2. 위 사.. 2022. 10. 11. 이전 1 2 다음