Skip to content

WorkLog

Jump to bottom
ydh94 edited this page Nov 19, 2021 · 22 revisions

➤ Task

신성훈

  • Stack: Javascript, React, React-Hooks, ReactRouter, Redux, Redux-toolkit, Axios, Sass, Socket IO

  • Contributions

    • BASIC

      • Wireframe 설계
      • Wiki 규칙 작성

    • SETTING

      • 클라이언트 개발환경 구축

    • COMMON

      • Redux, Redux-toolkit 을 이용한 전역 객체 기본 설정
      • Sass 기본 설정
      • 헤더, 푸터 구현 및 반응형 CSS 구현
      • Top 버튼 구현
      • 포스트 생성 버튼 구현
      • 드롭다운 선택자 및 컨테이너 구현 및 스타일링
      • 로딩 인디케이터 구현 및 적용
      • 새로고침시 로그인 유지 로직 구현

    • LANDING

      • 랜딩 페이지 기획
      • 최초 페이지 접속시에만 작동하는 애니메이션 구현
      • 스크롤 다운에 따른 애니메이션 구현
      • 반응형 CSS 구현

    • MAIN

      • 조건에 따른 검색기능 구현
      • 검색된 게시글이 없을때 로그인 상태에 따라 바뀌는 경고 컴포넌트 구현
      • 스크롤 다운시 무한 스크롤 구현
      • 반응형 CSS 구현

    • POST

      • 이미지 뷰어 및 인디케이터 구현
      • 토너먼트 참가자만 참여할 수 있고 게시글 작성자는 댓글을 삭제할 수 있는 댓글 기능 구현
      • 게시글 상태 및 유저에 따라 바뀌는 메인 버튼 구현
      • 지도 API 이용한 지도 사용 및 커스텀 오버레이 적용
      • 게시글 좋아요 추가 및 삭제 구현
      • 반응형 CSS 구현

    • POST CREATE/POST

      • 카카오 우편번호 검색 서비스와 연동된 지도 API 구현 및 반응형 CSS 구현

    • ENTRY

      • 참가 신청 로직 구현
      • 로그인한 유저에 따른 확정 및 삭제 버튼 구현
      • 로그인한 유저에 따라 바뀌는 메인 버튼 구현
      • 반응형 CSS 구현

    • TOURNAMENT

      • 토너먼트 검색 페이지 기능 구현 및 CSS 구현
      • 승자 선택 및 수정 버튼 및 모달 구현
      • 대진 상태에 따라 작동하는 라운드 종료 버튼 구현
      • 라운드 종료시 이전 라운드의 승패 수정 불가하게 막는 로직 구현
      • 반응형 CSS 구현

    • CHAT/CHATROOM

      • 클라이언트에서의 Socket.IO 기능 구현
      • 게시글에서 채팅 연결하면 게시글 정보가 채팅방에 띄워지는 기능 구현
      • 채팅방 삭제기능 구현
      • 반응형 CSS 구현
엄혜진

  • Stack: Node.js, JavaScript, Express, MySQL, Sequelize, JWT, Socket IO, AWS (EC2,RDS,Route53, CodePipeline)

  • Contributions

    • BASIC

      • 깃허브 위키 / READ.ME 작성
      • 데이터베이스 스키마 설계
      • Rest API 설계
      • Wireframe 설계

    • SETTING

      • 서버 개발환경 구축
      • 모델 구축
      • socket 서버 구축

    • Doc API

      • 메인 화면 게시글 전체 조회
      • type / event / title / place에 따른 게시글 검색 기능
      • 작성자 / 참가자 기준 게시글 검색

    • Entry API

      • 토너먼트 / 매치 참가 신청
      • 참가자 목록 확인
      • 참가자의 경기 확정 or 경기 대기 상태 조정
      • 참가자 목록에서 유저 삭제 기능

    • Like API

      • 게시글 '좋아요' 추가 / 삭제
      • 유저가 '좋아요' 남긴 게시글 목록 확인

    • Rank API

      • 종목별 상위 20명 / 닉네임 검색 랭킹 조회

    • Room API

      • 채팅방 생성 / 삭제
      • 채팅방 목록 전체 보기
      • 실시간 채팅 기능 구현

    • DEPLOY

      • RDS DB 인스턴스 생성 (MySQL)
      • EC2를 이용한 서버 배포
      • Route53을 이용한 도메인 적용
      • Pipeline으로 자동 배포
