현재 개발중인 출퇴근 간단 일기장

개발 목적

출퇴근길에 클릭 몇번으로 쉽게 일기를 쓸 수 있다면 너무 편할것이다.

중심으로 두는것은 일기의 질보다 일기의 양이다.

그 날, 그 시점에 뭘 했고 어떤 감정이었는지 빠르게 기록하는것이다.

 

추가로 다른사람들은 어떻게 살고 있는지 동일한 주제 내에서 알 수 있도록 하여 머나먼 누군가와 공감대를 형성할 수 있으면 좋을 것이다.

 

 

프로그램 컨셉 정의

오늘의 메인 테마는 -- 였어요 [회사일, 취미, 공부, 휴식, 만남, 집안일, 가족, 여행]

오늘 아침에는 --했어요 [운동 일 기상 수면 게임 취미생활�]
오늘 아침 메뉴는 --였어요 [아침 메뉴]
오늘 아침 기분은 --였어요 [피곤, 나른, 상쾌, 무감각]
오늘 아침에는 --일이 있었어요 [다른사람이 쓴글]

오늘 점심 메뉴는 --였어요 [점심 메뉴]
오늘 점심 기분은 --였어요 [피곤, 분노, 행복, 무감각]
오늘 점심에는 --일이 있었어요 [다른사람이 쓴글]

 

1. 화면에 기본 템플릿을 먼저 보여준다.
   1. 아침 템플릿 초안 작성
   2. 점심 템플릿 초안 작성
   3. 저녁 템플릿 초안 작성
2. 각 템플릿에는 빈 칸이 있다.
   1. 템플릿도 컴포넌트로 작성한다.
   2. 템플릿의 데이터는 json으로 존재하며, 구분자를 사용한다.
      예) 오늘은 &selectSt &selectEn 했다.
3. 빈칸에 focus하면 selectbox가 표시된다.
   1. selectbox 개발 필요
4. selectbox가 오픈될때 쿼리를 통해 빈도 내림차순으로 표시한다.
   1. 첫 표시 시 거래 연동 필요
   2. search를 통해 입력 시 거래 연동 필요

selectbox

• 최상단에 autocomplete기능 내장
• 검색 시 내용이 없으면 직접 추가 가능
• selectbox
• toss의 디자인을 카피하여 만들어보자.

 

 

결과물

10월 12일

개못생김

 

카테고리 클릭 시, 현재 선택된 저널(맨 위에 문장)을 변경함

 

 

다음 결과물..

대략적인 뼈대는 만들었다.

 

클릭으로 저널을 추가, 완성할 수 있고, 수정할 수 있다.

 

 

 

 

 

그리고 인고의 시간을 지나..

 

 

 

 

현재 완성된 앱

 

 

초기화면(로그인 안하면 저장 못함)

 

 

 

 

 

 

카테고리를 2레벨까지 분리하여 접고 펴도록 개선하였음.

체크 버튼 클릭하면 다음 저널 입력 할 수 있도록 함.

 

 

로그인은 파이어베이스로 연동함

 

 

 

 

 

 

로그인 시 특정 날짜에 내가 쓴 일기를 볼 수도 있음.

 

 

 

 

 

 

 

맘에 드는 키워드가 없으면 '카테고리 추가' 버튼을 눌러서 임의의 키워드를 저널에 넣을 수도 있음. 당연히 선택할 수도 있음.

 

 

 

 

 

 

저장하면 알림이 뜨고, DB에 저장됨.

 

 

 

 

 

 

 

pm2를 이용해 쌓은 로그(예쁨)

 

 

 

 

 

 

저장한 정보는 users 테이블에 날짜별로 저장됨.(예쁨)

 

 

 

 

 

 

 

 

 

추후 개발할 기능

1. 여러 사용자가 카테고리 추가로 키워드를 추가했을때 빈도수를 체크해서

기본 카테고리로 추가하는 배치 프로그램 작성

 

2. 내가 저장한 일기의 키워드를 분석해서 시각화 된 리포트를 제공하는 UI작성