거의 알고리즘 일기장

이번에 설명할 두가지 라이브러리는 간단하게 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 변경 - 앱 업데이트 노티 ..

예전에 만든 그림일기라는 프로젝트가 있었다. 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..

react native를 작년 12월쯤 expo로 이용해본것을 시작으로 사용한지 약 1년쯤 지났다.최근들어 rn에 대한 회의감이 들기 시작했다. 그래서 한번 rn 약 1년 사용기를 정말 얇게 남겨보고자 한다. 주의!: 필자의 불평불만이 가득함 ㅎㅎ---2023 5월의 생각react native cli (bare) 를 이용할경우에는 아직 이 생각이 변함없지만, 최근 expo의 feature들을 보니 엄청나게 많은것들이 추가되었고 expo를 이용할 경우 대부분의 단점이 상쇄됨으로 expo를 쓴다는 가정하에는 괜찮은 기술이라고 생각이 바뀌었음---2025년 1월의 생각지금은 rn cli 가 너무 손에 익었고 배포 플로우는 10분안에 설정이 가능하고 간단한 앱정도는 며칠만에 심사를 올릴정도로 숙련되어서.. 나에..

tmap은 url scheme로 경유지를 포함한 경로를 넘길수 있는 방법이 없는거 같아 bridge를 만들어 보았다. 특이사항 - tubomodule x, 기존 bridge module - invoke app의 기능만 개발함 - tmap sdk를 내장한 형태로 개발 (tmap에서 다운로드 하는 형태로 sdk를 제공함 ㅠ) - tmap sdk version ios: v2.1.1 android: v1.7.5 - ios는 swift, android는 Java로 작성 https://github.com/Kwonkunkun/react-native-invoke-tmap GitHub - Kwonkunkun/react-native-invoke-tmap Contribute to Kwonkunkun/react-native-..

react native를 이용한 앱에서 적절한 URL scheme를 만들어줘야할 일이 있었다. https://guide.ncloud-docs.com/docs/naveropenapiv3-maps-url-scheme-url-scheme 지도앱 연동 URL Scheme - Maps guide.ncloud-docs.com 테스트 환경 "react": "18.1.0", "react-native": "0.70.2", 문제상황 const getUrlScheme = (params: NaverRouteParams) => { const result = new URL('nmap://route/car'); Object.entries(params).forEach(([key, value]) => { result.searchPar..

https://support.circleci.com/hc/en-us/articles/360045268074-Build-Fails-with-Too-long-with-no-output-exceeded-10m0s-context-deadline-exceeded- circle ci script안에 no_output_timout 옵션 변경할것 steps: - run: name: Run Tests no_output_timeout: 30m //이거 바꾸셈 default: 10m command: python -m unittest 근디 step run 자체가 잘못된 경우도 있을수 있으므로 Log를 잘보고 그냥 그 step이 오래걸려서 Output을 10분이상 내지 못하는 경우에만 사용할것. 안그러면 크레딧 녹음

android https://tech.buzzvil.com/blog/tech-blog-package-visibility-in-android-11/ 안드로이드 11의 "패키지 공개 상태" 변경 사항 정리 안드로이드 11의 출시가 얼마 남지 않았습니다. 공식 문서에 따르면 2020년 3분기 안에 출시가 될 에정이니, 1~2달 안에 정식 버전이 출시될 것 같습니다. 지금까지의 메이저 버전 업데이트가 항상 tech.buzzvil.com targetSdkVersion이 안드로이드 11 이상인 앱에서는 디바이스에 설치된 다른 앱 목록을 알 수 없고, 미리 매니페스트 파일에 지정한 앱의 정보만 가져올 수 있습니다. 그러므로 AndroidManifest.xml 파일에 query 추가 해야함 추가적으로 이 링크 확인하면..