React/React Native5 [React Native] react native splash screen - 스플래시 적용 귀찮아서 미루고 미루다가 결국 스플래시 페이지를 구현했다. 앱 끄고 킬 마다 유저 마지막 상태에 따라 처리해 줄 작업이 생겼는데, 빈 화면이나 및 페이지가 전환되는 모습, 더디게 실행되는 것 같은 모습 등에서 계속 '불쾌함'이 느껴졌기 때문. 참고로 모바일 양 플랫폼에서 스플래시 스크린에 대한 정의는 아래와 같다. 스플래시 스크린을 적용하는 핵심목적은 아래 밑줄들을 참고 iOS 앱을 시작할 때 보여주는 간단한 placeholder 이미지, placeholder 이미지는 앱이 구동되자마자 빠르게 노출될 수 있기 때문에 유저에게 앱이 빠르게 반응한다는 인상을 줍니다. 모든 앱은 반드시 런치 아이콘 또는 간단한 이미지를 보여줘야 합니다. Android 스플래시 스크린은 유저의 첫 번째 앱 사용 경험. 앱이 구.. 2022. 11. 21. [React Native] error - build failed. error: cannot find symbolclass ReaUiImplementationProvider extends UIImplementationProvider 간혹 또는 어느순간 모종의 이유로 잘만 되던 플젝이 빌드가 안 되는 경우가 있다. 에러 로그는 대체로 아래와 같은 데 ReanimatedUIManager.java:15: error: cannot find symbol class ReaUiImplementationProvider extends UIImplementationProvider { ^ symbol: class UIImplementationProvider 리셋 캐시를 하던 리빌드를 하던, 로그에서 해달라는 체크해 보라는 걸 다 해봐도 문제가 해결 되지 않았다. 정말 1~2일을 그냥 푹 쉬는 날이었어서 그 이후로 아~~~~~무것도 안 건드렸는데 갑자기 잘 되던 빌드가 안되서 개발을 못하고 있으니 슬슬 스트레스-스택이 쌓여갔다. 참고한 자료 중에 해결법.. 2022. 11. 8. [React Native] 리액트 네이티브 프로젝트 생성 삽질로그. 기존 프로젝트 외에도 새로 플젝을 생성할 일이 있어서, 타입스크립트 템플릿이 적용된 프로젝트를 생성하려고 공식 가이드를 참조했다. 하지만.. 아래와 같은 에러가 발생했다. 처음에는 지금 내 npx 버전이 낮아서 그런줄 알고 npx를 업그레이드 해봤으나, 이게 원인이 아니였다. 그래서 아래 링크를 참고해 알아보니, https://stackoverflow.com/questions/72768245/typeerror-cli-init-is-not-a-function-for-react-native TypeError: cli.init is not a function for react native While running npx react-native init appName in MacBook air M1 chip T.. 2022. 10. 28. [React Native] 컴포넌트 조건부 랜더링 props나 state 등 특정 변수와 삼항연산자를 사용해 조건에 맞는 컴포넌트를 간단히 랜더링을 할 수 있다. {isWished ? ( ) : ( )} 2022. 10. 27. [React Native] 사용자 정의 색상, 색상 중앙 관리, 컬러 하이라이트 프론트 작업을 하다보면 다양한 색상이 쓰이는 다양한 곳에 쓰이는 데, 매번 컴포먼트마다 아래처럼 컬러값을 입력해주면 이럴 땐 src/util/ src/util/config/ src/lib/styles/ 등 플젝 구조에 따라 적당한 곳에 아래처럼 colorPalette.js 파일을 만든다. (파일 이름은 아무렇게해도 상관없다) const palette = { app_main_color: '#B55D66', red_heavy: '#B55D66', white: '#FFFFFF', gray: '#8B8989', black: '#0F0B03', }; export default palette; 참고로 vscode extension으로 Color Highlight를 설치해주면 아래처럼 더 편하게 색상을 볼 수 있다... 2022. 10. 17. 이전 1 다음
