help-m-ssaem / front-end Goto Github PK

목적

[Design] #45 PR 시 발생한 conflict 수정

작업 상세 내용

• conflict 수정

유의사항

목적

작업 상세 내용

• 네이버 로고 크기 변경
• 이용약관 동의 - 전체 선택 버튼 위치 변경
• 닉네임 박스, MBTI 입력 박스 컴포넌트 분리

유의사항

목적

폰트를 설정하지 않고, 진행하려다 보니 font size나 font weight 등 피그마와 차이가 많이 남
따라서 전역으로 설정할 예정입니다!

작업 상세 내용

• pretendard 글꼴 다운로드
• 전역 설정

유의사항

목적

메인 페이지 관련

작업 상세 내용

• HOT 게시판 더보기 페이지네이션 추가
• HOT 토론글 더보기 페이지네이션 추가
• 메인 페이지 글에서 이동할 수 있도록 id 추가
• html 태그 표시되는 거 수정
• 썸네일 있을 경우에만 표시
• cursor: pointer 설정
• 로그인하고 이용하기

유의사항

목적

검색 결과 페이지 등 관련 페이지 디자인 완료

작업 상세 내용

• 검색바 컴포넌트 분리
• 검색 결과 페이지 디자인
• 검색 결과 각 게시판의 컴포넌트 불러오기
• 각 게시판 더보기 페이지

유의사항

목적

고민글 서버 연결

작업 상세 내용

• [ ]고민글 조회 - M쌤 매칭을 기다리는
• [ ]고민글 조회 - 해결 완료된
• [ ]고민글 필터링 조회 - M쌤 매칭을 기다리는
• [ ]고민글 필터링 조회 - 해결 완료된
• [ ]고민글 상세 조회
• [ ]특정 멤버 별 게시한 고민글 조회
• [ ]특정 멤버 별 해결한 고민글 조회
• [ ]고민글 작성
• [ ]고민글 수정
• [ ]고민글 삭제

유의사항

지니님 이슈에서 슝 만드려고 했는데 겹쳐서 안되는 거였어요..
그래서 이슈 새로 파서 만들게요...

목적

emotion으로 전체 페이지를 감쌀 Layout 컴포넌트 생성

작업 상세 내용

• Layout 컴포넌트 생성
• 공통 color 설정

유의사항

목적

유저 개인의 정보 관리하는 마이페이지 구현

작업 상세 내용

• 디자인 화면 구현
• 관련 컴포넌트 불러오기

유의사항

목적

검색 페이지 관련 수정해야할 것

작업 상세 내용

• 검색하고나면, input 값 사라지도록

유의사항

목적

유저 정보 페이지구현

작업 상세 내용

• 닉네임 입력
• mbti 입력 ( 입력, Polygon 둘 다 작동)

유의사항

목적

작업 상세 내용

• M쌤, 고민글 인터페이스 수정
• 필요없는 기능제거(상세페이지 댓글)

유의사항

목적

M쌤 매칭 페이지

작업 상세 내용

• 인기 M쌤 프로필 컴포넌트
• M쌤 매칭 컴포넌트
• MBTI 리스트 추가
• M쌤 디테일 페이지
• M쌤 고민글 생성 페이지

유의사항

목적

고민글 페이지 서버 연결

작업 상세 내용

• 고민글 조회 - M쌤 매칭을 기다리는
• 고민글 조회 - 해결 완료된
• 고민글 필터링 조회 - M쌤 매칭을 기다리는
• 고민글 필터링 조회 - 해결 완료된
• 고민글 상세 조회
• 특정 멤버 별 게시한 고민글 조회
• 특정 멤버 별 해결한 고민글 조회
• 고민글 작성
• 고민글 수정
• 고민글 삭제

유의사항

목적

주말까지..!

작업 상세 내용

• 카카오톡 로그인 서버 연결
• 네이버 로그인 서버 연결
• 구글 로그인 서버 연걸

유의사항

목적

로그인, 푸터, 이용약관 화면 구현

작업 상세 내용

• [로그인] : 화면만 구현했어요!
• [푸터 ] : 아직 페이지 연결은 안했습니다!
• [ 이용약관] : 필수 약관 동의하면 main 으로 넘어가게 구현!

목적

이용약관 페이지 구현

작업 상세 내용

• 커뮤니티 이용 약관 페이지
• 개인 정보 취급 방침 페이지
• 각 페이지 푸터 연결
• 회원가입 -> signin 페이지 약관 내용 적용

