목록분류 전체보기 (291)
거의 알고리즘 일기장
이 글은 최근 expo만을 이용해서 앱을 만들고 배포까지 해보고 만든 후기이다. 약 1년전에 이런글을 적은적이 있다. https://kunkunwoo.tistory.com/279 react native 약 1년간 사용해본 얕은 후기 react native를 작년 12월쯤 expo로 이용해본것을 시작으로 사용한지 약 1년쯤 지났다. 최근들어 rn에 대한 회의감이 들기 시작했다. 그래서 한번 rn 약 1년 사용기를 정말 얇게 남겨보고자 한다. 주의!: kunkunwoo.tistory.com 이 당시에는 꽤나 rn에 대한 불신이 가득한 상태로 적어서 조금 부정적으로 적었던거 같다. 현재는 rn 자체에 꽤나 익숙해져서 그런지 디버깅이나 이런게 수월해져 다시 긍정적으로 생각하고 있지만, 초심자들 입장에서는 벽이 ..
에러코드 Using SSH Config Dir '/home/circleci/.ssh' git version 2.34.1 Cloning git repository Cloning into '.'... Warning: Permanently added the ECDSA host key for IP address '140.82.114.4' to the list of known hosts. ERROR: Repository not found. fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists. exit status 128 상황 - ssh key는 ..
왜 개선하는가?? 오늘의 그림일기 앱의 무한스크롤은 1. useEffect의 dependencyArray에 따라 fetch 함수 실행 -> 2. fetch 함수 success시, state를 기존의 state에 추가 하는 방식으로 짜여져 있었다. 이러다보니 꽤나 많은 부분을 신경써줘야 했고 많은 부분이 불편했는데, 내가 느낀 단점은 이랬다. 1. useEffect 자체가 api를 fetching하는데 적합하지 않다. 단적인 예로 1. strictMode에서 2번씩 실행되도록 되어있음. 2. dependencyArray를 이용하는 방식이라 이걸 컨트롤하기가 쉽지가 않다. 2. 짜야할 로직이 많다. loading, refresh, error에 대한 컨트롤 로직이 꽤나 많다. 그래서 개선해야할 필요성이 있다고..
이번에 설명할 두가지 라이브러리는 간단하게 input들의 관리가 가능하게 도와준다. 이 친구들을 만나고 다양하게 빡치던 input validation check 로직의 쾌적함이 달라졌다. 밑의 설명을 읽어도 되지만, 여기까지 읽었는데 혹한다 싶으면 그냥 공식문서 읽으러 가길 바란다. https://react-hook-form.com/get-started Get Started Performant, flexible and extensible forms with easy-to-use validation. react-hook-form.com https://github.com/jquense/yup GitHub - jquense/yup: Dead simple Object schema validation Dead s..
요즘 사이드 프로젝트로 새로운 앱을 만들어보고 있다! 앱의 컨셉 어렸을때 모두 공책 한페이지마다 그림을 그리고 그걸 빠르게 넘기면 애니메이션이 되는것을 알고 있을 것이다. https://www.youtube.com/watch?v=Un-BdBSOGKY&ab_channel=Andymation flipbook이라고 하나보다 그래서 이번 앱은 그림을 한프레임씩 그리고 그걸 이어붙여서 애니메이션처럼 보이게 하는 앱을 만들어 보았다. 앱 데모 https://www.youtube.com/shorts/WDjSSn_nCsA 배포했나여? 자잘한 버그 & 다듬을 부분이 보여 아직 배포하지는 않았다. (요즘 일이 좀있어서 작업할 시간이 부족해 약 1달정도 걸릴것 같다) (8월은 끝나야 마무리 작업이 가능할듯 ㅠ) 배포한 이후..
최근까지도 아이패드에서 pencil을 가지고 테스트해본적이 없었다... 핸드폰에서도 새로 도입한 svg drawing의 latency가 길어질수록 다이나믹하게 느려진다는것을 확인했다... 그럼 지금까지 시도해본 두가지 버전의 canvas 모두 엄청난 하자가 있다는 결론이 나왔다. 그렇다면 결론은 하나뿐... 과정 1. react native skia 모듈을 프로젝트에 올린다. 이 오늘의 그림일기 앱은 좀 예전에 만든 앱이라 react native skia를 프로젝트에 올리는데 까지의 고난과 역경이 있었지만 짧게 이야기 하자면, react native skia의 제약조건이 react-native 66>, react 18> 이었다. 올리면서 깨지고 난리도 아니었음 https://github.com/Shopi..
오늘 글은 약간 넋두리 같은 글이다. 회사에서 일을 할때는 product에 어떤 feature를 추가할때도 여러 프로세스가 있다. 그러니까 하나의 feature를 추가할때도 많은사람을 거치고나니 앱을 올렸을때, 그만큼 버그의 발생이 덜했다. 근데 이번에 이 사이드 프로젝트를 조금 본격적으로 하기 위해, 퇴근후 새벽까지 진행하며 많은 feature를 추가하고 수정했다. 대충 추가한 feature만 해도 - svg drawing 추가 (기존 drawing과의 공존..) - 회원 탈퇴 기능 추가 - 기존 firebase auth 만 쓰던 user 정보를 firestore로 이관, 이로 인한 기존의 유저쪽 로직 수정 - device 언어에 따른 다국어 처리 - 전체적인 ui & ux 변경 - 앱 업데이트 노티 ..
요즘 계속해서 프로젝트를 수정하고 있는데, 기존에 생각안하고 짠 부분이 많아서ㅠ 건드려야 할 부분이 많다. 그 중 하나가 auth 과정을 firebase auth만 사용하면서 그 user정보를 firebase auth에다가만 넣어둔 상황이다 ㅎㅎ 이 user 정보 데이터들이 firestore에 있어야 이제 뭔가 이후작업을 하기 편하기 때문에, 이 작업을 하였다. (작은 프로젝트에서는 auth만 이용한다고 해도 문제가 될건 없다. displayname, photoUrl 등은 넣어둘수 있다. 하지만, 더 많은 유저정보를 저장하고 싶다거나 firebase console에서는 이 정보들을 볼수 없는 문제가 있어서 바꾸게 되었다.) 어떻게 할것인가? 사실 이 부분은 간단한 일이다. auth에 있는 모든 친구들을 ..
https://kunkunwoo.tistory.com/307 React Native를 이용한 사이드 프로젝트 만들기 -8. 오랜만의 수정 또 수정 (with 오늘의 그림일기) 예전에 만든 그림일기라는 프로젝트가 있었다. rn 시작할때 만든 프로젝트였는데, 최근에 기억이 나 들어가보니 생각보다 사람들이 써줘서 약 1년? 만에 조금 손보았다. https://kunkunwoo.tistory.com/253 kunkunwoo.tistory.com 최근 오늘의 그림일기라는 프로젝트를 리뉴얼하면서 기존의 webview를 이용한 raster drawing 방식에서 svg drawing 방식으로 바꾸었다. react-native-draw라는 모듈을 이용하였는데, 몇몇 문제가 있어 모듈을 살펴볼 일이 좀 있었다. 살펴보다..
예전에 만든 그림일기라는 프로젝트가 있었다. rn 시작할때 만든 프로젝트였는데, 최근에 기억이 나 들어가보니 생각보다 사람들이 써줘서 약 1년? 만에 조금 손보았다. https://kunkunwoo.tistory.com/253 React Native를 이용한 사이드 프로젝트 만들기 -7. 감동실화 app store 2전 3기 2연 reject후, 드디어 통과되었다. 키키키키ㅣ키키케케케케ㅔ케켘깔깔낄낄낄 1번째 reject Guideline 1.2 - Safety - User Generated Content - Require that users agree to terms (EULA) and these terms must make it clear that there is kunkunwoo.tistory.com..