kasumil의 코딩 공작소

[Justand] 전역상태관리

완전 쓸데없이 복잡한 redux같은 것에 비해서 완전 쉬운 상태관리 기술.recoil이랑 같은데? import {LatLng} from 'react-native-maps';import {create} from 'zustand';interface LocationState { moveLocation: LatLng | null; setMoveLocation: (location: string) => void;}const useLoactionStroe = create(set => ({ moveLocation: null, setMoveLocation: (moveLocation: LatLng) => { set({moveLocation}); },}));export default useLoactionStr..

[RN] 네비게이션 라우팅 drawer에서 stack 네비게이터로 이동하는 방법.

const navigation = useNavigation(); const handlePressModal = () => { navigation.navigate([드로워에 있는 stack네비게이터 카테고리 페이지], { screen: [스택 네비게이터에 있는 이동할 페이지], params: {id: post.id}, // 넘길 데이터 initial: false, // 뒤로가기시 stack 내부에서 이동하는 것 설정. // 이걸 이용하면, 뒤로가기시 접속 페이지가 아닌 카테고리 첫번째 페이지로 이동함. }); };  이동할때 네비게이터 종류가 달라서 헤매는 내용인데, 이걸 이용하면 쉽게 . 할수 있다.모두들 화이팅~

가민 퀵핏 스틱(스프링바) 분리하기.

https://youtu.be/8KNPQpFaN04?si=-YzUnxqsmYMjBPvH 가민의 에픽스 프로gen2를 사용중입니다.그런데, 스트랩이 불편해서 교체하려고 하는데, 스틱이 안빠지네요 발단은 알리에서 퀵핏용을 샀어야 하는데, 스프링바 교체용으로 스트랩을 잘못사서 애물단지로 있다가 찾아보니 나왔네요 ㅎㅎ 이전 세대 제품은 스트링바(스틱)이 빼기가 쉬운데, 퀵핏 버전부터 아예 해당 부분을 뺄 필요가 없어 빼는 구멍이 없습니다.물때제거나 시계 청소시 불편해서 찾아보았네요 ㅎㅎ 내용요약을 하면,1. 빼낼 스틱부분 아래에 스트랩(체결반대방향)을 밀어넣습니다.2. 그러면 스틱의 양쪽 중 한단계 더 작은 봉이 잘 보이는 곳이 하나 나옵니다.3. 그부분을 커터칼로 아래로 당겨줍니다.4. 스트랩이 스틱을 밀어내..

[RN] 환경변수 설정하기 .env 설정하기.

.env에 접근하는 방법은 process.env.REACT_APP_DOMAIN은 리액트의 경우였다. RN의 경우 좀 까다롭다.ios, android 둘다 설정해줘야하기때문에..https://www.npmjs.com/package/react-native-config react-native-configExpose config variables to React Native apps. Latest version: 1.5.3, last published: 6 months ago. Start using react-native-config in your project by running `npm i react-native-config`. There are 221 other projects in the npm regi..

Infinite Red의 Reactotron을 사용하세요! 타임라인에서 네트워크 요청과 응답을 살펴볼 수 있습니다. 이 기능은 매우 유용하기 때문에 향후 릴리스에서 전용 네트워크 탭을 만드는 것을 논의 중입니다.오랜만에 RN을 개발하는 도중에, FLIPPER가 버려졌다는 것을 알게되었다.뭐 어쩌겠어 그냥 개발해야지...그런데, 네트워크 통신을 감청(엿보는 것)이 필요한데, 해당 작업이 안되더라...찾아보니 해당 내용에 대한 글이 있어 읽어보았다. 난 써보니 리액트론을 추천한다.인피니트의 경우 업체가 컨택해서 쓰는 방식인듯 싶은데, 인피니트를 기반으로 리액트로인 만들어진 것 같기도 하고.. 설치방법https://docs.infinite.red/reactotron/quick-start/react-native..

별 내용은 없습니다. 중간정산이랄까? RN으로 어플만드는 작업중인데, 빠르게 안되서 좀 짜증나긴 합니다.일단 모두 만들고 어플 2개정도 더 만들려고 합니다. webRTC, chatting 앱정도요. 추후 ai로 더욱 더 빠르게 만드는 작업을 진행하려고 합니다.

다른 설정 다했는데, 지도가 렌더링이 되지 않는다.정확히는 블랭크...신기하게도 ios는 되네? provider 속성을 제거하니 안되더라.왜지? 버근가? 그랬는데, 그냥 설정문제였다. 나와 동일한 문제를 갖는 사람이 많아서 뭐지했는데,읽어보니 해당 api키에 권한부여를 안해서 그렇다.https://stackoverflow.com/questions/67713881/react-native-mapview-not-showing-on-ios-standalone-build React Native MapView not showing on iOS standalone buildI am using MapView from react-native-maps. I've gone ahead and built standalone a..