TIL

expo development build 환경에서 개발하고 있다.github에 PR을 올렸을 때 자동으로 빌드 테스트 정도만 되어도 정말 좋겠다고 생각했다.EAS cloud에서 빌드 테스트하기.github action 에서 eas local build로 테스트하기1번은

만드는 서비스에서 기능으로 리스트를 드래그로 옮길 수 있어야 했다.react native에서 드래그 리스트 라이브러리가 있는지 찾아보니 다행히 있었다.!https://github.com/computerjazz/react-native-draggable-flatl

react native로 개발하며 조금이지만 오픈 소스를 사용해보았는데 생각보다 불편하다.편리한 기능들을 다들 너무 잘 만들어두었는데 1년 넘게 업데이트가 없다던가 하는 오픈 소스들이 있었고 그러다보니 라이브러리 자체에서 경고를 뱉어내는 문제가 이번주에만 두번이 있었다

사용 시간 입력을 자동화할 수 없을까=> 내가 쓴 시간은 지라 이슈마다 작업 로그를 어쩔 수 없이 손수 입력해야 한다.하지만! 웹엑스에 오전 오후 밤 등 일정 시간에 사용시간 입력하라고 자동으로 메세지는 보낼 수 있다.현재 우리 팀 웹엑스방에 데일리 스크럼 작성을 독려

그런데 에러가 발생했다.에러1 : google-auth를 임포트할 수 없음원인 : requirements.txt에 google-auth가 없음해결해서 나온거 requirements.txt에 복붙!에러2 : django 서버에서 mysql 서버에 연결하지 못함원인 : 데

react native expo로 개발을 하면서 타입 스크립트는 잘 모르기도 하고 타입을 지정하는 것에 대한 이점을 아직 느끼지 못해서 일단 자바스크립트로 개발을 하면서 불편하면 나중에 마이그레이션해야겠다는 생각을 하고 있었다.그러다가 오늘 API를 한 파일로 옮기면서

나는 그냥 사용자의 category를 받아오고 싶었다.하지만 쓸데없이 복잡하게 만든 탓일까. 문제가 너무 많았다.현재 category get 요청을 보내는 과정Api.getCategory는 handleRequest로 에러를 공통적으로 처리하고, API_PATH에서 ap

ERROR Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.문제 없다고 생각했는데 왜 무한 렌더링이 일어날까나의 불찰1\. 파이썬 생각하면서 빈 배열은

오늘 한 거 임시저장 해놨는데사라졌다.... ㅠㅠ간단하게 회고하자면\~~tanstack query에서 v5로 오면서 바뀐 부분이 공식 문서에 적용이 안되었던 문제다.onSuccess로 쿼리가 성공했을 때 실행될 로직을 작성했는데 동작하지 않았다.찾아보니https&#x3

react native에서 modal이 어떻게 구현되는가소영 코드 리뷰하다가 모달이 반복적으로 여러개 생기는데 이게 성능에 문제가 있는지 알고싶었다.그래서 react native 깃헙에 들어가서 코드를 열심히 뜯어보았다.생각보다 너무 복잡하게 되어 있어서 신기했다.투두

지금까지 api 통신을 할 때 error는 그냥 console.log(error) 이렇게 확인했다.이런 식으로 했었다. 그러면 에러 로그는 아래와 같이 보였다.에러에 대한 정보가 거의 없어서 항상 의문만 품고 답답해 했는데 axios에서 에러 핸들링 부분을 보니까 다르

프론트엔드에서 사용자 행동 로그를 기록하고 분석하기 위해 firebase analytics를 도입했다.그 과정에서 프로젝트 폴더에서 android 폴더 부분을 수정했어야했다.그 중 하나가 /android/app에 google-services.json 파일을 넣어줘야 하

잘되던 나의 github action 빌드 테스트 workflow에서 에러를 뱉는다.로그를 보니 CommandError: Input is required, but 'npx expo' is in non-interactive mode.Project must have a a

참고한 글 - https://expo.dev/blog/what-are-environment-variables - https://www.reddit.com/r/reactnative/comments/1amfq6p/api_keys_storage/ - https://mediu

eslint 설정을 어떻게 더 해야할지 모르겠지만 아래와 같다.이럴 때! 예전 글에서 나왔던 module.export 라고 오타를 냈을 경우 이걸 eslint에서 잡아내지 못한다!tsc는 잡아내는데 왜 eslint는 모르는가!react native에서 class를 만들

