나리 앱 성장일기

나리는 여러 서울시립대학교 웹사이트의 공지를 한눈에 볼 수 있는 안드로이드 & iOS 모바일 앱입니다.

기획서에 따라, 최초로 3개의 페이지를 만들었습니다.

스와이프의 길이뿐만 아니라 속도에도 반응하여 페이지가 이동하게 하였습니다.

디바이스의 밝기 모드를 가져오는 기능을 추가하였습니다.

백엔드에 미리 만들어 뒀던 학교 공지 메타데이터를 받아옵니다.

Left Page의 Expansion Panel List에서 항목을 선택했을 때, 상태 관리 시스템이 해당 항목을 Center Page까지 가져오도록 하였습니다.

Left Page에서 Center Page로 가져온 메타데이터의 항목에 따라, remote repository는 웹 서버에 서울시립대학교 공지를 호출하여 문자열로 출력합니다.

Left Page에서 항목이 선택되었을 때, 화면을 Left Page에서 Center Page로 옮기는 기능을 구현하였습니다.

하나의 아이템이 열리면 다른 모든 아이템이 닫히는 Expansion Panel List를 임시로 Right Page에 구현하였습니다.

Left Page에서 많아야 하나의 item만 열리는 Expansion Panel List를 서울시립대학교 공지 메타데이터에 적용하였습니다.

선택된 item의 inkwell 효과에 블러 처리를 하였습니다.

블러 효과를 없던 기능으로 만들었습니다. 버벅임이 줄어들었으나, 아직도 존재합니다.

Center Page에서 View의 초안을 작성하였습니다.

디바이스의 방향을 감지하여 가로 모드와 세로 모드를 전환합니다.

앱 아이콘을 적용하였습니다. 본 아이콘에 관하여 상표권 출원을 하였습니다.

Syncfusion사의 플러그인을 사용하여 Font Size Page를 만들고, fluro로 라우트 연결을 하였습니다.

Right Page에 글자 크기 조절 항목을 만들어, Font Size Page와 연결하였습니다.

Google Admob 전면 광고를 도입하였습니다.

Google Admob open app ads를 full screen ads로 교체하였습니다. Font Size Page에 저장 및 취소 버튼을 만들었습니다.

글꼴 조절 기능을 추가하였습니다.

이전 일기에서는 Font Family Page 내부에서 flutter_hooks로 글꼴을 변경하였는데, hooks_riverpod을 이용하여 이를 해당 Page 외부까지 적용되게 하였습니다.

글자 크기 및 글꼴 조절 페이지의 가로모드를 만들었고, 개인정보 처리방침, 오픈소스 라이선스, 그리고 기여자 항목을 만들었습니다.

기여자 페이지의 가로모드 View를 만들었습니다.

Font Size Page와 Font Family Page의 View를 모두 반응형으로 새로 고쳤습니다.