컨셉 : 개인대개인 거래 위주의 종합 펫샵 -> 구인구직 익명 매칭 사이트

- 참고 컨셉 : 당근마켓, 번개장터 -> 에타

• 스토리 보드 및 커뮤니케이션 다이어그램 개요도

  

멘토님의 팁 :

※ 프로젝트 설계 아웃라인
1) 요구사항 정리
2) 분석/설계
3) 화면정의서 / 업무기술서
4) DB 설계
5) 개발
6) 코딩 프로젝트 보고서 작성

※ 협업시 필요한 것 :
각자 협업해야 하는 부분 설정 (내가 이 프로젝트에서 무슨 역할을 했는가?)

강사님의 팁 :

axios.get('/boardpage/'+page)

패키지.제이슨에 "proxy":"http//localhost:8090",

axios에다 일일이 로컬호스트 하지말고
이렇게 만들고 나중에 제이슨만 호스트 주소로 변경해라

필요 기술 요구사항 :

• spring boot sso 로그인 유지 및 인증기능 구현
• B-Tree R-Tree (참고 : mysql에서 r-tree는 지원 안함 ⇒ 대신 postgresql로 사용)
• 지도 api 활용 → 맛집정보 체크해서 그래픽으로 뿌려줌 (지도에서 선택하면 세부정도 나올 수 있도록) → 빠르게 반응해서 지도를 뿌려줄 수 있도록 d3.js 활용해서 동적으로 뿌려준다. (Box Plot 추천)
• 공공데이터를 웹클로러로 크롤링한 데이터 분석 : 에이젝스 반응형동적웹 → 뉴스 기사 크롤링 → 날짜별로 추출 → 트렌드 분석 → 분석결과 표현(게시판처럼 만듦)

우리 조의 프로젝트 개요 :

애완동물 분양매칭 사이트(드롭&다운 반응형 응용)(추천 알고리즘 응용)(업체등록은 빠짐)
로그인 사용자 권한 2가지 → 분양원하는 사람(일반회원), 등록원하는사람(관리자)
맛집 추천 정보
중앙 하단에 한, 중, 일식 등 체크바 설정해서 원하지 않는건 체크해제 → 지도에서 사라지도록

※ 개발에 필요한 도구들 :

• 스토리 보드(정의서) (by. 스프레드 시트)
• 지라(스케쥴 관리) / 컨플런스(과제 협업) / 컨플런스(템플릿)
• 프로토파이 / 피그마 (UI 및 다이어그램 제작) / Pixlr E(사진 에디터)
  (피그마 기본 사용법 : Frame/Layer/Shape, Frame/Guide/Grid, constraints)
• D3.js(그래픽 표현 API) : D3js로 나오는 그래픽 중 가장 추천하는 것
• Canva (PPT 협업)

UI 설계 - 피그마 작성

• 기본사용 방법 constraints(컨스트레인트), 2강 Frame/Guide/Grid 설정
• [-4조 최종-](https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrwSS9gdOTLOJVfdJccBvxc%2FCommunity-%2522Join%2522%3Fnode-id%3D0%253A1%26t%3DzToozVSjxLT9NETQ-1)
  
  
  
  
• -2조 내가 한 것-
  

ERD 설계 - DB정의

• [-4조 최종-] (https://www.erdcloud.com/d/Ed2i2XJbsaCT4TiCS)
  
  
  
• -4조 구버전-
  
  
  
• ~~-2조 내가 한 것-
  

• 연우거

• 참고용

PPT 제작

• [-개인제작 최종-] (https://www.canva.com/design/DAFWzBPi8oU/2KVPssdakA4FeQy-M2F27w/edit)