유의사항

목적

작업 상세 내용

• 고민글 페이지 네이션
• 특정 멤버 고민글 서버 연결
• [ ]

유의사항

목적

작업 상세 내용

• 토론글 생성
• 토론글 수정

유의사항

목적

페이지를 나눠 기본 페이지 생성

작업 상세 내용

• react-router-dom 설치
• route 짜기

유의사항

페이지 나중에 더 필요하다면 나눠봐요!

목적

토론글 서버연결

작업 상세 내용

• 토론글 조회
• 토론글 상세보기
• 토론글 삭제
• 토론 참여하기

유의사항

목적

작업 상세 내용

• [ ]
• [ ]
• [ ]

유의사항

목적

메인 페이지 서버 연결

작업 상세 내용

• 홈 화면 조회 - 3 HOT
• 홈 화면 조회 - HOT 게시글
• 홈 화면 조회 - HOT 토론
• 홈 화면 조회 - M쌤 매칭을 기다리는 고민
• 홈 화면 조회 - 인기 M쌤
• HOT 게시글 더보기
• HOT 토론 더보기

유의사항

목적

서버 연결을 하기 위해 header에 jwt를 추가

작업 상세 내용

• 테스트용 마스터 계정 추가
• MBTI 게시판 디테일 페이지 분리

유의사항

서버 연결에 어려움 느끼시는 분들 연락주세요!!
react-query 처음 공부할 때 저도 엄청 어려웠어서 도움드릴 수 있습니다!ㅠㅠㅠ

목적

main 페이지 디자인 및 서버 연결

작업 상세 내용

• 핫 게시판 컴포넌트 생성
• 초기 서버 연결 설정
• 게시판 컴포넌트 불러오기
• M쌤 매칭 컴포넌트 불러오기
• 토론 컴포넌트 불러오기

유의사항

목적

메인페이지 HOT토론글 API연결
HOT 토론글 디자인

작업 상세 내용

• 메인페이지 HOT토론글 API연결
• HOT 토론글 디자인
• HOT 토론글 더보기 페이지네이션 연결

유의사항

목적

고민글 페이지 추가 디자인

작업 상세 내용

• 고민글 수정 페이지
• 해결 완료된 고민
• 해결 완료 처리
• 페이지 네이션 구현

유의사항

목적

작업 상세 내용

feat

• 신고, 공유 모달창
• 즐겨찾기창 디자인
• 알림 api 연결
• 알림창 디자인

유의사항

목적

작업 상세 내용

• 채팅방 리스트
• 채팅 내역에서 상대방 프로필
• 신고, 나가기 모달창 구현
• 대화 상대 없을 때 화면 구현
• 평가 모달 구현
• 해결완료 평가 화면

유의사항

디자인만 짜서 지금 채팅 내역 받아서 처리하는게 좀 불안합니다.

목적

프로필 수정 페이지

작업 상세 내용

• 한줄 소개 수정
• 프로필 사진 수정
• 닉네임 수정
• MBTI 수정

유의사항

목적

useRecoilState를 사용하니, 라우팅 오류가 생기더라고요!
그래서 useLocation location.pathname을 라우트에 따라 active class를 줬습니다.

작업 상세 내용

• 라우팅 오류 수정

유의사항

목적

Header 컴포넌트 생성

작업 상세 내용

• Header 컴포넌트 생성
• Header 컴포넌트 디자인
• navbar 효과
• Header 항상 상단에 고정

유의사항

목적

채팅 페이지 api 서버 연동

작업 상세 내용

• 채팅방 입장하기
• 채팅 메세지 보내기 및 받기
• 채팅방 나가기
• 채팅방 조회

유의사항

목적

현재 로그인한 멤버 조회

작업 상세 내용

• 현재 로그인한 멤버 조회 api 연동
• 메인페이지 로그인 컴포넌트
• 로그인한 멤버로 마이페이지 게시글 조회

유의사항

목적

작업 상세 내용

• 메인페이지 hot 토론 컴포넌트 수정
• MBTI 과몰입 토론 디테일 페이지 container margin-top
• M쌤 매칭 디테일 페이지 프로필 -> 매칭으로 수정
• M쌤 매칭 페이지 인기 M쌤 route 설정

유의사항

목적

코드 내 삽입된 conflict 메세지 삭제

작업 상세 내용

• conflict 메세지 삭제

유의사항

목적

댓글 관련

작업 상세 내용

