소프트웨어 마에스트로/FrontEnd8 [RN] 동그란 마음속에 피어난 how is the Application 재밌는 에러를 발견했다.에러 내용은 다음과 같았다. 대략 보면 다음과 같은 상황인건데.. 백엔드단과 프론트단이 연결이 안된 것 같았다.그래서 잘 되고 있으신 다른 팀원분 브랜치로 들어가서 노드 모듈, 패키지 락, 캐시 모두 지우고 expo run을 돌려도 안되고,팀원분이 내 브랜치 와서 해도 잘되길래뭔가 했다..정말 지푸라기 집는 심정으로 컴퓨터 껐다 키니까 잘 되었다. 뭔가... 오류가 있었나보다... 근데 컴퓨터가 힘든지.. 금방 또 같은 에러가 발생했다.에뮬레이터가 엄청나게 느려진 걸 보니 그냥 내가 뭔가 혹사시키고 있는 것 같다는 느낌이 들었다.암튼 오늘은 프론트는 더 이상 못할 듯 싶다. 방법을 알아냈다.왜인지 모르지만 8081 포트를 maestro 가 먹은 듯 했다.마에스트로 실행시키고 808.. 2024. 11. 15. [RN] 설정 페이지 만들기 요거 만들어야한다.만든다...!! 여기에서 저 Follow 부르는 거와 > 부르는게 제일 어려웠다..아직도 잘 이해가 가지 않는데js에서 함수이름 으로 부르는 것과 함수이름() 이렇게 부르는게 다르다는 것 같다.그래서 저 Follow는 함수 이름으로 불러야 저렇게 모든 글자가 뜨게되고, > 아이콘은 함수이름() 이렇게 불러야 오류가 발생하지 않는다.정말 대체 왜이런건지 몰라서 블로그를 찾아봤다. 일단 지피티 답 1. {renderItemAccessory}: • 함수를 참조하는 방식입니다. • 여기서는 renderItemAccessory 함수를 직접 실행하지 않고, 컴포넌트가 이 함수에 대한 참조를 전달하는 방식으로 사용됩니다. • 이 방식은 함수가 필요할 때 실행할 수 있도록 참조만 전달하고, 즉시 실행.. 2024. 11. 14. [RN] 버튼 클릭하면 로딩 컴포넌트 나오기 현재 문제상황위와 같은 화면에서 yes 를 누르면 그 상태로 멈춰버려서 사용자가 한 15번정도 누를 수 있는 시간이 나온다.그래서 yes 를 누르면 응답이 올 때까지 로딩을 줄거다!처음에는 uiKitten으로 loading 을 만들었는데, 확실이 rn 자체의 activityIndication 보다 예뻤는데 너무 기능도 없고 색도 못정해서 버릴려고 한다.그래서 다음과 같이만들어야한다.const useCategoriesQuery = userId => { return useQuery({ queryKey: [QUERY_KEY], queryFn: () => fetcher(userId), suspense: true, refetchInterval: 60000, refetchInterval.. 2024. 11. 13. [React Native] expo font 적용기 https://docs.expo.dev/develop/user-interface/fonts/ FontsLearn how to integrate custom fonts in your app using local files or Google Font packagesdocs.expo.dev 여기 참고해서 바꿨다.npx expo install expo-font 다운로드 받는다. 넣는다. const BOLD = 'Pretendard-Bold';const MEDIUM = 'Pretendard-Medium';const REGULAR = 'Pretendard-Regular';const fontStyles = { letterSpacing: 0, Heading: { H1: { B_130: { .. 2024. 11. 13. [React Native] 모듈 버그 제거하기 ios 관련으로 에러가 발생했다.에러의 내용은 다음과 같다.TypeError [ERR_INVALID_ARG_TYPE]: [ios.dangerous]: withIosDangerousBaseMod: The "paths[0]" argument must be of type string. Received undefined https://github.com/facebook/react-native/issues?q=is%3Aissue+%5BERR_INVALID_ARG_TYPE%5D GitHub - facebook/react-native: A framework for building native applications using ReactA framework for building native applications u.. 2024. 11. 1. [React Native] 짱짱한 시간 모듈 만들기 사실상 내가 맡은 시간은 캘린더 뷰와 거의 동일해서 앞서 만든 캘린더 뷰를 따라 만들기만 하면 된다.따봉이다^^b처음에는 ui kitten 에 timepicker 가 없길래 만들어봤다.claude 와 함께..근데 저 코드는 React Native 가 아니었고,,,RN 으로 바꾸니까 계속 문제가 발생한 것이다..그래서 그냥 라이브러리를 찾아야하나 고민했다.해결했다.https://github.com/react-native-datetimepicker/datetimepicker/tree/master GitHub - react-native-datetimepicker/datetimepicker: React Native date & time picker component for iOS, Android and Wind.. 2024. 10. 29. [FE] 구글 플레이스토어 배포기 문제. 일단 이런 문제들이 있는데 저 제일 빨간 친구부터 해결하고자 했다.일단 sentry 로 찾아봤을 떄 이런 화면이 보였다.정상적으로 로딩되었을 때는 다음과 같다.어째서인지 중간에서 멈춰버린 것 같은데 왜인지 모르겠다. 그래서 일단 환경을 맞춰보기로 했다.룰루루 팀장님은 일단 가장 비슷한 환경인 x86_64에서 에뮬레이터를 돌리려고 했고, 나는 빠르게 api에서 32여서 안되는 것인지 확인하고자 arm으로 돌려봤다.나는 잘 돌아갔다.개발 서버가 아니라 로컬 서버에서 돌리고 있는 상태라서 더 이상 진행은 안되었지만 일단 돌아가는 것을 확인했다. (테스트 화면에서는 켜지자 마자 꺼지는 문제가 있었다)그래서 설마.. x86_64에서 안돌아가는건가.. 에 대해서 고민하고 있다.. 이렇게 되면 너무 커지는데... 2024. 9. 2. [프론트] node.js, npm, 소마 멘토님의 프론트엔드 특강을 듣고 정리한 글입니다.사실 이해가 어려웠던 부분만 스리슬쩍 정리하고 다시 멘토님께 여쭙고자 만든 글입니다. npm 이 서버사이드렌더링을 보장하는가?일단 우리팀 프론트는 react native 라서 좀 다르다.npm run:android 를 했을 때 프로그램이 떠서 프로세스가 된다. -> 빌드 -> android app 형태로 만든다.metro -> 번들러 => 정리하면서도 뭔말인지 모르겠어서 팀원분에게 물어봐야겠다! 번들러는 여러개로 모듈화된 자바 스크립트 파일을 하나로 합치는 도구다. https://velog.io/@realsnoopso/%EB%B2%88%EB%93%A4%EB%9F%ACBundler%EB%9E%80 번들러(Bundler)란?어느날 회사에서 빌드 속도를 .. 2024. 7. 19. 이전 1 다음