지금까지 나는 예상과 다르게 코드가 동작하거나 문제가 있을 때 열심히 콘솔 로그를 찍었다. 항상 어랏 왜 이게 안되지 하면서 말이다. 그러다 오늘 멘토링에서 디버깅에 대해 배웠고 지금까지 내가 문제 상황에서 시간을 많이 잡아 먹고 있던 이유를 알게 되었다. 기존의 나는

명령어로 안드로이드 앱을 빌드하고 런을 했다.그런데 다음과 같은 오류가 발생했다.우선 터미널에서 보았을 때명령어 이후에 빌드는 성공했다.그리고 이후에 위와 같은 오류가 난 것이다.그러면 일단 지금 보기에 앱 자체는 잘 실행되었고, development build인 ex

멘토님이 추천해준 글들을 읽고 프로젝트에 디버거를 붙여 보았다.Debug on expo-dev-client(https://github.com/microsoft/vscode-react-native?tab=readme-ov-file

아이콘 등록등 MVP 버전 앱을 마무리하려고 했다.그래서 앱을 열었는데 이전에 수정하지 않은 에러가 있었다.그것은 바로 fetchTodos를 보면 handleRequest에 인자로 axios.get()을 바로 넘긴다. 이러면 axios.get()은 프로미스 객체를 리턴

드디어 vscode 익스텐션 디버거를 expo에 붙였다. 지금까지는 expo 내장 디버거를 켜서 크롬 디버거로 보았다. 하지만 디버깅을 위해 VS Code에서 나가 크롬 디버거로 이동하는 과정이 번거로워서 VS Code에서 디버그하고 싶었다. Debug on expo-dev-client 우선 VS Code 익스텐션인 React Native Tools의 문...

로그인 과정에서 google OAuth 인증이 끝나면 해당 토근을 가지고 우리 서버에서 jwt 토큰을 발급한다. 그리고 유저 정보를 받아오는데 이때 해당 토큰을 헤더에 넣어서 요청을 보내야 한다.그런데 유저 정보를 받아오는 과정에서 await이 제대로 동작하지 않았다.

앱을 플레이 스토어에 심사를 걸어두고 마저 작업을 이어서 하려고 했다. 그러다가 문득 생각이 든 것이 현재 프론트엔드에서는 firebase console에서 프로젝트가 onestep-dev 하나밖에 없어서 개발 중에도 모든 이벤트 로그가 다 찍히고 있었다. 그래서 이번

Sentry 문서를 뒤적거리다가 Sentry for React Native/Source Maps/Expo (Advanced)에 Manual Upload for Hermes Release(https://docs.sentry.io/platforms/react-na

앱 등록시 개인정보처리방침이 적힌 url을 등록하라고 했었는데 그때 당장 적어둔 곳이 없어서 github blog url을 냅다 올렸었다.그리고 오늘 개인정보처리방침과 고객문의처를 업로드하려고 방치해두었던 우리 팀 github blog를 열어보았다.당시에 jekyll

이번에 ebook을 하나 샀는데 pdf로 변환해서 보고 싶었다. ebook 뷰어는 너무 구리고 탭에서 필기도 하면서 편하게 보고 싶기 때문이다.pdf로 어떻게 변환해야 할까 고민하다가 한장한장 스샷을 떠서 pdf로 묶으면 좋을 것 같다고 생각했고 이걸 손으로 다 하는건

Rohan Paul님이 X에 작성한 포스트를 번역해보았습니다. [Useful Prompting technique](https://x.com/rohanpaul_ai/status/1830569747538202874) # **유용한 프롬프트 기법** LLM에게 질문을 다

인터넷에서 LLM의 추론 능력을 테스트하는 재밌는 글을 보았다.질문은 다음과 같았다.사람이 보기엔 1초만에 3.9가 더 큰거 아닌가 라고 생각하지만 LLM이 보기엔 아니었다.Claude 3.5 Sonnet은3.11이 3.9보다 더 큰 수입니다.십진법에서 소수점 이하 두

표현식(expression)이라는 개념은 코드를 작성하며 의식하거나 말로 표현한 적이 거의 없는 것 같다. 문(statement)는 그래도 표현식 보다는 조금 더 많이 말하는 것 같다. 예를 들어 if문 처럼어쩌다보니 두 개념을 구분해야하는 상황 두 가지를 봐서 정리해

들어가며 지금까지 내가 일을 하면서 겪었던 문제는 다음과 같다. 작업 중간 중간 진행 상황을 Jira에 반영해야 한다. 작업을 하던 중 작업이 예상 소요시간보다 길어지거나 새로운 수정 사항이 생기는 등 문제가 생기면 Jira에 해당 사항을 업데이트해야 한다. 하지만 VS Code에서 작업을 하다가 크롬을 켜고 Jira에 들어가서 이슈를 열고 내용을 수정...

ios 앱도 출시해야하기 때문에 애플 개발자 등록을 하려고 했다. 계정은 예전부터 쓰고 있던 것이 있었기 때문에 그 계정으로 개발자 프로그램 등록을 하려고 했는데....두둥....!등록을 완료할 수 없다고 한다. 왜 이런지 검색해보았는데 나와 같은 문제를 겪었던 분의

Writing your first contribution for Django를 따라하고 있던 중이었다. 중간 즈음에 test suit을 실행하기 위해 의존성 라이브러리를 설치해야 했다.그런데 그 중 하나인 pylibmc를 설치하는 과정에서 다음과 같은 에러가 발생했다.

들어가며 언제까지 코드를 작성한 뒤에 모든 기능들이 잘 동작하는지 확인해볼 수 없다! 지금까지 기능을 개발하면서 어느순간 보면 팀원들이 이 기능이 안된다 저 기능이 안된다 하는 경우가 많았다. 이런 상황을 미연에 방지하기 위해선 테스트가 필요하다! react nati

어제 로그인 컴포넌트의 UI로직과 비즈니스 로직을 분리하다가 구글 로그인이 제대로 동작하지 않는 문제에 봉착했었다. 하지만 그건 나중에 해결하고 로직 분리부터 제대로 하려고 한다. 우선 어제 작성했던 코드에서 내가 잘 분리했는지 파악해보려고 한다.비즈니스 로직을 분리하

로그인 과정을 커스텀 훅으로 뺐는데 개선할 점이 더 많은 것 같다. 하지만 그전에 로그인이 제대로 동작하지 않는 문제가 있다.커스텀 훅 내부에 대략 이런 함수가 있다. handleGoogleLoginToken 함수는 구글 OAuth 인증을 통해 받은 구글 액세스 토큰을

들어가며 드디어 오늘 안드로이드 플레이 스토어에 앱이 정식으로 올라갔다! 앱을 스토어에 올리는 것만 거의 한달이 걸렸다. 😮‍💨 첫 배포를 기념하며 출시하는 과정을 처음부터 기록해보려고 한다. 그전에! 잠깐 홍보하겠습니다. 구글 플레이스토어 👈 바로가기 One

투두는 두가지 컴포넌트에서 관리되고 있다. DailyTodos.jsx react query로 서버에서 투두 데이터를 받아온다. 캘린더에서 선택된 날짜와 선택된 카테고리로 투두를 필터링 리스트뷰에서 렌더링될 리스트 아이템 정의 드래그 이벤트 종료시

하던거 마무리하기!현재 아이콘을 눌렀을 때 액션이 발생하는 아이콘 버튼 컴포넌트는 여러가지 버전이 있다.투두 완료 아이콘 버튼checkIcon 컴포넌트가 있고 콜백 함수로 handleCheck 함수가 있고 여기서 completed라는 상태를 바꾼다.투두 리스트 우측에

오늘 팀원들과 프론트에서 컴포넌트를 어떻게 만들면 좋을까에 대해 얘기하다가 IoC(Inversion of Control)에 대한 얘기가 나와서 적어둠!나는 소프트웨어공학 수업을 안들어서 그런가 IoC가 react에서 컴포넌트를 작성할 때 사용하는 패턴이라고만 생각했는데

나는 확실히 어떤 A라는 기능을 위해 코드를 작성하고 있다가 A와 연관이 있는 B라는 작업이 등장하면 나도 모르게 A를 냅두고 B를 하는 상황이 많이 있었다.그래서 팀원이 피드백해줬는데 좋은 것 같아서 기록해둔다.땡큐 팀원내 마음대로 말을 지어내봤는데 팀원에게 조언받은

애플 앱스토어에 앱 올리는걸 더 이상 지체할 수 없다.앱 기능이 모두 정상동작하는진 어제 테스트완료했고 이제 ios에서 빌드되게 한 후 스토어에 제출하기지금까지 안드로이드를 중심으로 개발했어서 ios는 신경도 안쓰고 있었음당장 생각나는 문제firebase sdk를 사용

현재 우리 서비스 OneStep에선 여러 기기간 동기화 기능을 FCM을 통해 구현하고 있다. 따라서 멀티 디바이스 유저의 각각 기기를 식별하고 FCM을 통해 기기간 동기화를 제공하기 위해서 FCM에서 FCM 토큰을 사용한다. 그래서 이 FCM 토큰을 안드로이드에선 앱이

오늘은 멘토링 끝나고 집에와서 꿀잠 잤다가 간단한 것들 해보았다.원래 앱 정보는 너무 간단하게 적어둬서 내가 유저라도 이게 무슨 앱인지 모를 것 같다.쏘 심플!을 넘어서 아무것도 없는 수준그래서 다른 잘나가는 투두앱들의 앱 정보를 참고해서 새로 작성해보았다.참고한 투두

ios에서 앱이 정상 동작해야 앱 스토어에 제출을 하거나 말거나를 하기 때문에 하던 것들을 마저 마무리 해보려고 한다!마무리해야하는 것들여기서 ios에서 구글 로그인을 하려고 할 때 iosClientId 없는 문제는 방금 했다!그리고 더 해야하는건 messaging.g

어제 겪었던 문제를 해결해보려고 한다.참고한 글은 여기 -> https://github.com/invertase/react-native-firebase/issues/6893"before fetching FCM Token" -> getToken()을 호출하기 전

디자이너분이 현재 배포 중인 안드로이드 앱의 플로우도 보고 싶다고 하셔서 앱 스샷을 뜨기로 했다!근데 투두 생성하는 플로우를 보여주려고 스샷 뜨는데 에러가 발생하는 거임알고보니 투두 순서 관련해서 필드명이 바뀌고 투두 순서 변경 로직을 더 이상 프론트에서 안해도 된다고

react native로 앱을 만들면서 네비게이터로 expo router를 사용하고 있었다.그런데 이상하게 특정 페이지로 이동할 때 렉이 매우 심하게 걸리는 것이다.https://www.reddit.com/r/reactnative/comments/1cxslm7

오늘 오랜만에 색다른 경험을 해서 적어둠오전에 한시간 교수님이 하는 오픈 세미나에 다녀왔다. 어떤 주제인지도 모르고 오랜만에 학교가고싶어서 갔는데 매우 유익한 시간이었다.기억에 남는 부분논문 리뷰를 할 때 리젝할지 억셉할지에 대한 판단 기준을 엿볼수 있었다. 내가 느낀

우아한 기술 블로그에서 테스트 관련 글을 보고 나도 테스트 코드 작성해보았다!https://techblog.woowahan.com/17404/https://techblog.woowahan.com/17721/느낀점을 좀 적어보려고 한다.내부 구현을 테스

들어가며 팀원이 iOS 빌드가 갑자기 안된다고 했다. 다른 팀원도 같은 에러가 발생했다. 그래서 나도 그런가? 하고 해보니 나도 그런다. 정확히는 아래 prebuild 명령어 실행 과정에서 에러가 발생했다. APPMODE는 환경변수_ prebuild 명령어는 네이

문서 업데이트 조금이지만 그래도 기여해보았다.혼자였으면 엄두도 못냈을텐데 파이콘2024 스프린트 CPython에서 멘토님의 도움 덕분에 그리고 함께하는 분들의 힘 덕분에 첫 기여를 해낼 수 있었다!파이콘 최고파이콘2024 스프린트 CPython 최고 👍😎👍=> h

백문이 불여일견이라고 최근에 왜 테스트를 작성해야 하는지, 코드 품질을 유지하는 시스템을 구성해야 하는지 몸소 경험하게 되었다.혼자서 개발한다면 프로젝트에 대해 자기가 다 알고 자기만 알면 된다. 코드를 수정했을 때 기능에 문제가 없는지 테스트도 조금의 귀찮음만 감수하

중학생 수학을 멘토링하고 있는데 멘토링 보고서를 작성해야 한다. 그런데 보고서를 작성하기 너무 귀찮아서 자동화해보려고 한다.현재 줌으로 진행해서 멘토링 내용은 동영상 파일로 존재한다.해당 파일을 활용해 멘토링 내용을 자동으로 작성해보겠다!cursor가 초안 작성하기에는

최근에 ai 모델링 대회 나가서 ipynb 파일을 열심히 다루고 있는데 cursor에서 ipynb 파일에선 이상하게 chat에서 작성된 코드를 기존 코드에 apply하는게 안되길래 여기저기 물어본 결과 아직 cursor가 ipynb를 100% 지원하지 않아서 그런 것