• 대댓글 표시
• 본인 댓글은 좋아요 대신 삭제
• 본인 게시글에만 수정 삭제 버튼
• 베스트댓글
• 빈하트 svg 추가
• 댓글 더보기 표시

유의사항

목적

마이페이지 서버 연결

작업 상세 내용

• 프로필 조회
• 유저 별 프로필 수정 버튼 보이게/안보이게

유의사항

목적

과몰입 토론 페이지 수정해야 할 것

작업 상세 내용

• width 수정
• 제목 height 수정
• 디테일 페이지 margin-top 설정

유의사항

목적

댓글 api 서버 연동

작업 상세 내용

• 댓글 작성
• 댓글 조회
• 특정 멤버 별 댓글 조회
• 댓글 삭제
• 댓글 좋아요 누르기

유의사항

목적

해결 완료 서버 연결,디자인 추가

작업 상세 내용

• [ ]해결 완료 디자인
• [ ]해결 완료 서버 연결

유의사항

목적

토론 게시판 관련된 페이지를 만들 것

작업 상세 내용

• 게시판 관련 컴포넌트
• #19
• 게시판 조회 화면
• 게시판 생성 화면
• 게시판 삭제(모달?)

유의사항

목적

검색 API 연결

작업 상세 내용

• 더보기페이지
• MBTI 게시판 검색결과
• 토론 게시판 검색결과
• 매칭 게시판 검색결과

유의사항

목적

MBTI 별 게시판 페이지 서버 연결

작업 상세 내용

• 카테고리 즐겨찾기 누르기
• 카테고리 즐겨찾기 조회
• 카테고리 별 게시글 전체 조회
• 게시글 작성
• 게시글 상세 조회
• 특정 멤버 별 게시글 조회 -> 마이페이지로 이동
• 게시글 수정
• 게시글 삭제
• 게시글 좋아요 누르기

유의사항

목적

메인페이지 내 일부 기능 디자인 및 구현
게시글 삭제 모달 구현

작업 상세 내용

메인페이지

• 매칭을 기다리는 고민 디자인 및 연결
• 인기 M쌤 디자인 및 연결

메인페이지/ 사이드 메뉴

• 채팅 디자인 및 연결
• 즐겨찾기 디자인 및 연결
• 알림 디자인 및 연결

삭제 모달

• MBTI, 고민글, 토론글 삭제 모달

유의사항

목적

MBTI별 게시판 관련

작업 상세 내용

• MBTI별 게시판 페이지네이션 추가
• 게시글 상세 조회시 현재 게시글 제외하고 전체 조회
• MBTI별 게시판 썸네일 없을 경우 삭제
• 첫 렌더링 전체 카테고리
• MBTI에 맞춰서 필터링될 때마다 애니메이션 효과
• MBTI별 게시판 제목 위치 수정
• 게시판 신고, 공유 텍스트 디자인
• 게시판 생성, 수정에서 사진 삭제할 경우 S3 삭제
• 본인 글에도 좋아요 누를 수 있게
• 게시판 상세조회에서 제목 누르면 그 게시판으로
• 게시판 생성, 수정에서 사진 삭제할 경우 S3 삭제
• 전체 게시판에서 글쓸 때 mbti 소문자
• 게시글 글쓰기 없애기 로그아웃했을 때
• 조회수 추가
• 게시판 상세조회 게시글 리스트 오류
• 게시판 생성, 수정 사진 S3 오류

유의사항

목적

프로필 수정 페이지 서버 연결

작업 상세 내용

• 한줄소개
• 프로필 사진
• 닉네임
• MBTI

유의사항

목적

default가 /일때나, 새로고침할 때 적용되지 않는 오류
recoil을 사용해서 적용할 예정

작업 상세 내용

• default를 /로 설정
• 새로고침 해도 라우트 적용되도록 설정

유의사항

목적

게시판 관련된 페이지를 만들 것!

작업 상세 내용

• 게시판 조회 페이지
• 게시판 조회 내 글, 남 글 컴포넌트
• 게시판 생성 페이지
• 게시판 수정 페이지
• 게시판 댓글 컴포넌트

유의사항

아직 서버가 없는 상태라 보여지는 부분만 만들 것입니다!

목적

검색 페이지 구현

작업 상세 내용

• 검색 페이지 디자인
• 검색어 입력 후 검색버튼 누를 시 이전검색어에 뜸
• 인기검색어 현재 시간 확인

유의사항

목적

작업 상세 내용

• 닉네임 중복 확인 구현
• MBTi 서버 보내기

유의사항