리팩터링 회의

• 월, 화, 수, 금 11:00 ~ 13:00 (혹은 더)

• 불가피한 사정 이외에 늦으면 커피 나머지 두명중 한명에게 사다리타기
• 두명이 늦으면 둘 중 한명 사다리 타서 안늦은 사람에게 쏘기

UI / UX

1. 반응형
1. 헤더 줄어들 때 검색창 아이콘으로 변경
2. 헤더 줄어들 때 햄버거 버튼으로 변경

2. 버그 픽스
1. 알림 열기

3. 내 그룹 정보 모달에서 오늘의 TIL 작성자 표시

4. 카드에서 html 태그, markdown 지우기

5. 홈 카드 부분 로딩

코드 (목표: 이번주 일요일)

1. js/jsx와 css파일 분리 - 재현

2. Button같은 base 컴포넌트의 사이즈 및 색상(props) 통일하기 - 건열

3. context api 갖다 버리기
1. recoil, react-query

4. 알림 받는 주기 늘리기
1. 알림도 react-query로 변경

5. color.js 테마로 변경 - 재현

기능

1. 툴팁

2. 홈 화면에 그룹 가입에 도움을 주는 정보 추가
1. 인기 그룹 (정렬 조건은 최근 게시글 중 좋아요/댓글 많은 순 또는 전체 게시글 중?)
2. 인기 그룹 더 보기 클릭 시 전체 그룹 페이지

3. TIL 카드
1. hover 혹은 click시에 카드 뒤집어 지기
2. TIL작성자, 스터디 그룹 정보 보여주기.

4. 그룹 가입자에 한해서만 댓글 작성 가능하도록 변경

5. 비공개 그룹 (QR, Link를 통해 가입 가능 할 수 있게)

6. 내가 TIL을 언제 몇개 작성했는지 볼 수 있는 달력 페이지(or 모달)

7. 회원가입 폼 수정 (특수문자), validation

8. 마이 페이지에 내가 작성한 TIL 볼 수 있는 공간

9. 그룹장이 탈퇴한 회원의 게시글을 삭제할 수 있도록

10. (추가) 그룹에서 탈퇴할 때 게시글을 남길지 여부

11. 404페이지 작성

12. 비로그인시 접근 막기
1. url로 접근 시: 401 페이지
2. 버튼으로 접근 시: 토스트로 알림

기획

1. 그룹이 있는 이유와 장점을 모르겠다!
1. 어떤식으로 보완해야 할까… 고민해보기.

이전 리팩토링 회의

404페이지 (재현)

favicon 크기랑 비율 이상한것같아서 수정해야할 것 같음 (재현)

검색 필터 드롭다운 다른곳 클릭했을때와 esc눌렀을때 닫히도록 이벤트 넣기 (재현)

검색 아이콘 변경(혜준)

검색이후 검색어 초기화 (재현)

비로그인시 접근 막기 (재현)

• 내 그룹 페이지 이동

그룹원 maximum일때 가입 불가 (혜준)

그룹 가입 페이지 하단 여백 추가

그룹 관리 페이지에서 정보가 수정되지 않았을 경우 버튼 비활성화 (혜준)

새 알림 있을 때 실시간으로 종에 표시? (건열)

• 알림에서 누가보냈는지

• 알림 읽음 처리

• 읽은 알림 style 변경

• 알림 필터링

• 댓글 수정 시 id 값 storage 변경

Input, Textarea, TagInput ref → state 변경 (건열)

그룹 생성할 때 이름 겹치는거 처리(현재는 에러) (건열)

TIL 보기 로그인하지 않은 사용자 처리(댓글, 좋아요 disable)(건열)

• 그룹 상세보기 버튼 (건열)

alert ⇒ Toast 변경 (건열)

로딩 처리

• suspense

스켈레톤 처리

• 알림

• TIL Detail

• TIL Card

• 그룹 정보 모달

페이지네이션 데이터 없을 경우 처리 (혜준)

헤더 부분 반응형으로 (혜준)

헤더 알림에 호버했을 때 설명 뜨기 (혜준) → 위에 거랑 합쳐서 최종 플젝 이후에 도입해보겠습니다..

검색 결과 페이지 스타일링 수정 (혜준)

헤더 로고에만 마우스 클릭 되게 수정 (오른쪽 부분 수정)

empty 활용해서 검색 내용없을때 보여주는거 추가 (혜준)

마크다운 제거 (재현)