Meeting Notes

폼생폼사 Meeting Notes

1월 7일(목) - 아이디어 회의 및 포지션 선정

1월 7일(목) 미팅일지

회의 내용 SUMMARY

• First Project에서 만든 서비스, 본인의 역할, 느낀 점 설명
• 커뮤니케이션에 사용될 위키 및 노션 운영 전략 회의
• 프로젝트 아이디어 선정
• 프로젝트 아이디어 기반 팀명, 서비스명 선정
• 각자가 해보고 싶은 스택, 포지션 조사

프로젝트 아이디어

• 복권 당첨 내역 서비스
• 브랜드 소식 알리미(세일, 이벤트, 인스타) 사이트(최종 후보 선정)
• kb one trade와 같은 ERP 서비스
• 음식 영양가 체크, 하루 권장량을 기준으로 해당 유저의 음식 칼로리를 달력에 표시할 수 있는 사이트
• 스팀과 같은 게임들을 한 눈에 검색할 수 있는 플랫폼
• 웹툰을 한 곳에 모아서 소개해주고 최신 업로드 되는 웹툰을 알려주는 사이트
• 마인드맵을 그려보고 서로 공유를 할 수 있는 서비스(최종 후보 선정)
• 청년대출 신청 등 제출 서류들을 편하게 작성하고 관리할 수 있는 서비스
• 내가 먹는 약 정보에 대해 알려주는 사이트

선정한 프로젝트 아이디어 기반 서비스명

• 폼생폼사(한 번에 모두가 마음에 드는 이름이 나옴)

선정한 프로젝트 아이디어 기반 팀명

• 잭스키스
• 트랜스포머
• 포마드
• 아씨오
• 양식당

선정 프로젝트 상세 내용

• 퇴직금, 대출 등 제출해야 될 서류들을 쉽고 간단하게 작성하여 인쇄할 수 있는 서비스
• 미 작성된 경우에는 임시저장 기능 / 작성이 완료 되면 인쇄, 공유, 저장
• 저장된 기록은 히스토리 페이지로 이동
• 원하는 서류들을 이용자가 신청할 수 있는 제안하기 페이지 생성

스택 및 포지션 선정

• Frontend 백승용, 이영모

타입스크립트, 리덕스, 리액트 훅스, CSS(고민)

• Backend 금교중, 함승균

타입스크립트, 몽고DB

• 대략적인 UI가 나와야 스택을 구체적으로 정할 수 있을 듯

Action items

• 아이디어 기획
• 깃헙 레포지토리 생성
• 팀명 정하기
• 각 포지션 별 구현해야 할 세부내용 파악

1월 8일(금) - prototype 작성

1월 8일(금) 미팅일지

회의 내용 SUMMARY

• team / stand up Meeting 시간에 미팅일지 브리핑
• 영모님이 certbot을 통한 SSL 인증이 가능한 것을 확인
• 팀명을 "폼생폼사", 서비스 명을 "양식당"으로 결정
• 선정한 주제를 가지고 팀원들이 조사해 온 자료를 통해 prototype을 만들고 페이지를 구성

레퍼런스

• DAOU Office, 대출심사 솔루션, KB OneTrade 수출 통관 신고, 그룹웨어의 기능을 참고 하는 레퍼런스
• 프리폼, 폼 114, 예스폼, 비즈폼의 사이트에서 참고할 만한 양식의 레퍼런스
• 핀터레스트에서 페이지 구성을 위한 레퍼런스
• 애니메이션 및 CSS 효과를 위한 레퍼런스

페이지 구성 및 Prototype

• 양식 파일은 클라이언트에서 저장하고 양식의 번호만 DB에 저장하도록 결정
• 데이터 통신은 세션 방식을 사용하기로 결정
• 첫 페이지는 처음 사이트 방문시 보여지는 페이지이고 UI는 프론트엔드에서 결정
• 첫 페이지에서 로그인 / 회원가입, 로그인 및 회원가입 없이 사용할 수 있는 Travel Our Service 버튼 레이아웃 결정, 로그인 / 회원가입 버튼 클릭 시 슬라이스 효과로 보여지도록 결정
• 메뉴 구성은 Home, Form Group, History, Suggestion으로 구성하였고 사용자 정보는 메뉴의 같은 레이아웃으로 배치하였고 첫 페이지를 제외하고 모든 페이지에서 렌더링되도록 결정
• 메인 페이지는 로그인 및 Travel Our Service로 접속 후 보여지는 페이지이면서 "Home 메뉴" 클릭 시 렌더되는 페이지이다. 페이지 구성은 "마감일이 얼마 남지 않은 양식"과 "인기 Form Group"으로 렌더링되도록 결정
• Form Group 페이지는 청년내일체움공제, 청년 수당등 작성해야하는 양식들을 선택할 수 있게 여러 개의 카드 형식으로 렌더링 되도록 결정하였고 검색할 수 있는 검색창 기능을 구성, 추가적으로 스크롤 기능도 필요
• Form Group 페이지에서 카드 클릭 시 렌더되는 페이지는 양식들을 작성하는 페이지이고 작성이 필요없는 양식은 다음으로 건너띄어 작성하도록 구성하고 제출할 수 있는 "완료" 버튼, "임시저장" 버튼, "취소" 버튼으로 구성, 추가적으로 여러 양식을 한번에 볼 수 있도록 목록 기능도 추가
• Form Group 작성 완료 후 렌더되는 페이지는 수정, 인쇄, 다운로드 버튼들 구성과 작성된 것을 확인할 수 있도록 렌더되고 목록 기능도 추가 구성
• Form 페이지는 간단한 확인서, 신청서 등과 같이 하나의 양식들을 선택할 수 있게 여러개의 카드 형식으로 렌더링 되도록 하고 검색할 수 있는 검색창 기능도 추가 결정, 추가적으로 스크롤 기능도 필요
• Form 페이지에서 카드 클릭 시 렌더되는 페이지때 렌더되는 페이지, "완료" 버튼, "임시저장" 버튼, "취소" 버튼으로 결정
• Form 작성 완료 후 렌더되는 페이지는 "수정", "인쇄", "다운로드" 버튼들 구성과 작성된 것을 확인할 수 있도록 렌더하기로 결정
• History 페이지는 사용자가 Form Group 또는 Form에서 작성한 것을 보여주는 페이지이고, 사용자가 작성한 Form Group과 Form 정보들은 엔드포인트를 다르게해서 받아오기로 결정하였고 검색창 기능도 추가하여 사용자가 작성한 Form Group과 Form을 검색하도록 결정(엔드포인트가 다르게 구성하였기 때문에 AJAX 요청을 두번 요청하도록 구성 필요), History 페이지의 양식들이 보여지는 카드에 삭제 버튼 추가
• History 카드 클릭 시 렌더되는 페이지는 작성한 양식을 보여주고 삭제, 수정, 인쇄, 다운로드 버튼들로 구성, 수정 버튼 클릭 시 수정하는 페이지로 렌더링되고 "완료", "임시저장", "취소" 버튼들로 구성
• Suggestion 페이지는 사용자가 원하는 양식을 웹사이트에서 작성할 수 있도록 요청하는 페이지이고 title 입력창, content 입력창, 업로드 버튼, 제출 버튼으로 구성

스택 및 포지션 선정

• Frontend 백승용, 이영모

타입스크립트, 리덕스, 리액트 훅스, CSS(고민)

• Backend 금교중, 함승균

타입스크립트(고민), 몽고DB

• 대략적인 UI가 나와야 스택을 구체적으로 정할 수 있을 듯

Action items

• 팀명과 서비스 명 교체
• prototype 구성