코드스테이츠 44기 main project 회고

거의 한달동안의 메인프로젝트가 끝이났다.
프리플젝과 다르게 분야선택, 기획, 개발까지 모두 우리 손으로 해야했기때문에 시간이 많이 걸렸지만 그만큼 값진 시간이었다.

다음은 우리 '제 10금융' 팀의 '머니메이드'라는 서비스이다.
머니메이드는 사용자가 편리하게 자산을 조회하고, 소비를 관리할 수 있는 금융 서비스입니다.
어려운 금융 관리를 레몬에이드 같이 시원하게 해결해주고자 서비스 이름을 ‘머니메이드'로 지었다 ㅋㅋ

 

깃 허브 

https://github.com/codestates-seb/seb44_main_010

GitHub - codestates-seb/seb44_main_010

위에는 코드스테이츠에서 만들어준 레포지토리라 막힐 수도 있어서, 나의 개인레포에도 push를 해놓았다.
위에 안들어가지면 아래 클릭!
https://github.com/jieun9999/moneyMade

GitHub - jieun9999/moneyMade

깃전략

Github 전략.pdf

0.22MB

배포링크

https://dashing-sorbet-f9defc.netlify.app/
(aws 과금때문에 프로젝트 종료후 서버를 닫아놓은 상태다. 아래의 시연영상을 통해 서비스를 구경할 수 있다!)

MONEYMADE

 

서비스 스크린샷

 

사용자 메뉴얼 영상(시연 영상)

간단한 5분짜리 사용 영상이다
사용자 입장에서 소개페이지 - 로그인페이지 - 회원가입페이지 - 자산페이지 - 소비페이지 순서대로 이동하는 userflow를 담았다

관련된 파일 모음

※ 모든 출처는 '머니메이드'에게 있습니다. 상업적 사용을 금합니다


사용자 요구사항 정의서

요구사항 정의서_제 10금융.pdf

0.13MB

api 명세서

API 명세서 .pdf

0.20MB

화면정의서(피그마)
https://www.figma.com/file/ayN4524qK5kn9wqxnAo0A8/%EC%A0%9C-10%EA%B8%88%EC%9C%B5-'%EB%A8%B8%EB%8B%88%EB%A9%94%EC%9D%B4%EB%93%9C'?type=design&node-id=24%3A349&mode=design&t=1QzPu23VfZWqUeLw-1

Figma

 
사용자 매뉴얼

MoneyMade 서비스매뉴얼.pdf

11.31MB

발표영상
https://youtu.be/5YL56h13jvc

---

 

개인 회고

 
<기능구현>
소비페이지 crud + api 연결 
자산페이지의 api 연결

• 자랑하고 싶은 기술
  1. 로직에 맞게 crud를 구현한 점  (특히, 현금의 경우, 여러개의 카드를 만들지 않고 하나의 카드수정)
  2. 현금/ 계좌 데이터 구성이 각각 달랐지만, 화면에 같은 구성으로 렌더링함  
  (특히, 데이터를 쪼개고, 다시 이어붙이는 push 자유자재로 사용)
  
  
• 어려운 문제를 어떻게 해결하였는지
  
  1.어떤 지점에서 에러가 생기는지 + 어떤 에러인지 에러코드 확인!
  서버에서 오는 데이터는 일단 console.log() 에 찍어보기
  예를 들어, undefined나 null:  어떤 파일 몇번줄에서 뜨는지 찾아내는 것이 중요                 
  405 error : patch 요청을 post로 오타났다는 것을 확인 0
  
   2. 너무 코드가 길어지면, 따로 파일을 만들어서 함수를 선언한다.
  => 소비페이지/월별 같은 경우, 계좌와 현금 데이터를 모두 정제된 상태로 렌더링 시켜줘야 해서 3~4개의 함수가 필요했다. 
  각각의 함수에 담기는 데이터를 콘솔로 찍고, 아래에 예시 데이터로 주석처리해주면서, 복잡한 함수를 사용하는데에도 에러를 발생시키지 않을 수 있었다
  
  
• 배운점과 느낀점
  1. 가장 의미있던 경험: 팀원과 서로 파일을 왔다갔다 하면서 문제를 해결한 것 
       => 다른사람이 이해하기 쉽게 설명하는 것이 중요함!
  
  2. gpt 가 알려줬지만 해독할 수 없는 코드, 의미없는 코드     
       => 계속 질문하면서 새로운 코드를 받아들여야 함
  
  
  
  
  
  

팀 회고

KEEP (좋았던 것, 계속 유지할 것)

1. 소통 원활 : 오전/오후 회의
2. 회의 전 상의할 내용 회의록에 작성
3. 회의 시간 준수
4. 회의 중 솔직한 피드백 + 바로 반영
5. 팀원의 건강 상 부재 → 신속한 역할 분담
6. 배포 이후 챗봇 기능 완성
7. 팀원 다함께 마무리 😭
8. 프로젝트 시연 영상 촬영
   
   

PROBLEM (문제점, 개선할 것)

1. API 명세서 / 요구사항 정의서 수정 관련
2. Github 버전 관리(back-end) : “PR” 수 부족, 작업 진척도/상황 파악 어려움
3. 오후 회의 시간 부족
   
   
   

TRY (아쉬운 점, 더 시도해나갈 것)

1. API 명세서 / 요구사항 정의서 : 수정 사항 회의 직후 반영 + 팀 공지
2. Github 관련 규칙 : commit convention 잘 지키기
3. 개발 완료 시점 X, 한 기능 구현 완료했을 때 PR
4. 백엔드 역할 분담 : 기능 분담
5. 유동적인 회의 시각 조절

사실 우리 팀은 결과도 좋았지만 ㅎㅎㅎ
팀 분위기도 진짜 좋았다는거... 비대면으로 프로젝트를 했지만, 종료 이후에 만나서 뒷풀이를 했다 ㅋㅋㅋ
정말 반가워따 ㅋㅋㅋㅋㅋ 
다들 원하는 방향대로 취업해서,,, 또보자!!