반응형 개발로그95 RN) ios 시뮬레이터 다크모드/라이트모드 바꾸기 밝은색 배경에 어두운 글씨를 기본적으로는 라이트모드라고 합니다. 그 반대의 경우가 다크모드죠. 다크 모드를 적용해야 하는 이유는 다음과 같이 다양합니다. 저시력자를 위한 접근성 향상 어두운 환경에 적합 (취침 전 휴대폰 탐색 등) 취향 (Private, Premium 감성) 배터리 절감 (OLED + 검정배경일 때) 컨텐츠 집중 (넷플릭스 등) Ios의 시뮬레이터에서는 단축키로 shift + command + a Android는 Setting- display 에서 dark theme 클릭 입니다^^ 이미지 출처: https://tech.socarcorp.kr/img/dark-mode-01/2_18.png 2022. 7. 27. RN) open palette https://flatuicolors.com/palette/defo Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨 280 handpicked colors ready for COPY & PASTE flatuicolors.com 컬러코드를 간편하게 추출해주는 무료 사이트 2022. 7. 26. RN) what kind if debugger Tools are you using? https://fbflipper.com/docs/features/react-native/ 2022. 7. 26. RN) 리엑트 네비게이션(6.x) 설치 후 에러발생 대응하기 아래 최소 요구사항을 꼭 확인한 후 계속 읽자. React Navigation Minimum requirements react-native >= 0.63.0 expo >= 41 (if you use Expo) typescript >= 4.1.0 (if you use TypeScript) 필자는 Node.js v18.2.0. react-native : 0.68.2 react : 17.0.2 expo: 45.0.0 리엑트에서 가장 많이 사용되고, 강력한 도구로 React Navigation 을 사용해봤다. 만약 최초로 설치 후 에러가 난다면 아래와 같이 대응하면 되겠다. # 설치 npm install @react-navigation/native //또는 yarn add @react-navigation/na.. 2022. 7. 25. RN 개발연습 - 프로필 페이지 레이아웃. 몇 번을 시작했다 포기하기를 헤아릴 수가 없다. 모바일 앱을 처음 사용하기 시작한 그 날부터 였을 것 같다. '나도 앱을 만들어야지' 막연한 바램으로 시작해서인지 네이티브 언어는 러닝커브가 너무 높았는지 모르겠다. 취미로 개발한다는 ㄴㄴ들을 보며 좌절도 수없이.. 결국 끈질기게 매달려서 올해는 빌드 하나 나올 수 있을 것 같은 자각이 싹트고 있다. 이런걸 '희망'이라고 하나 ..ㅋㅋ 사실 예전에 네이티브 언어로 할 때는 '희망'이 없고 , 그냥 무작정 해보는 정도였다. 될 거라고 생각되지도 않았다. 그래서인지 되지 않았다. 아무것도 ㅎ 이번에 ReactNative 라는 것을 접하고 다시 도전하고있다 나만의 앱 만들기를. 주변에 어떤 천재들이 날뛰던, 기죽지 않고, 꿎꿎하게 만들어봐야지. 죽기전에 눈을 못.. 2022. 7. 12. CRNA first build faild log. ...scripts\autolinking.gradle' as it does not exist. 발생했다면. create react native app 의 장점과 expo 장점을 합친 툴이 있다고 해서 테스트겸 빌드를 해봤다. 가이드에는 분명 실행할 게 이거밖에 없다 했는데.... $ npm i -g create-react-native-app $ create-react-native-app my-project $ cd my-project $ npm start 나는 왜 첫 빌드부터 BUILD FAIL 인 거신가...ㅠㅠ 생각해보니, expo 관련 라이브러리는 설치해본 적이 없어서 'autolinking을 위한 expo 라이브러리가 나만 없나?' 라는 생각이 들었다. 그래서 아래 모듈을 설치했고, 아름다운 빌드 성공 화면을 보았다. https://www.npmjs.com/package/expo-modules-auto.. 2022. 7. 11. react-native-vector-icons 설치 후 , 아이콘이 엑박으로 보이는 경우 관련글 2023.02.16 - [개발로그/ReactNative] - react-native 에서 아이콘 표시하는 두가지 방법 필자의 개발환경을 참고하시고, 읽어주세요. 혹시 도움이 되었다면 간단한 덧글이라도 ...홍홍~ 궁금해요. # 1. 개발환경 react-native 버전은 0.69.1 react-native-vector-icons 버전은 9.2.0 android 플랫폼으로 빌드 예정 react-native@0.69.1 react-native-vector-icons@9.2.0 # 2. 설치 명령어 npm install npm i react-native-vector-icons # 2-1. 참고. 설치할 때 , react-native 서버와 android 에뮬레이터를 끄고 하는걸 추천. 만약 필자처럼 엑.. 2022. 6. 29. 이전 1 ··· 9 10 11 12 다음 반응형
