realizers

프로젝트를 진행하면서 React Native WebView를 적용해야하는 일이 있어서 정리를 하면서 적용을 해 보았습니다. 웹뷰는 적용은 Android 및 ios를 같이 진행하겠습니다. 또한 참고 하시는 분들은 각자의 프로젝트 마다 구조가 다르니 중요한 컴포넌트와 프로세스만 정리를 하겠습니다. Step 01 - WebView로 이동할 스택을 정하자! 저는 아래 사진에 있는 공지사항 클릭 시 웹뷰로 보내는 프로세스 입니다. Stack 코드를 보시면 StackNavigation안에 Stack.Screen을 정의하고 있습니다. Stack 코드의 36번 라인의 isCanBack은 뒤로 갈 수 있는지 판별하는 변수입니다. Stack 코드의 38번 라인의 if문은 웹뷰 상태에서 뒤로갈 곳이 있으면 이전 페이지로 돌..

어플을 사용하여 지도의 데이터를 불러올 때 어플 화면에서 북동쪽 좌표와 남서쪽 좌표를 구하여 현재 내가 보고 있는 화면의 지도영역 데이터만 가져와야 속도도 느리지 않고 모든 데이터를 불러올 필요가 없게됩니다. 9~12번 라인 처음으로 북동쪽 좌표와 남서쪽 좌표를 설정해줍니다. mapRef는 MapView를 저장할 변수입니다. boundsBox는 지도를 이동할 때 마다 북동쪽 좌표와 남서쪽 좌표를 저장할 변수 location은 지도를 띄울때 기본 설정으로 보이게 할 장소 handleRegionChange function은 지도를 이동할 때 마다 북동쪽 좌표와 남서쪽 좌표를 얻어오는 함수 지도를 이동할 때 마다 getMapBoundaries 이벤트를 발생시켜 북동쪽 좌표와 남서쪽 좌표를 가져옵니다. 1 2 ..

[Unhandled promise rejection: Error: Location provider is unavailable. Make sure that location services are enabled.] ios에서는 권한을 부여하여 허용을 한다면 나의 위치를 제대로 가져오는 반면 Android에서는 권한을 부여하고 허용을 하여도 아래와 같은 오류가 계속하여 발생했다. 해당 오류 내용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 [Unhandled promise rejection: Error: Location provider is unavailable. Make sure that locat..

connectOrCreate란? - 관련 레코드(데이터)가 존재하거나 존재하지 않거나 유무를 판단하여 존재 하지 않다면 해당 데이터를 삽입하는 것입니다. 사용방법 Step 01 - schema.prisma에 해당 테이블 내부 칼럼에 unique설정을 해주어야합니다. Step 02 - Hashtag 테이블을 사용하는 resolver에서 connectOrCreate를 사용합니다. hashtag는 @unique로 설정이 되어 있기 때문에 해당 connectOrCreate를 사용할 수 있습니다. 만약 #food라는 데이터가 존재하지 않는다면 해당 #food라는 데이터를 create합니다. 그리고 만약 hashtag들이 여러개라면 아래 사진처럼 하는 방법은 상당히 비효율적이므로 코드를 수정해주어야 합니다. Ste..