modern-agile-team / 6term-main-front Goto Github PK

• docker를 통해 ec2에 배포

• ci/cd적용

개요

• 로그인 모달창 구현과 퍼블리싱 진행

작업 목록

• 모달 창 닫기 열기 기능 구현 (외부 누르면 닫기 포함)
• 퍼블리싱

개요

• 채팅 Page 간단한 퍼블리싱

작업 목록

• 채팅 기능 페이지로 전환
• 구조 설계

개요

• 댓글 관련 기능 구현 및 api연동하기

작업 목록

• 댓글 추가 기능구현
• 댓글 삭제 기능구현
• 댓글 수정 기능구현
• 댓글 기능 API연동

개요

• 삭제, 수정 버튼을 만들어주고, 해당 기능 수행

작업 목록

• 삭제 기능 구현
• 수정 기능 구현

참고

• 작업하면서 참고한 레퍼런스 문서 등 추가

개요

• 소켓을 통한 채팅 기능 세팅

작업 목록

• socket으로 백과 연결
• socket으로 메시지 전송, 수신
• 모달 안에서 채팅룸 전환에 대해 고민
• get 요청으로 채팅내역 불러오기

개요

• 친구 요청 취소
• 서로 친구 요청 시 자동 친구 수락

작업 목록

• 친구 요청 취소
• 자동 친구 수락
• 친구 목록 Recoil로 관리 -> Selector 로 관리 실패 -> state로 관리
• requester와 respondent일 때의 분기 관리 -> 멘보샤에서 수정

개요

• 실제 채팅내역을 보여주는 chatSpaceBody 퍼블리싱

작업 목록

• chatSpacebody
• Dummy
• chatSpaceFooter 마무리

참고

• 채널톡

개요

• 친구 요청 수락 구현부 퍼블리싱
• 친구 목록

작업 목록

• 구현부 퍼블리싱
• 친구 목록 API 연동

[Feature] 상품 게시판 UI 및 기능 구현

개요

• 친구 수락 컴포넌트 작업 및 API 연동 진행

작업 목록

• 요청 받은 목록
• 요청 보낸 목록

참고

• 작업하면서 참고한 레퍼런스 문서 등 추가

개요

• 댓글 에서 받아온 대댓글로 기능구현하기

작업 목록

• 대댓글 불러오기 구현
• 대댓글 생성기능 추가
• 대댓글 수정기능 추가
• 대댓글 삭제기능 추가
• UX개선

개요

• 프로젝트 시작 전, 폴더구조 통합과, 프로젝트 디자인 시안 Figma로 작성

작업 목록

• Figma디자인 시안 작성
• 폴더구조 통합 (아톰패턴)

개요

• 사이트 제작 전 구성하는 UI, 기능, 색깔등을 지정

작업 목록

• 각 페이지 별 초안 만들기
• 각 페이지 별 기능 작성하기 (API기능)

참고

• 2기 동그라미 issues 참고

개요

• API 서버 데이터 받아서 적용시키기

작업 목록

• 글 작성 API, 기능 구현
• 글 이미지 API, 기능 구현
• custom Selector box 구현

개요

• 전체기능 점검 및 수정, UI, UX개선

작업 목록

• 게시글 기능 점검
• 검색 기능 점검
• auth 기능 점검
• 게시글 리스트 기능 점검
• 좋아요 기능 점검
• 댓글 기능 점검
• 404페이지 만들기

개요

• 친구 프로필 클릭시 뜨는 모달에서 친구추가 탭 추가
• 추가 시에 마이페이지의 친구목록 뜨게 변경

작업 목록

• 프로필 클릭 모달 변경
• 친구추가 기능 구현
• API 연결 후 백과 확인

개요

• 마이페이지에 들어가는 기능들 구현

작업 목록

• 본인 정보 불러오는 기능 추가 + api연동
• 본인 게시글 불러오는 기능 추가 + api연동
• 유저 이미지 변경 기능 추가 + api연동
• 회원탈퇴 기능 추가

개요

• 실제 채팅내역을 보여주는 chatSpace 퍼블리싱

작업 목록

