거의 알고리즘 일기장

저번주에 퇴근하려는데.. 갑자기 이런 에러가 생겼다. 그 당시에 에러에 대해서 명확히 정의하기가 힘들었어서, 다른 rn 개발자들은 이 글을 보고 바로 퇴근하셨으면 좋겠어서 올린다. 에러상황 브라우저: 정상작동 ios: 정상작동 android: network request failed error mac os terminal: gql codegen시 graphql codegen Unable to verify first certificate 접근 왠지 인증서 문제같은데.. 브라우저랑 ios에서는 정상작동하니까 확신을 하기가 힘들었다. 그러던중 아래의 링크를 발견했다. 안드로이드에서만 network request failed error 1. flipper에서 network plugin 이슈일 경우 x 이건 내 ..

구현 방법 1. top부분은 collapse 되는 component는 absolute이다. 2. vertical scrollview는 top부분만큼 top padding을 준다.

상황 release apk로 테스트시에 들어가자마자 이런식으로 계속 중단됨 접근 당연히 먼저 무지성 구글링 (키워드: react native apk app crash) https://github.com/facebook/react-native/issues/23352 Release APK crash immediately on launch - React Native ( Version 0.58.4) · Issue #23352 · facebook/react-native 🐛 Bug Report The android version runs perfectly in debug mode using android studio emulator. However, the release version of the apk crash..

1.1.0에서의 추가된 app 기능들 1. 자랑하기 (로그인시에 가능) 2. 남이 자랑한 일기들을 볼수있는 기능 3. 로그인, 회원가입, 비밀번호 재설정 (이메일을 통한) 기능 로그인을 했을때의 권한, 로그인 안했을때의 권한 차이 로그인을 했을때, 추가되는 기능은 내 그림일기를 자랑할수 있는기능 하나다. 현재 진행상황 ios 현재 앱 심사중이다. test reject까지 3연속 reject 기록중 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이제 user block만 만들면 된다.ㅠ https://apps.apple.com/kr/app/%EC%98%A4%EB%8A%98%EC%9D%98-%EA%B7%B8%EB%A6%BC%EC%9D%BC%EA%B8%B0/id1603506813

이제 expo와 작별할 시간이다. expo와의 작별은 간단하다. 그냥 터미널을 열고 -> 프로젝트 폴더로 간 다음에 밑의 코드를 입력하자. 하기전에 git 정리하고 올리지 않으면 git dirty라고 warning 뜨니까 정리하고 시도 ㄲ // pakage.json에 해당 명령어가 입력되어 있는지 확인 yarn eject // or npm run eject // or // 없으면 expo eject 이후 여러가지 입력하라는게 나오는데, 그건 ios & android pakage name 입력, expo login 관련 등등에 관련된 내용인데, 이건 개개인이 맞춰 작성하면 되므로 생략하도록 하겠다. 이제 expo 완료다. 이제 ios & android 켜보자. ios 1. ios 같은 경우는 depende..

미루고 미루다가.. 이번주 집중해서 release 1.0.0 까지 완료했다. 지금 play store에는 검토중이고, app store는 developer 계정을 검토중이다. (이것만 해도 2.5+ 12, 약 15마넌이다ㅠ) release 1.0.0의 사항은 크게 4가지 였다. 1. 내 일기 리스트 ( 일기 리스트 보여주는 기능 ) 2. 그림일기 만들기, 수정, 지우기 3. 그림일기 상세보기 4. 앱 사용법 (carousel 형식으로) app flow expo로 진행하면서 불편했던 사항들 1. 테스트에 제약이 있다. firebase와 facebook login 연동을 하려는데, 하라는대로 다한거 같은데.. firebase 연결에서 겁나 에러나서 하루정도를 날렸는데.. [Error: Unsuccessful..

일을 좀 쉽게 하기 위해서 공통 컴포넌트들을 만들어보자. 이 프로젝트는 작은 프로젝트라 1. header 와 2. 그림일기에 대한 컴포넌트만 만들면 될거같다. 1. header page 별로 header를 보면, leftComponent, rightComponent만 정의해서 넣어주면 편할거 같다. //header를 편하게 쓰기 위해서 만든 block component import React, { ReactElement } from "react"; import { HStack, Box, StatusBar } from "native-base"; import { Colors } from "@constants"; type HeaderBlockProps = { leftComponent?: ReactElement..

페이지별 개발을 어떻게 할건지 정해둬야 안꼬여서 미리 좀 생각을 해보자 개발을 할 단위를 잘라보면 총 8가지이다. 1. splash ( 이건 무시가능 ) 2. home ( item list ) 3. preview ( item detail ) 4. create & edit ( item edit, create ) pick weather action sheet 포함 5. drawing ( cavas drawing ) 6. color picker modal ( drawing pen color picker ) 7. setting 8. app introduce 이제 하나씩 생각해보자. 2. home ( item list ) 이 페이지는 만든 컨텐츠들의 리스트를 볼수있는 페이지이다. 기능은 크게 1. 월별 item ..

유튜브를 보다가 그림일기 보는 영상을 보았는데, 옛날 생각도 나고 해서 재미있게 보았다. 그런던중 이걸로 사이드 프로젝트를 하게 되면, 재미있을거 같아서 그림일기를 만드는 앱을 하나 만들어 볼까 한다. 현재 시중에 있는 앱 서칭 및 사용( ios ) 1. YOUKAMI https://apps.apple.com/kr/app/youkami/id1207147864

앱 초기 시작시에 location permission 체킹과 location값을 받을때 편할거 같아 만들어 보았다. useLocation.ts import React, { useEffect, useState } from "react"; import * as Location from "expo-location"; /** * useLocation * 1. 위치 권한 받고 * 2. 권한 O일 경우: location값 반환 * 3. 권한 X일 경우: errorMsg값 반환 * - return: location, loading, isLocationPermission, erorMsg */ const useLocation = () => { const [isPermission, setIsPermission] = use..