WorkLog

팀원 : 권상현

• 
• Position: Front-End
• Stack:

Contributions

• 스타일 theme 활용 템플릿 작성

  • 글로벌 스타일 컴포넌트 작성
  • 테마 별 스타일 작성
  • 각 페이지 기본 스타일 작성
  • 데스크탑 / 테블릿 / 모바일로 반응형 구분 설정

• 랜딩페이지 레이아웃 / 반응형 구현

  • 네비게이션 바 메뉴 드롭다운 기능 구현
  • 모바일 전환 시 햄버거 메뉴로 전환

• 모달창 구현

  • 로그인 / 회원가입 / QNA 질문하기 레이아웃

• QNA 레이아웃 / 반응형 구현

  • QNA 리스트 페이지 구성
  • QNA 상세페이지 구성
  • 의사만 댓글 달 수 있도록 구현
  • 비 로그인 시 리뷰 / QNA 블러 처리

• useRef를 이용한 QNA CRUD 구현

  • QNA 작성 / 삭제
  • 댓글 작성 / 수정 / 삭제

• 이미지 업로드(multer 라이브러리)

  • 프로필 수정 시 이전 이미지 삭제 구현

• 스크롤 탑 구현

  • 페이지 이동 시 스크롤이 항상 top이 되도록 구현

• 로딩 인디케이터 구현

• QNA 리스트 페이지네이션 구현

팀장 : 김경훈

• 
• Position: Back-End
• Stack: React, EmailJS, JavaScript, Node.js, Express, Sequelize, MySQL, Multer, Axios, Git, JWT, EmailJS, AWS-EC2, AWS-RDS, AWS-S3, AWS-Loadbalancer, AWS-Route53, AWS-CloudFront

Contributions

• SR
  • 프로젝트 아이디어 기획
  • DB 설계
  • Sequelize를 통한 DB구축
  • API 문서 작성
• 백엔드
  • express를 이용해 서버 구축
  • 일반유저 및 의사 회원가입
  • 의사 회원 관리자가 회원가입 승낙 시 가입 완료 메일 보내주기
  • 일반유저 및 의사 회원정보(프로필 사진, 닉네임, 비밀번호)수정
  • 일반 유저 및 의사 정보요청
  • 사용자 프로필 수정 시 이전 이미지 파일 삭제 시키기
  • 리뷰 삭제 시 이미지 파일도 같이 삭제하기
• 프론트 엔드
  • QnA 페이지 진료과목 카테고리 버튼 클릭 시 해당 과목으로 질문 필터링 해주기
  • QnA 질문 모달 창에서 해시태그 입력 후 질문 등록 시 해당 질문 카드에 해시태그 보여주기
  • 질문 카드에 의사 답글 갯수 보여주기
  • 카카오 지도 API 받아와서 마커된 장소의 정보 보여주기
  • 사용자의 위도, 경도값을 받아와서 현재 위치기반의 장소 검색하기
• 배포
  • EC2 인스턴스 생성
  • 로드밸런서를 이용하여 https 서버 배포
  • S3 버킷 생성 정적 웹페이지 호스팅
  • CloudFront 배포 생성
  • RDS DB 서버 구축

팀원 : 김장겸

• 
• Position: Front-End
• Stack:
• Contributions:

팀원 : 오예림

• 
• Position: Back-End
• Stack: ReactJS, HTML, CSS, Nodejs, Express, Mysql, JWT, AWS
• Contributions:

  • Basic

    • 아이디어 기획(서비스, 로고, 서비스명)
    • 와이어프레임 작성
    • 프로토타입 작성
    • Flow chart 작성
    • API 문서 작성
    • DB 스키마 작성

  • Front

  • Back

    • 소셜 로그인(카카오) 기능
    • 로그인 기능
    • 이미지 업로드 기능
    • 댓글 기능
    • 이메일 전송 기능