Skip to content

Members

Yongho5580 edited this page Mar 16, 2021 · 38 revisions

Role 👨‍👨‍👦‍👦

  • Client: 이상철, 김용호
  • Server: 박준석, 유재우

박준석

POSITION 🚩 STACK 🏁
Back-End Javascript, Node.js, Express.js, GraphQL,Sequelize,MySQL,AWS

Basic

  • Miro를 이용한 화면 설계
  • Landing page 컨텐츠 설계

Server

  • graphql-Express 서버 설계

  • MySQL을 이용한 DB 설계 및 구축

  • Schema 도식화 및 설계

Deploy

  • EC2, CloudFront, ELB, Route53, RDS 배포 (AWS)

  • Docker, Travis CI, Elastic Beanstalk 연동을 하려했으나 실패함(경험은 확실히 함)

유재우

POSITION 🏳️ STACK 🏴‍☠️
Back-End Express.js, JWT, MySQL, Node.js,GraphQL,AWS

Server

  • 서버 개발환경 셋팅

  • MySQL을 이용한 DB 설계 및 구축

  • Schema 도식화 및 설계

  • Schema를 바탕으로 Sequelize를 이용해 작성

  • RESTful API 추가

  • graphql-Express 서버 설계

Deploy

  • S3, EC2, CloudFront, ELB, Route53, RDS 배포 (AWS)

  • Docker, Travis CI, Elastic Beanstalk 연동을 하려했으나 실패함(경험은 확실히 함)

이상철

POSITION 🚩 STACK 🏁
Front-End Typescript, React.JS, Redux, Redux-Saga, GraphQL, Sass

UI & Wireframe 디자인 및 설계

Landing Page

  • section 2, 3 작업

  • 반응형 디자인 구현

Select Account Page

  • 컴포넌트 작성

  • 가계 생성 기능 및 가계 생성 제한 기능 구현

  • 반응형 디자인 구현

Account Page

  • 컴포넌트 작성

  • 출력 및 PDF 저장 기능 구현

  • 컨텐츠 수정 및 삭제 기능 구현

  • 유저 초대, 탈퇴 기능 구현

  • 가계 수정 및 삭제 기능 구현

  • 반응형 디자인 구현

HelpDesk Page

  • 컴포넌트 작성

  • 이메일 전송 기능 구현

  • 반응형 디자인 구현

State management

  • Redux 초기 셋팅 및 Saga 적용

  • Redux-persist를 통한 새로고침 및 재접속시 상태 유지 구현

  • Redux-Saga를 통한 상태 관리 및 비동기 처리

Router

  • React-router 적용

  • 각 페이지, 각 게시물 별 라우터 분기 처리

GraphQL과 RESTful API를 이용한 서버 통신

김용호

POSITION 🚩 STACK 🏁
Front-End React, React-Hooks, Redux, Module-CSS

UI & Wireframe 디자인 및 설계

Landing Page

  • section 4 작업

  • 반응형 디자인 구현

Create Account Page

  • GraphQL 을 이용한 가계부 목록 불러오기 및 정보 전송 구현

  • 카테고리, 금액, 수입내용의 내용에 따른 유효성 검사 구현

  • 반응형 디자인 구현

Account Page

  • 월 단위 가계 지출 내역을 그래프 형태로 보여주는 컴포넌트 구현 (애니메이션 포함)

  • GraphQL 을 이용한 데이터 송신 작업 구현

Nav

  • 메뉴바 및 사이드 바 기능 및 CSS 액션 구현

-Router

  • React-router 적용

각 페이지, 각 게시물 별 라우터 분기 처리

GraphQL과 RESTful API를 이용한 서버 통신


Clone this wiki locally