https://github.com/beaniejoy/bucket-list-react-native-test

📋 practice React-Native (test code) / React-Native 연습용 코드입니다.
https://github.com/beaniejoy/bucket-list-react-native-test

Last synced: 1 day ago
JSON representation

📋 practice React-Native (test code) / React-Native 연습용 코드입니다.

• Host: GitHub
• URL: https://github.com/beaniejoy/bucket-list-react-native-test
• Owner: beaniejoy
• Created: 2020-07-17T05:29:05.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T23:00:19.000Z (almost 2 years ago)
• Last Synced: 2023-03-05T19:17:38.993Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 1.22 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📋 bucket-list-react-native-test

> react-native 연습용 과제입니다.




```

App.js

├── BucketInput.js  ── [Create] New Bucket

└── BucketList.js   ── List Up All Buckets

    └── Bucket.js

        ├── 1. (Done or Not yet) Toggle function 

        ├── 2. Bucket content

        └── 3.[Update or Delete] Bucket function 

```

### Install React-Native 

```cmd

npm install -g react-native-cli

npm install -g expo-cli

```

### Create Project

```cmd

expo init [project_name]

```

### Update Package & Dependencies

```cmd

npm install

```

### Run Project

```cmd

expo start

```




## Reference

디자인 뼈대는 블로그에서 참고했습니다.  

Component간 연결과 로직은 수업시간 내용을 참고해 해당 프로젝트에 맞게 변형, 구성하였습니다. 

- [기본적인 디자인 뼈대](https://busy.org/@anpigon/react-native-todo-1-1543931900794/amp)

- [Reference Code](https://github.com/hanbinleejoy/bucket-list-react-native-test/tree/master/ref-components)