[RN] react-native simulator 'Hide Inspector'
·
React Native
🐰: 또 또 잘되던 시뮬레이터가 어떤 단축키를 잘못 누른건지도 모르게이런 'Nothing is inspected'라는 문구가 뜨며 여러 탭들이 생겼다.개발할때 도움이 될 기능임은 확인했지만 왜 사라지질 않니....... 역시나 구글링으로 깔끔히 해결!  iOS Simulator⌘+d 또는^+⌘+z 클릭 후 Toggle Element InspectorAndroid Emulator⌘+m 클릭 후 Toggle Element Inspector  참고 사이트https://stackoverflow.com/questions/76988889/react-native-on-ios-catalyst-how-do-i-remove-inspect React Native on iOS/Catalyst - How do I remove..
[RN] react-native button으로 sort 정렬하기
·
React Native
🐰: 개인프로젝트를 열심히 하는중에도착한 기획팀의 요청~! "데이터를 불러오는데 너무 오래 걸리니까화면 분기와 데이터 오름차순, 내림차순 정렬기능 추가해주세요!" 당연히 Yes~! 이제는 두려움 보다는어떻게 해결해낼지에 대한 기대감이 느껴지기 시작했다🤩 완성된 화면 먼저 공개 두둥-!1. Btn1을 누르면 해당하는 열이 오름차순 정렬 -> 내림차순 정렬 -> 디폴트 정렬2. Btn1을 눌러서 오름차순 정렬해놨다가 Btn2를 누르면 Btn2를 기준으로 오름차순 정렬 이제 코드로 알아보자~!  테이블 헤더 및 화살표 이미지 상태저장 const [selectedHeader, setSelectedHeader] = useState(null); const [arrowState, setArrowState] =..
[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번을 반복하고 ..