안녕하세요~ 델라입니다🖐 이번에 이지스퍼블리싱에서 모집한 서평단에 당첨되어 서평을 작성하게 되었습니다! 먼저 제가 서평단에 신청하게 된 계기로는 이번 부트캠프 활동이었는데요. 주특기 언어로 React Native를 선정한 이후 각종 프로젝트 경험을 통해 RN 관련 지식과 경험을 쌓아 나갔고 더욱 RN을 잘 사용하고 싶다는 욕심이 생기게 되었습니다. 특히 개발을 하면서 가장 어려웠던 부분은 Redux나 Hook에 관한 내용이었고 이 부분은 좀 더 정석적인 지식을 쌓는 것이 필요하다고 느꼈습니다. 또 각종 협력사들의 발표나 채용공고를 둘러보면 요즘은 거의 기본적으로 타입스크립트를 사용하는 추세라 타입스크립트 개발 경험을 중요하게 보는 곳이 많기도 했고, 실제로 개발 효율을 높이기 위해 이번에 참여중인 프로젝..
에러 내용fontFamily "Helvetica" is not a system font and has not been loaded through Font.loadAsync. - If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system. - If this is a custom font, be sure to load it with Font.loadAsync. 해결 과정클론 코딩을 하는 과정에서 해당 에러를 마주했지만 너무 바쁘게 달리고 있던 한 주였기 때문에언제 누가 어떤 코드를 작성한 이후에 생긴 에러인지 찾기가 어려웠다.에..
** 아직 정리중인 게시글 공식문서 - 자주 쓰는 prop만 발췌 navigate - go to another screen, figures out the action it needs to take to do i goBack - close active screen and move back in the stack reset - wipe the navigator state and replace it with a new route setParams - make changes to route's params addListener - subscribe to updates to events from the navigators 공식문서 - 네비게이터 종류에 따른 종속 기능 (navigate, goBack의 대안) # ..
react-native-status-bar-height 라이브러리 설치 yarn add react-native-status-bar-height 디바이스마다 상이한 status-bar의 높이에 맞게 marginTop 값을 주어 Status-Bar에 가려지는 부분을 없앨 때 유용하게 사용할 수 있다! import import { getStatusBarHeight } from 'react-native-status-bar-height'; use marginTop: getStatusBarHeight()
원인createStackNavigator 를 import 할 때 중괄호를 제거했더니 발생한 에러해결방법// 에러 코드import createStackNavigator from '@react-navigation/stack';// 수정 코드import { createStackNavigator } from '@react-navigation/stack';
Navigation 관련 라이브러리 React-Navigation 기본 라이브러리 설치 yarn add @react-navigation/native 👇👇👇 React-Navigation 공식 문서 👇👇👇 React Navigation | React Navigation Routing and navigation for your React Native apps reactnavigation.org StackNavigation을 위한 React-Native 추가 라이브러리 설치 expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-c..
Node.js 설치 최신 버전이 아닌 12 버전으로 설치! -> 아직 최신 버전은 Expo에서 오류가 많다. NPM 설치 (LTS 버전 설치) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 로컬 폴더 생성 및 VSCode 실행 - 터미널 실행 Yarn 설치 // 컴퓨터 전역적으로 yarn 설치 npm install -g yarn // yarn 설치 버전 확인 yarn -v Expo 명령어 도구 설치 // 컴퓨터 전역적으로 expo-cli 패키지 설치 npm install -g expo-cli Expo 가입 Expo — Sign up Create an account for Expo here..