목록전체 글 (290)
거의 알고리즘 일기장
에러코드 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..
필자는 웹개발자이고 swiftui 초면이다. (예전에 ios개발 잠깐 하긴 했었다.) 최근 apple의 swiftui에 대해서 호기심이 들어서 간단하게 앱을 만들고 배포해봤다! (필자는 예전에 Ios 찍먹해본 수준이라 초심자의 후기라고 생각하면 좋을거 같다.) 앱구성 만든앱은 간단한 앱이다! Choice Helper - Decision-Making Made Easy Description: Are you indecisive or overwhelmed by too many options? Choice Helper is here to make your life simpler! Our app takes the stress out of decision-making by randomly selecting an op..