React Native에서 Fetch 기능이 잘 작동하는지 확인하기 위한 실습 과정이다. 이후 [ToDo 백업 서버 구현 REST API R.E.G (to do list APP)](https://dori2005.notion.site/ToDo-1f8ee7e97dff41f2bcf61d1d6955defb)로 넘어간다.

간단한 ToDoList 앱을 통해 실습 진행

우선 동작 확인을 위해 미리 작성해둔 ToDoList 앱을 이용해 테스트 해보도록 하자.

현재 앱에서 저장하던 데이터의 구조는 아래와 같다. ID는 DB 수정 편의를 위해 추가하였다.

• ToDo 데이터 구조

  <aside> 💡 {"1700812423647": {"complete": false, "text": "목표1", "working": true}, "1700812432235": {"complete": false, "text": "목표2", "working": true}}

  </aside>

  • 코드

위 구조의 DB를 생성한다.

아래는 다음과 같은 사전 DB 세팅 이후의 동작이다. ⇒ (블록 링크)

dori>mysql -u root -p
mysql> use node_db;

mysql> CREATE TABLE TODO(
    -> time VARCHAR(15) CHARACTER SET UTF8 NOT NULL,
    -> text VARCHAR(50) CHARACTER SET UTF8 NOT NULL,
    -> work BOOL,
    -> complete BOOL);
Query OK, 0 rows affected, 2 warnings (0.02 sec)

• Express 및 node 세팅 (git)

• JS fetch 테스트 (잘나옴)

• ToDoTutorial 앱에 삽입

동작 코드

해당 페이지는 Fetch 사용 튜토리얼로써 기록하고,

ToDo List App에 더욱 다양한 기능 구현은 아래 페이지에서 작성한다.

[ToDo 백업 서버 구현 REST API R.E.G (to do list APP)](https://dori2005.notion.site/ToDo-1f8ee7e97dff41f2bcf61d1d6955defb)