Projects/투두리스트 앱 7

[투두] ③ react-native-calendars 사용해서 간단한 캘린더 만들기

리액트 네이티브 라이브러리 사용해서 캘린더 만들기 리액트 네이티브로 캘린더 구현한 것들을 서치한 결과 캘린더를 만드는 방법은 다음 세 가지가 있다. 1) react-native-calendars 등의 라이브러리 이용 아래 사이트에서 유명한 캘린더 라이브러리들을 확인할 수 있다. 🔗 https://openbase.com/categories/js/best-react-native-calendar-libraries 10 Best React Native Calendar Libraries in 2021 | Openbase A comparison of the 10 Best React Native Calendar Libraries in 2021: react-native-event-calendar-customized, ..

[투두] ② 리액트 네이티브 탭 네비게이션 구현하기

리액트 네이티브 탭 네비게이션 구현하기 1. 필요한 라이브러리 설치하기 1) cmd에서 실습하고 있는 디렉토리로 이동한다. cd 디렉토리 경로 2) 네비게이션 사용을 위한 리액트 네비게이션 라이브러리를 설치한다. npm install --save @react-navigation/native 리액트 네비게이션은 각 기능별로 모듈이 분리되어 있어, 이후에도 사용하는 네비게이션의 종류에 따라 개별적으로 추가 라이브러리를 설치해냐 한다. 아래는 대부분의 네비게이션에서 반드시 필요한 종속성을 설치하기 위한 코드이다. expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-c..

[투두] ① github에서 소스코드 다운받아서(pull) React Native app 실행하기

github에서 소스코드 다운받아서(pull) React Native app 실행하기 1. git pull이나 git clone 혹은 아예 깃헙 레포에서 download zip을 해서 소스코드를 내 컴퓨터로 다운 받는다. 특정 브랜치의 코드만 다운받으려면 git clone -b 2. cmd에서 해당 폴더가 있는 디렉토리로 이동한다. cd 폴더 경로 3. package.json 파일을 확인해서 script가 잘 써있는지 확인한다. 4. package-lock.json이나 yarn.lock 등 lock 파일들이 있을 경우 폴더에서 모두 지운다. 이 과정을 하지 않아 계속 npm start를 하는데 오류가 발생했던 것이었다... 5. npm을 설치한다. npm install 6. npm을 실행한다. npm s..

반응형