React Native에 기반한 간단한 Todo App 입니다.

해당 프로젝트의 트리 구조입니다.

todoRN
├─ assets
│  ├─ checkbox-checked.svg
│  ├─ checkbox-unchecked.svg
│  ├─ delete.svg
│  ├─ list.svg
│  ├─ logout.svg
├─ components
│  ├─ InputForm.js
│  └─ TodoItem.js
├─ package-lock.json
├─ package.json
├─ README.md
├─ redux
│  ├─ slices
│  │  └─ todoSlice.js
│  └─ store.js
└─ screens
   ├─ LoginScreen.js
   └─ MainScreen.js

core components를 익히기 위함이 목적인 프로젝트 명목 상, styleSheet에 기반한 기본적인 styling만 진행됩니다.

• App 컴포넌트 하위에 MainScreen이 배치됩니다.
• TodoItem 과 InputForm은 자주 사용되는 컴포넌트이므로 components 폴더에서 관리합니다.
• 상태 관리는 Redux를 활용합니다.

• react navigation으로 페이지 간 라우팅을 수행합니다.
• Firebase auth 를 활용하여 회원가입/로그인 로직을 구현합니다.

이 프로젝트는 expo를 통해 React Native 환경을 구성합니다. 따라서 아래 CLI 명령어로 프로젝트 폴더를 생성합니다.

npx create-expo-app 'project_name'

아래 명령어로 리액트 앱을 구동합니다.

npm start

React Native 개발 log 를 남기는 URL입니다.

Redux Toolkit 활용 log : Redux를 활용하여 state를 관리하는 것에 대한 log를 남기는 URL입니다.