01. 서론

✅ 영감을 받은 영상.

https://youtu.be/uljTEmmCh_E
한눈에 보는 세상 – Kurzgesagt : 어떻게 살고 계시나요? 남아있는 시간

나는 막연히 인생의 3분의 1을 사용하였고 앞으로 남은 인생을 어떻게 채워야할까에 대해 생각해보면서, 지금까지 나는 얼마나 걸어왔고 앞으로 얼마나 추억을 쌓을 기회가 남아있을지 가시화하고 싶어졌다. 지금까지 학습한 내용을 복습하고 응용할 토이프로젝트로, 인포그래픽의 느낌을 살려 앱을 만들기로 하였다.

✅ 무엇을 만들고 싶은가.

2023년 기준 대한민국 남성 평균 기대수명이 약 80세이지만, (계산하기 편하게) 낙관적으로 인생을 100년으로 가정한다면 우리에게는 5214주, 36500일이라는 시간이 주어졌다.

입력한 생일을 기준으로, 36500개의 블럭이 생성되며, 현재 날짜와 비교하여
지금까지 얼마나 지나갔고, 앞으로 얼마나 블럭이 남았는지 확인할 수 있다.

• 전체 인생의 범주화가 가능한 다이어리 어플을 만들고 싶다.
• 36500일을 블럭화하여, 축소하였을때는 깃허브 레포지터리 기여도처럼 보이고 싶다.
• 100년 단위 / 30년단위 / 1년 단위 / 1달 단위 등 다양한 시간 단위로 인생을 보고싶다.
• 자신의 인생의 가치를 스스로 매길 수 있게 하고싶다.

02. 구조

✅ 메인 화면 (탭바 홈버튼)

36500일 전체를 볼 수 있는 화면으로, 인생을 다양한 단위로 볼 수 있다.

✅ 피드 화면 (탭바 피드버튼)

작성된 데이터들만 모아 보는 일반 게시글 피드 화면.
썸네일과 제목, 텍스트, 작성일 등이 표시된다.

• 고도화 후, 타인의 글을 볼 수 있는 탭 추가.

✅ 글쓰기 / 수정 화면 (탭바 추가버튼)

폼 영역.

• 기분 선택 영역. 기분을 나타낼 수 있는 견본 이모지를 선택.
• 제목 영역.
• 날짜 선택 영역.
• 텍스트 영역.
• 썸네일 사진 업로드 버튼.
• 태그 영역.
• 고도화 후, 공개 비공개 라디오 버튼.

✅ 상세 화면

각 작성글 하나씩 보는 화면.

• 수정, 삭제 버튼.
• 고도화 후, 코멘트 기능.

✅ 통계 화면 (탭바 통계버튼)

내 데이터를 바탕으로 다양한 통계가 나타나는 화면.

✅ 설정 화면 (탭바 설정버튼)

• 생일을 수정.
• 다크모드.
• 고도화 후, 로그인 관련 기능 추가 예정.

03. 개발

✅ 사용기술

1월동안 학습한 내용을 복습하고 응용하는데에 의의를 두었다.

프레임워크 : 넥스트js
백엔드 : 파이어베이스
언어 : 타입스크립트
스타일 : 안트 디자인 / 이모션
라이브러리 : uuid / react-infinite-scroller / react-daum-postcode / react-slick
API : 한국천문연구원 특일 정보 https://www.data.go.kr/data/15012690/openapi.do

✅ 이후 고도화 방향.

• 로그인 기능 추가.
• 공개, 비공개 기능 추가.
• 리액트 네이티브 : 모바일 앱 제작.
• 넥스트론 : PC 프로그램 제작.