[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 추가
[RN] react-native UseEffect (()=> {},[]); 사용법
·
React Native
🐰: react-native를 사용하면서 정말 많이 사용한게 UseEffect 인거 같다.그래서 개념부터 꼼꼼히 알아두는게 좋을거 같다😎  UseEffect 란?사이드 이펙트(side effects)를 수행하기 위한 훅으로, 데이터 가져오기, 구독설정하기, 수동으로 React 컴포넌트의 DOM을 수정하는 작업 등을 수행할때 유용하다. 1. useEffect 기본 사용법useEffect(() => {    // Side effects를 수행하세요.        return () => {        // cleanup 로직이 필요한 경우 여기에 작성합니다.    };}, [/* 의존성 배열 */]); Side Effect 부분에 useEffect 동작 시 실행할 로직을 추가한다.그리고 의존성 배열 의 ..
[RN] react-native 댓글태그 지우기, Comments Tag remove, Back Space
·
React Native
🐰: 이미 기존에 구현되어있던 태그 취소 방법은태그 부분을 한번 더 눌러주면 태그가 삭제되는 방법이였다. 그런데 여기다 Back Space버튼으로도태그가 삭제되게 해달라는 요청을 받았다..🤪 퇴사한 사람의 코드를 이어서 하면서코드를 처음부터 하나씩 뜯어 보고 의도를 파악하는게아직 나에게는 너무 벅차다...🤣하지만...! 항상 방법은 찾으면 있다는거 ~ //키패드 버튼으로 태그 지우기const removeTag = (event) => {if (event.nativeEvent.key === 'Backspace' && comment === '') { onResetReply && onResetReply();}}; {((replyItem?.userName || editTarget..