• chatSpace Header
• chatSpace Footer

참고

• 채널톡

[Feature] 채팅룸 퍼블리싱

개요

• 채팅 API 연동, socket.io 연결 전 채팅룸(실제 채팅내역창) 퍼블리싱

작업 목록

• 채팅룸 퍼블리싱

참고

개요

• 메인페이지 게시판 퍼블리싱 작업
  *** API작업 전 까지 진행하고, API작업 끝나면 기능부터 구현***

작업 목록

• 게시판 퍼블리싱 (body)

개요

• 친구 요청 영구 거절 API 연동
• 친구 요청 영구 거절 취소 API 연동
• 친구 요청 영구 거절 목록 API 연동

작업 목록

• 친구 요청 영구 거절 API 연동
• 친구 요청 영구 거절 취소 API 연동
• 친구 요청 영구 거절 목록 API 연동

개요

• 게시글 검색 기능구현

작업 목록

• 게시글 검색 selectbox 만들기
• 게시글 검색 기능 추가 [ head ]
• 게시글 검색 기능 추가 [ body ]
• 게시글 검색 기능 추가 [ user ]

[Feature] 채팅 기능 구현

개요

• 채팅 모달 안에서 채팅Room 부분 UI 퍼블리싱

작업 목록

• 채팅룸 UI 구현

참고

개요

• 게시글 좋아요 기능 구현

작업 목록

• 좋아요 기능구현
• 게시글 리스트에 좋아요 추가

[Feature] 메인 페이지 퍼블리싱(고정 요소)

개요

• API 완료 전까지 퍼블리싱 진행, 완료 후부터 기능 구현 시작.

작업 목록

• Header 퍼블리싱
• Footer 퍼블리싱

참고

• 작업하면서 참고한 레퍼런스 문서 등 추가

개요

• 여러 에러 처리

작업 목록

• babel 파일 삭제 후 next.config 파일에 추가

개요

• OAuth를 통한 로그인 인증 구현
• Authorization Code 값 받아서 backend에 넘겨주기

작업 목록

• 네이버
• 카카오톡

개요

• 우리 사이트에서 전반적으로 사용되는 Modal을 hook으로 구현하기

작업 목록

• useModalHook구현
• 페이지에 적용시키기

개요

• OAuth 에러 핸들링 및 UI수정, 쿠키변경

작업 목록

• OAuth 토근 오류 핸들링
• 토큰가지고 있을 시 UI변경
• 토큰 -> 쿠키 저장으로 변경

개요

• 게시판 리스트 API받아서 구현하고, 무한스크롤 구현해서 메인페이지를 구성
• 각 게시판별 filter를 이용해서 각 게시판에 맞는 값을 보여주기

작업 목록

• 무한스크롤구현
• 게시글 API연동
• 각 게시판별 리스트 완성

개요

• 게시판 관련 작업에 대한 퍼블리싱

작업 목록

• 게시판 목록 퍼블리싱
• 게시판 글 퍼블리싱
• 게시판 글 작성 퍼블리시

개요

• 화면 좌측 or 우측에 위치한 remote bar(플로팅 배너)

작업 목록

• Sidebar
• Header 반응형으로 시도

참고

• 작업하면서 참고한 레퍼런스 문서 등 추가

개요

• 게시글 관련 작업 리펙터링
• delete, patch, create, post

작업 목록

• 게시글 작성 리펙터링
• 게시글 수정 리펙터링
• 게시글 삭제 리펙터링
• 게시글 리스트 리펙터링

개요

• 알람창 모달 기능구현

작업 목록

• 모달 창 닫기 열기 기능 구현 (외부 누르면 닫기 포함)
• 퍼블리싱

개요

• 친구 요청 수락 API 연동
• 친구 요청 거절 API 연동

작업 목록

• 친구 수락 API 연동
• 친구 거절 API 연동

[Feature] 채팅 모달 퍼블리싱

개요

• 채팅 기능 구현을 위한 기초적인 퍼블리싱 진행

작업 목록

• 채팅 모달 UI 구현

참고

• 제로초 Socket.io 강의