02_Front - Component

4주간 스크럼 방식으로 진행했던 프로젝트는 Serendipity - eat, pray, love라는 이름을 가진 모바일 어플리케이션이다.

회사 출퇴근 하면서 '저 사람 되게 괜찮아 보인다. 한 번 만나보고 싶다'는 생각을 가지고 있었는데 직장인들을 위한 만남 주선
어플을 만들어보면 어떨까 하는 생각으로 만든 프로젝트

이런 아이디어를 가지고 진행했던 프로젝트다.

 

아이디어를 구체화하기 위해 Stack을 구상해보았다.

Front에서는 React-Native, Expo, MobX, Apollo

BackEnd에서는 GraphQL, Prisma, PostgreSQL 등을 사용하였다.

 

서버를 GraphQL Yoga로 구축하여 클라이언트에서 Apollo로 서버에 요청하는 방식으로 진행하였다.

 

나는 Front-End를 담당하였다.

제일 먼저 Front에서 진행해야 할 것은 어플리케이션의 flow, flow에 따른 컴포넌트 설계, 컴포넌트들의 네비게이션 셋팅이었다.

실제 Miro라는 웹보드를 통해 flow를 토대로 컴포넌트를 설계해본 내용이다.

 

SignUp과 SignIn을 통과하면, MainPage로 넘어가는 구조이다.

 

Native로 모바일 어플리케이션을 개발하기 때문에 Navigation을 통해 Routing을 해줘야 했다.

 

그래서 Bottom, Stack Navigation을 사용해서 Routing이 가능했다.

 

 

 

 

컴포넌트 설계를 마치고, 다음 Step은 Front에서 Apollo 셋팅과 MobX셋팅이다.