유대형

  • Stack: Javascript, React, React-Hooks, ReactRouter, Redux, Redux-toolkit, Axios, Sass, React-aws-s3, uuid
  • Contributions

    • BASIC

      • Wireframe 설계
      • Wiki 규칙 작성
      • UI, UX

    • SETTING

      • 클라이언트 개발환경 구축
      • AWS S3 버킷 이미지 스토리지로 세팅

    • LOGIN

      • 로그인 페이지 구현
      • 소셜 로그인 기능 구현 (카카오)
      • 소셜 로그인 시 최초 1회에만 닉네임 설정하는 Redirect 페이지 구현
      • 로그인하면 이전에 방문하던 페이지로 보내주는 기능 구현

    • SIGNUP

      • 회원가입 시 유효성 검사 (양식)
      • 회원가입 시 중복 여부 검사
      • 각 상황에 맞는 에러 메시지 구현
      • 가입 완료 모달 창 구현

    • POST

      • 게시글(매치 / 거래 / 토너먼트) CRUD 기능
      • 게시글 생성 시 유효성 검사 기능 구현 (모든 항목 입력)
      • 게시글 생성 시 사진 업로드 기능 구현
      • 게시글 수정 시 기존 사진 받아오고 다른 사진도 추가로 업로드 할 수 있게 구현
      • 게시글 생성 / 수정 완료 모달창 구현 - 확인 클릭 시 해당 게시글 페이지로 이동

    • PROFILE

      • 프로필 페이지 구현
      • 유저 정보 수정 및 탈퇴 페이지 구현
      • 가입과 마찬가지로 유효성 검사 기능 구현
      • 유저 프로필 이미지 변경 기능 구현
      • 유저의 종목별 랭킹 조회 기능 구현
      • 유저의 종목별 상대전적 조회 기능 구현
      • 유저의 게시글 / 관심글 / 진행중 조회 기능 구현
      • 유저의 최근 전적 조회 기능 구현

    • RANKING

      • 랭킹 페이지 구현
      • 종목별 상위 랭킹 20명 조회 기능 구현
      • 유저 닉네임으로 종목별 랭킹 검색 기능 구현
      • 랭킹 탭에서 다른 유저 프로필 클릭 시 이동하게 하는 기능 구현
이정훈

  • Stack: Node.js, JavaScript, Express, MySQL, Sequelize, JWT, bcrypt, AWS (EC2,S3,RDS,Route53,CodePiepline)

  • Contributions

    • BASIC

      • 프로젝트 초안 기획
      • 데이터베이스 스키마 설계
      • Rest API 설계
      • Wireframe 설계

    • SETTING

      • 서버 개발환경 구축
      • 모델 구축
      • 데이터베이스 보안 연결 환경 구축
      • AWS 배포 및 배포 자동화 환경 구축

    • Auth API

      • 웹/소셜 로그인 및 인증 기능
      • 회원정보 수정(닉네임,비밀번호,프로필 이미지)

    • Doc API

      • 작성글 CRUD
      • 토너먼트 작성 글 내 보드 댓글 생성/삭제

    • Match API

      • 매치 결과 입력 / 수정
      • 매치 기록 조회
      • 유저간 상대 전적 조회(head to head)

    • Tournament API

      • 8강 토너먼트 생성 기능
      • 라운드별 대전 상대 랜덤 매칭 제공
      • 토너먼트 결과 입력 및 수정

    • Record API

      • 매치/토너먼트 결과 기반 승점 기록
      • 마이페이지 승점, 승패 정보 조회 기능

    • DEPLOY

      • RDS DB 인스턴스 생성 (MySQL)
      • EC2를 이용한 서버 배포
      • S3를 이용한 클라이언트 배포
      • Pipeline으로 자동 배포
      • Route53을 이용한 도메인 적용

🏠 HOME

🏅 TEAM

🛠 PROJECT

Clone this wiki locally