본문 바로가기

React_ReactNative

Study 첫 시작

728x90
반응형

아니 이렇게 쉬운 방법이...

 

Expo Cli 라는 걸 활용해서 아래와 같이 실행하면 내 폰에 바로 테스트 앱이 실행 됨 

심지어 코드 수정하면 바로 반영 됨.... 여태 몰랐네 이걸

npx create-expo-app first-my-app
cd first-my-app
npx expo start

서버 실행 중에 r 누르면 reload

expo vector icon 에서 다양한 아이콘 찾을 수 있음 

https://icons.expo.fyi/

 

@expo/vector-icons directory

 

icons.expo.fyi

safe area 관련

https://www.npmjs.com/package/react-native-safe-area-context

 

react-native-safe-area-context

A flexible way to handle safe area, also works on Android and web.. Latest version: 4.5.3, last published: 21 days ago. Start using react-native-safe-area-context in your project by running `npm i react-native-safe-area-context`. There are 1038 other proje

www.npmjs.com

 

Day 라이브러리

https://www.npmjs.com/package/dayjs

 

dayjs

2KB immutable date time library alternative to Moment.js with the same modern API . Latest version: 1.11.8, last published: 4 days ago. Start using dayjs in your project by running `npm i dayjs`. There are 11879 other projects in the npm registry using day

www.npmjs.com

 

date picker 라이브러리

https://github.com/mmazzarolo/react-native-modal-datetime-picker

 

GitHub - mmazzarolo/react-native-modal-datetime-picker: A React-Native datetime-picker for Android and iOS

A React-Native datetime-picker for Android and iOS - GitHub - mmazzarolo/react-native-modal-datetime-picker: A React-Native datetime-picker for Android and iOS

github.com

styled component 사용

https://styled-components.com/docs/basics

 

styled-components: Basics

Get Started with styled-components basics.

styled-components.com

 

모듈 비교하며 관리 하기

npm intall --save patch-package

728x90
반응형

'React_ReactNative' 카테고리의 다른 글

React Native 시뮬레이터 reload  (0) 2024.03.15
Windows React Native 환경 셋팅  (0) 2023.11.10
React 성능 개선 하기  (0) 2023.11.10
TypeScript Project 준비  (1) 2023.06.09