본문 바로가기

react-native12

code": -1022, "description": "The resource could not be loaded because the App Transport Security policy requires the use of a secure connection." info.plist에 NSAllowsArbitraryLoads를 허용 해주면 된다. info.plist 파일 NSAllowsArbitraryLoads 또는 ios 프로젝트를 열어서 프로젝트 info.plist 항목에 Allow Arbitary Loads 추가해주고 값을 true로 변경 해주면 된다. 2021. 5. 27.
에러 : Module not found: Can't resolve 'styled-components' 문제 : 현재 react-native 6.3 이상 버전과 styled-components 5.3.0 이상 버전의 충돌로 인한 현상 특히 나는 typescript를 같이 사용해서 @types/styled-components에서 에러가 더많이 발생한다... 해결방법 : 1. react-native 나 styled-components를 다운그레이 한다. 나는 styled-components만 5.1.0으로 사용 했다 2. npm install 아닌 yarn add 사용해서 설치한다. 물론 1, 2를 절차를 하기 전에 모듈과 의존성을 다삭제한 후에 설치해야 한다.(package.json, package.lock 등등) 2021. 5. 26.
SVG 파일 사용하기 만약 잘사용하다가 아래 같은 이미지 에러가 생긴다면 svg 파일을 아이콘으로 사용하려고 import 하다가 발생한 에러다. 문자열로 줘야지 왜 숫자로 주냐라고 해당 컴포넌트를 확인해보라고 말하는데 나는 영어를 잘해서 좀더 상세히 알고 싶다면 아래 링크를 클릭해서 살펴보면 된다. https://github.com/kristerkari/react-native-svg-transformer GitHub - kristerkari/react-native-svg-transformer: Import SVG files in your React Native project the same way that you would in Import SVG files in your React Native project the same.. 2021. 5. 17.
TDD 개발 환경 설정 인프런을 강의를 참고 하고 실습 했는데 나름 유료결제 인데 강의가 오랜된것인지, 아니면 강사님의 성의 부족인지 detox 자체가 아예 안되는 것이다. 공식 홈페이지를 보니 방법도 많이 다르고 (보통은 주기적으로 강의를 업데이트를 하지 않나?) 그래서 최근에 내가 삽질하면서 성공한 사례를 정리 해보려고 한다. 그리고 npm 보다는 yarn 사용하려고 한다. 장점은 속도, 의존성 중복 해결 등등 자세한것은 구글링으로 찾아보도록 ~ 1. jest설치 만약 npx react-native init "프로젝트 명" 명령으로 설치 했다면 기본적으로 설치 했기 때문에 jest를 따로 설치 해줄 필요 없다. 그러나 버전이 다르거나, package.json에 jest 가 설치 되어 있지 않다면 yarn add jest 명.. 2021. 5. 6.