Front-End Developer

개발 2021.11 ~ 2021.12

🔗  Links

Github https://github.com/Crew-Space/CrewSpace-Mobile

📜 서비스 내용

동아리 운영진을 위한 동아리 공지/정보 제공 및 동아리 운영 관리 서비스입니다.

현재 위 서비스에서 제공하는 핵심 기능 3가지입니다.

1. (운영진) 해당 공지가 필요한 동아리원에게만 공지하기 (동아리원) 내게 필요한 공지만 모아보기
2. 동아리 내의 정보 공유 커뮤니티
3. 회원 리스트 한 번에 모아보기

현재는 **[우리 동아리만을 위한 모바일 공간]**을 개발 중이며, **[동아리 내 커뮤니티 서비스 확대]**을 거쳐 **[모든 동아리의 연결 동아리 포털 서비스]**를 최종 목표로 계획을 세우고 있습니다.

🛠 기술 스택

• React Native, TypeScript
• Redux-toolkit, RTK query

🖥 개발 내용

Screen Navigation 구조 설계

웹 환경과 달리 모바일에서는 네비게이터가 존재하고, 여러 종류의 네비게이터를 함께 사용할 수 있었습니다. 좋은 사용자 경험을 제공하기 위해서 Flow Chart를 분석하고 Screen Navigation 구조를 설계하였습니다.

커스텀 애니메이션

디자이너가 의도한 애니메이션에 맞는 라이브러리가 존재하지 않아 직접 구현하였습니다.

1. 메인 화면의 커버 사진 하단으로 스크롤 시, 헤더가 올라가며 사진은 흰색으로 변환