목록react-native (35)
거의 알고리즘 일기장

미루고 미루다가.. 이번주 집중해서 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..