Retrospection_W4

📄 2020.12.07 (월)

What did we do?

[크롱]님 마스터 세션

• 성능 최적화
• Lighthouse, Performance 탭을 사용하여 확인 가능

개인 개발

• 수입/지출 페이지 리팩토링 및 모달 적용 변경 작업
• 기존에는 가계부와 카드 명만 확인했다면 년도와 월도 추가로 확인하여 거래내역을 필터링하도록 query 구현
• 최근 6개월 년도, 월을 선택할 수 있는 dropdown 구현

📚 회고

상의 한 부분

• 수입/지출
  • 카테고리/테그 어떻게 불러올지
  • 수입 지출 내역 불러오면서 같이 불러올것
• 보완할 부분 :sleeping_accommodation: :sleeping: :sleepy: :sob::sob: 내일 할 것

continue 모각코...

📄 2020.12.08 (화)

What did we do?

• 모각코
• 가계부 선택페이지 기능 구현
  • 가계부 추가/삭제
  • 애니메이션 적용 중
  • 피드백 후 색상 수정
• calendar 페이지 구현
  • calendar 이벤트 추가
  • calendar 디자인
  • calendar 날짜 계산 함수 구현
  • 가계부, 년도, 월로 필터링된 거래내역 GET API
• 로그인 페이지
  • 디자인 추가
• sms 파싱 추가 👍

해야할 일

• readme 수정

  • 서비스 명, 이미지
  • 프로젝트 소개
  • 팀원 소개
  • 배포 URL
  • react, koa, node.js 등 -> shields.io/badge 적용
  • 백로그
  • 클론 후 실행 방법
  • 기술 스택
  • 웹 아키텍처

• csv import

🌈 12/08 전체 가계부팀 MMS회의

1. 사용자화가 가능한 카테고리, 결제수단을 어떻게 매핑해줄 것인지?

• MMS에서 온 거래내역은 "미분류"로 묶는게 현실적이다!

2. 공통 요구 정보

• 카드사 <- 결제수단 ( 특정 카드사를 대상으로 파싱 )

  • 대부분 처음에 나오는것 같다.
  • 특정 단어가 여러개 나온다면 첫 번째 나온 것을 파싱(롯데카드, 롯데마트)

• 금액 ( 뒤에 "원" 이 붙은 가장 처음 나온 단어를 기준으로 파싱)

• 날짜,시간

• 입금 | 출금 여부 정보 축출(이체)

• 결제 "취소" | "승인" | "거절" 같은 예외 케이스를 분류

  • 특별한 키워드 x => 승인

function smsParser(input) {
    const tokens = string.replace(/\[web발신\]/i,'').trim().split(/[\s\n\r]/g)| 정규식 -> 👏👏👏

    let paymentList = ['신한','KB','농협','BC','현대','우리'];

    tokens.forEach((el) => {
        숫자+'원' -> 금액 (,도 포함됩니다)
        숫자/숫자 -> 날짜
        숫자:숫자 -> 시간
        초반부의 문자에서 찾기 -> 카드사(uppercase)
        결제 여부 -> 승인(default),취소,거절
    });
}

우리팀만의 기능(?)

• 소비패턴 알려주는 기능 💯
  • 넷플릭스, 유튜브 관련된 거 많으면..
  • 식비 쪽이 많으면 먹을 거에 돈 많이쓴다.
  • 택시를 많이 타시는군용!
• 유사 스트리밍 서비스 체크
  • 지니, 멜론 이런 거 동시 결제 하면
    • 유사한 거에 돈 2개 내고 있어...
    • 하나 해지해라!
• dashboard 커스텀 기능
  • 사용자가 원하는 차트나, 정보를 볼 수 있게끔!
• 메모 기능
  • 원하는 페이지에 메모를 붙인다. (페이지 별)
  • 혹은 방명록 페이지를 만들어서 -> 하나의 페이지로 관리

📄 2020.12.09 (수)

What did we do?

• [호눅스]님 마스터 세션

  • elastic search

• [타운홀 미팅]

• 로그인/로그아웃

  • 로그인 시 유저 정보 주입
    • Header component에도 적용
    • local storage에도 저장(새로고침 시 여기서 정보 가져옴)
  • 로그인 시 적절한 페이지로 redirect
  • 로그아웃 시 state/cookie/localstorage 삭제 및 redirect
  • app router 재설정
  • 404 페이지 디자인

• Calendar 페이지

  • Calendar 컨테이너 & Form 리팩토링
  • 수입/지출 체크박스 상태관리 추가 및 디자인
  • 수입/지출 체크박스 선택에 따른 거래내역 필터링
  • 추가) 눌렀을 때 그 날의 내역 보여주기

• Setting 페이지

  • 로그인한 user Img, name 출력

  • user 정보 가져오는 API 구현

  • Sun, Mon 설정 <-- 아직은 잘 모르지만 ㅎㅎ

    • startDayOfWeek: { type: String, default: 'Sun' },

  • 분석 시작 일 설정

    • startDateOfMonth: { type: Number, default: 1 },

• 가계부 선택 페이지 피드백 바탕으로 수정

• 보고서(analysis) 페이지 진행중

  • rechart 로 간단한 화면 구현
    • responsive container 적용해야 함
    • data parsing 해야 함