[RN] react-native tab navigation 스크린 이동 새로고침
·
React Native
🐰: tab2에서 하위 네비게이션으로 페이지를 이동했다가tab3를 갔다가 tab2를 왔을때 tab2의 하위페이지가 아닌 메인페이로 새로고침이 되길 원했다 !방법은 아주 간단했다 !  options={{ unmountOnBlur: true }}  추가 unmountOnBlur: true옵션이 추가된 탭은 새로고침이 발생한다.
[RN] react-native navigation params 사용하기
·
React Native
🐰: RN은 알다가도 모르겠고,모르겠다가도 알거같은..... navigation을 아직 완전히 이해하지는 못했지만오늘 새롭게 사용한 함수를 잊기 전에 기록해두러 왔다 !  Params란?화면을 구성할 때 함께 전달되는 매개변수(parameters)를 의미한다.  Params 사용하기params를 사용하기 위해서는 두 가지 과정이 있어야 한다. 1. navigation.navigate() 함수의 두 번째 변수로 params를 전달해야 한다.navigation.navigate('RouteName', { /* params go here */ })params는 JSON직렬화가 가능한 형태를 추천한다.(보통 객체 형태로 전달한다.) 2. Screen의 구성요소에서 params를 읽어야 한다.function Sc..
[App 개발] Chat App publishing - 10월 15일 업데이트
·
Project01 [Chat App]
🐰: 잔머리 굴려서 유투브 동영상으로 쉽게 프로젝트 한개 만들어 보려다 수 많은 실패를 맛보고..처음부터 다시 시작하기를 4번째.. 과감히 유투브를 버리고 혼자 기획부터 다시 시작했다! 두둥~ 드디어 퍼블리싱 완성 ㅎㅎ 회사 프로젝트로 RN사용하면서 이제 쫌 하네~ 생각했는데진짜 오만함의 끝이었닼ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 모든게 새로웠던... 후여기에다가는 퍼블리싱 하면서 잊지 않기 위해 기록해두고 싶은 내용들로 채우기 위한 게시글! 이제부터 진짜 작업인 백엔드가 남았지만......포기하지 말고 해보자!!!!!!!!!  [2024.08.23] 퍼블리싱 완성 [2024.09.10] 채팅방 퍼블리싱 완성  [2024.10.15] 회원가입완료[구현기능]- 이메일 형식 검수- 기존 회원과 이메일 비교- 비밀번호 ..
[RN] reanimated failed to create a worklet react native.. error
·
React Native
🐰: 개인프로젝트를 RN으로 바꾸면서회사 프로젝트 하면서 사용해봐서 이제 쫌 하네라는 오만한 생각을 해버린 내자신..이 제일 큰 에러다...후🔨 라이브러리랑 패키지를 추가 할때마다 발생하는 에러들...🙀잊지 않기 위해 기록..  발생 상황react-native-reanimated 패키지를 추가하면서 발생 발생 원인babel.config.js에 reanimate 플러그인을 추가해주지 않아서 발생 해결 방안babel.config.js에 'react-native-reanimated' plugins 추가
[App 개발] 채팅앱 개발일지
·
Project01 [Chat App]
🐰: 채팅앱을 개발하기 위한 기획부터진행하고 있다!기획이 전공인데도 아직도 기획은 토나온다..이 게시글은 기획이 추가될때 마다 업데이트를 하기로!  TOOL : FIGMA  2024.07.16혼자서 기획, 디자인, 개발까지 하려니까 공부할게 한두개가 아니다,,!채팅기능을 구현해보려는거 만으로도 차지만..이렇게 시작한거 끝까지 해봐야지 ! 프론트엔드: Next.js, Typescript, socket.io 백엔드: MongoDB  2024.08.16정확하게 한달만에 중간 점검을 해보았는데.. 내가 너무 쉬운 방법을 택했다가 오히려 돌아가는 기분이 들었다.나는 유투브에 올라온 과정에 맞춰 언어를 선택했고, tool을 선택했다.그러다 보니까 동영상 업로드가 끊기면 나의 개발도 거기서 끊기길 4번을 반복하고 ..
[RN] react-native UseEffect (()=> {},[]); 사용법
·
React Native
🐰: react-native를 사용하면서 정말 많이 사용한게 UseEffect 인거 같다.그래서 개념부터 꼼꼼히 알아두는게 좋을거 같다😎  UseEffect 란?사이드 이펙트(side effects)를 수행하기 위한 훅으로, 데이터 가져오기, 구독설정하기, 수동으로 React 컴포넌트의 DOM을 수정하는 작업 등을 수행할때 유용하다. 1. useEffect 기본 사용법useEffect(() => {    // Side effects를 수행하세요.        return () => {        // cleanup 로직이 필요한 경우 여기에 작성합니다.    };}, [/* 의존성 배열 */]); Side Effect 부분에 useEffect 동작 시 실행할 로직을 추가한다.그리고 의존성 배열 의 ..