반응형 개발로그/ReactNative47 비어있는 기본 프로젝트를 생성해보자. create-react-native-app 비어있는 기본 프로젝트 생성 npx create-react-native-app 중간에 프로젝트 이름을 물어보는데, 나는 netflvies 라고 정했다. 그리고 비어있는 템플릿을 선택하면 프로젝트 생성이 완료된다. 리엑트 네이티브 프로젝트 실행 방법 1 npm run ios package.json 파일을 열어보면 "scripts" 가 있는데, web으로 실행하고 싶다면 npm run web , 안드로이드를 실행하고 싶다면 npm run android 를 하면 된다. 리엑트 네이티브 프로젝트 실행 방법 2 npm start React Native 서버인 Metro 서버만 독립적으로 실행한다. 터미널을 하나 더 연다. (나는 zsh 이지만 어떤것이든 상관없음) 새로 열어둔 커맨드창에 npm run ios (또.. 2022. 12. 28. [React Native] nvm 으로 default node version 설정하기 PhaseScriptExecution error (in target 'FBReactNativeSpec' from project 'Pods') 오랜만에 다시 ios 로 빌드해보려는데 에러가 발생했다. 에러를 자세히 보니 다른건 하나도 모르겠고 version "default -> N/A" is not yet installed. 라는 문구가 눈에 띄었다. 입력하라는대로 nvm install defualt 를 해봤는데, defualt 값이 없어서 안된다고 다시 에러가 뙇! 그래서 nvm ls를 입력해봤다. nvm ls node 도 버전이 n/a (없음) 으로 되어있네.. (node version check) node -v (사용할 node 지정) node use {버전명} (버전을 지정하여 node 설치 ) n.. 2022. 9. 15. 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. 이전 1 ··· 3 4 5 6 다음 반응형
