[RN] react-native 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: number.' 에러잡기
·
React Native
결국 코드 한줄씩 주석처리 해보면서 svg파일이 문제인걸 찾았다.또 하루종일 svg와 관련된 파일들만 설치하고 난리부르스......ㅋㅋ 발생원인react-native 버전이 업그레이드 되고나서 발생하는 에러이다.나의버전: "react-native": "0.75.2" 해결방법 ts-jest 라이브러리 사용 1. ts-jest 라이브러리 설치npm install --save-dev ts-jest# oryarn add --dev ts-jest 2. jest.config.js 파일 수정module.exports = { preset: 'ts-jest', testEnvironment: 'node', transform: { '^.+\\.tsx?$': 'ts-jest', '^.+\\.svg$': 'je..
[RN] react-native tab navigation 스크린 이동 새로고침
·
React Native
options={{ unmountOnBlur: true }} 추가 unmountOnBlur: true옵션이 추가된 탭은 새로고침이 발생한다.
[RN] react-native navigation params 사용하기
·
React Native
Params란?화면을 구성할 때 함께 전달되는 매개변수(parameters)를 의미한다. Params 사용하기params를 사용하기 위해서는 두 가지 과정이 있어야 한다. 1. navigation.navigate() 함수의 두 번째 변수로 params를 전달해야 한다.navigation.navigate('RouteName', { /* params go here */ })params는 JSON직렬화가 가능한 형태를 추천한다.(보통 객체 형태로 전달한다.) 2. Screen의 구성요소에서 params를 읽어야 한다.function ScreenName({ route }) { /* route.params 으로 사용할 수 있다. */} Params 함수1. setParams()현재 화면의 매개변수를 동적으..
[App 개발] Chat App publishing - 10월 15일 업데이트
·
Project01 [Chat App]
잔머리 굴려서 유투브 동영상으로 쉽게 프로젝트 한개 만들어 보려다 수 많은 실패를 맛보고..처음부터 다시 시작하기를 4번째.. 과감히 유투브를 버리고 혼자 기획부터 다시 시작했다. 드디어 퍼블리싱을 완성했다. 회사 프로젝트로 RN사용하면서 이제 쫌 하네~ 생각했는데 오만함의 끝이었다.여기에다가는 퍼블리싱 하면서 잊지 않기 위해 기록해두고 싶은 내용들로 채우기 위한 기록이다. [2024.08.23] 퍼블리싱 완성 [2024.09.10] 채팅방 퍼블리싱 완성 [2024.10.15] 회원가입완료[구현기능]- 이메일 형식 검수- 기존 회원과 이메일 비교- 비밀번호 설정 검수- 비밀번호 확인- 모든 항목 미입력시 toast팝업 출력 이렇게 firebase에 데이터가 삽입되는것 확인완료⭐️
[RN] reanimated failed to create a worklet react native.. error
·
React Native
발생 상황react-native-reanimated 패키지를 추가하면서 발생 발생 원인babel.config.js에 reanimate 플러그인을 추가해주지 않아서 발생 해결 방안babel.config.js에 'react-native-reanimated' plugins 추가
[App 개발] Next.js
·
Project01 [Chat App]
채팅앱을 개발하면서는 기초를 탄탄히 하는것을 목표로 했기에내가 사용하는 프레임워크와 언어에 대해 확실히 이해하고 넘어가는 것을 목표로 하였다.그래서 Next.js에 대해서 공부한 것을 정리해보고자 한다. Next.js 공식 사이트https://nextjs.org/ Next.js by Vercel - The React FrameworkNext.js by Vercel is the full-stack React framework for the web.nextjs.org Next.js란?리액트를 위해 만든 오픈소스 자바스크립트 웹 프레임워크로, 리액트에는 없는 서버 사이드 렌더링(server-side renderings(SSR)), 정적 사이트 생성(static site generation(SSG)), 중분..