Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
[데일리 페이스] 오늘의 페이스를 알려드립니다! 코로나 확진자 차트는 덤
#mobile_app
2 months ago

데일리 페이스 보러가기(URL) : https://expo.dev/@zipper_/daily-face

플레이스토어에 보러가기 : https://play.google.com/store/apps/details?id=com.zipper_.dailyface 

에러나 잘못된 부분이 있다면 말해주세요!!!

업데이트 로그

많은 버그들 수정 예정

2021.11.21[1.3.3v]: 차트 버그 수정

2021.11.20[1.3.2v]: 버그 수정

2021.11.16[1.3 ~ 1.3.12v]: 안드로이드 앱 빌트 테스트

2021.11.14[1.2.1v]: 기본 언어 설정 변경

2021.11.13[1.2v]: UI 버그 수정 및 커스터마이징의 수동 아이템의 자동저장 기능이 추가됨

2021.11.11[1.1v]: 작은 버그 수정

2021.11.11[1.0v]: 메인 버전 릴리즈!!

미리보기 이미지 (3장)

자기소개 : 안녕하세요, 경상북도에 살고있는 초등학교 5학년 12살 남자입니다. 컴퓨터와 만드는 것을 좋아하여 1학년때 컴퓨터 방과후에서 스크래치라는 블록 코딩을 배웠다가 프로그래밍에 아주 흥미가 생겨 HTML / CSS 를 여러 곳에서 접하며 공부하였고 JavaScript와 NodeJS와 연관된 스택들을 이곳 노마드코더에서 배우고 있습니다 :)

서비스 소개 : 여러 날씨 정보와 함께 오늘의 페이스를 5가지로 분류해 그중 한개를 보여줍니다. 현재 페이스는 "아주 좋음", "좋음", "보통", "나쁨", "아주 나쁨" 으로 기본적인 것들만 존재합니다. 현재 페이스에 해당하는 아이콘과 그에 맞는 랜덤한 문구를 밑에 보여줍니다. 또한 이 문구는 설정 창에 있는 데일리 문구 커스터마이징 메뉴에서 편집하실 수 있습니다 :)

개발 과정 : 일단 날씨 정보를 불러오기 위해 Open Weather API를 사용했습니다. 그 안에서 대략 3개정도 사용했습니다. Current Weather Data와 Air Pollution 등을 사용했습니다. 그리고 코로나 일일 확진자를 표현하기 위해 공공 데이터 포털 사이트에서 코로나 누적 확진자 API를 신청했습니다. 그리고 그래프로 표현할려고 했습니다. 그런데 아무리 찾아봐도 '일일' API는 없더라고요. 그래서 그냥 누적 API를 사용해서 만들기 시작했습니다. 그래프로 표현까진 잘됬는데... 모르고 '일일' 확진자을 표현하는 것을 까먹고 있었습니다. 그걸 알고는 곧바로 만들려 했는데 이상하게도 서로 빼야 일일 확진자가 나오는데 코드가 점점 꼬이면서 제 머리가 폭발했습니다!(?) 다시 마음을 다잡고 해보니 되더라고요(??) 그렇게 메인 창은 완성 됬습니다. 설정 창은 당연히 AsyncStorage를 많이 사용하게 됬습니다. 그래서 preload 코드를 많이 수정을 했습니다. 설정창에서 구체적인 표현은 쉬웠으나 주요 기능 중 하나인 매일 6시에 알림을 보내는 기능을 만들기 어렵더라구요 ㅠㅠ 하지만 다행히 App.js랑 Home.js에 각각 배치해둔 덕분에 쉽게 해결할 수 있었습니다 :) 그리고 저는 다국어 지원 기능과 커스터마이징 기능을 만들 생각에 기뻐했습니다. 다국어 지원 기능은 i18next 패키지를 이용해 수월하게 만들었습니다.(사실 4일 걸렸다는...(흑흑)) 또 커스터마이징 기능은 지금까지의 고난(?) 덕분인지 하루만에 다 만들었습니다! 그런 후 바로 Publish 했습니다 :D

앞으로의 계획 : 앞으로 잠시 장기간 개인 프로젝트 때문에 묵혀둔(?) 리액트 101 마스터클래스😎를 들을 생각이구요, 또 이번 겨울방학때는 너무 안해 까먹은 Express 스택을 다시 익히기 위해 유튜브 챌린지를 해볼 생각입니다 :)

아주 긴글 읽어주셔서 감사합니다! 그럼 모두 즐코하세요 ;)

Cancel
18 comments
글쓰기
노마드코더 이벤트