탭탭카드놀이) 로직구상

디렉토리구조

로직

로직을 눈으로 보기 쉽게 그렸음

굵은글씨는 App.js와 네비게이터들,

회색글씨는 스크린,

보라색글씨는 컴포넌트

현재까지 총 Navigator는 2개 Screen은 2개 구현했고 Screen은 총 5개 개발 예정(Login, Signup, Menu, WordPlay, MathPlay)

 

1. App.js

CRNA를 설치하며 생성된 파일

NavigatorContainer의 역할을 하고 index.js에서 App.js를 import 한다

expo의 라이브러리인 AppLoading을 통해 스플래쉬 스크린을 구현할 예정

 

2. Stack.js (StackNavigator)

Login.js, Signup.js, MenuStack.js의 내비게이터 

접속 시 Login.js를 보여주도록 구현

 

3. Login.js (Screen)

로그인 페이지

회원가입페이지로 가거나 로그인을 통해 MenuStack내비게이터로 보내줌

 

4. Signup.js (Screen)

회원가입페이지

로그인 페이지와 회원가입 페이지는 왔다갔다하도록 구현

 

5. MenuStack.js (StackNavigator)

메뉴 외 각종 스크린의 내비게이터

 

6. Menu.js (Screen)

단어 놀이 / 수학놀이 중 선택해서 실행하기 위한 메뉴페이지

 

7. WordPlay.js, MathPlay.js (Screen)

실제 콘텐츠에 해당하는 스크린

스크린 내부의 메뉴 버튼을 통해 자유롭게 이동할 수 있도록 구현,

 

 

 

그 외 폴더/파일?

- asset폴더에는 정적 파일들을 보관한다 (이미지, 폰트, 카드의 내용을 담은 객체 파일 등)

- component폴더는 중복해서 사용하는 파일들을 담는다 (컬러 변수 관리 파일, 카드의 생성을 담당하는 파일)

 

-- 구조 변경 시 추가 작성 예정 --