Ionic 뉴스 관리 앱

• 뉴스를 등록하여 관리하고자 만든 앱으로써 하이브리드에 대한 이해도를 높이기 위해 진행한 프로젝트
• PWA - Progressive Web App으로 앱 스토어 없이 설치가 가능하고 서비스 워커를 활용하여 웹을 로딩할 때마다 모든 리소스를 다운받는 것이 아니라 캐시를 통해 저장하고 바뀌는 데이터만 변화시킴으로써 기존의 웹보다 빠른 속도 보장
• 크롤링 기능 추후에 고려 예정…..

Period

• 1인 프로젝트
• 2018.12 ~ 2019.02 1달 Ionic & Angular & PWA 학습 + 2달 개발

Dev.

개발 환경

• Ionic 3 & angular 3.9.2
• Firebase 5.3.0(Authentication, Realtime DB, Hosting, Functions)
• Visual Studio Code 1.29.1
• Test(Adnroid - Chrome, iPad - Safari)

구현된 기능

• Firebase를 활용한 회원가입, 로그인, 로그아웃 구현 + 호스팅/Realtime DB/Functions 활용
• 관리자 전용 기능 구현 : 뉴스 추가/관리/삭제 용
• 뉴스 검색 기능 구현, 카테고리 구현

흐름도

스크린샷

Result & Learned

• PWA & Ionic 에 대한 개념과 트렌드를 활용하여 서비스를 만드는 이해도를 높였다.
• TypeScript는 자바스크립트에 타입의 개념을 더해서 그런지 눈에 잘 들어왔다.