로그인 / 회원가입 페이지
Header Component 알림 페이지 링크 수정
시간 계산 함수 만들기(기홍님)
PageWrapper 적용
회원가입 ⇒ 로그인 전환 과정 Modal 추가
기존 SignupModal, LoginModal 기본 컴포넌트 Modal로 변경
회원가입 페이지 비밀번호 / 닉네임 제한사항 안내 텍스트 추가
input 자동완성 사용하면 배경색 파랑으로 변경되는 부분 수정 (신영님)
닉네임 6글자 제한 추가
Logo 이미지 새로 업로드 (소진님)
스타일 조정
=====================================
로고 교환하기
inValid 토글이 안되는 문제
비밀번호 확인도 유효성 검사
메인 페이지
PageWrapper 부분에 옵션으로 info 추가하기
게시물 등록한 날짜 안보이는 문제 체크
하트 / 댓글 / 더보기 등 버튼 outline 생기는 문제 해결
태그 부분 디자인 시안과 맞추기
이미지 밀려있는 문제 (소진님의 게시물 등록 페이지 참고)
클릭하면 이동되는 부분 확인하고 cursor: pointer 추가
게시물 수정, 삭제 모달 추가
=============================================================
전반적으로 디자인 시안과 동일한지 체크 △
게시물 삭제 구현
게시물 수정 구현
게시물 디폴트 이미지 수정 적용
좋아요 시 상대방에게 알림
댓글 작성 시 상대방에게 알림
시간 함수 만들어서 적용
라우팅 수정 (신영님)
contents 남아있는 부분 삭제 (신영님) → 선협님에게 요청하면 전부 지워주심(채널까지) 지워버려요
포스트 상세 페이지
포스트 페이지와 구분될 수 있게 뒤로가기 버튼, info(OOO님의 게시물) 추가
border-bottom 적용된 부분 삭제, 상단에만 border 추가
댓글 입력하면 스크롤, outline 생기는 부분 수정 작업
댓글 입력창 글자 색상 수정
currentUser의 Id가 댓글의 Id와 일치할 때만 더보기 버튼 나타나게 수정
댓글 입력창 등록 버튼 간격 맞추기
==========================================================
댓글 클릭하면 해당 유저 페이지로 이동하는 기능 추가
유저 정보(이미지, fullName) 연동 부분 체크 △
id를 param으로 받아오기 ( router path: /post/detail/:id로 변경됨 )
모달 짤리는 버그 수정
태그 url에서 #빼기
==========================================================
좋아요 취소 시 버그 수정
댓글 버그 수정
ㄹㄹㄹㄹㄹㄹㄹㄹㄹㄹㄹㄹㄹㄹㄹ 수정하기
보더 제거하기
… 위치 조절하기
작은 화면에서 폰트 조절하기
flex-grow: 1
==========================================================
뒤로 가기 클릭 시, 이전 위치 유지하기
윈도우 창에 스크롤 추가하기
게시물 등록 페이지
태그 갯수 제한 부분 ⇒ 5개 이상 입력하면 Modal처리 or 에러메시지 컬러 변경 으로 처리
태그의 X(삭제)버튼 여백 수정
게시물 작성시 태그는 생략 가능, 이미지/게시글은 필수 작성으로 수정
게시물 등록 버튼 스타일 수정
서버와 연동 에러 수정
useValidInput 유효성 검사 오류 수정
textarea focus시 테두리 사라지는 부분 수정
textarea 스크롤 없애기 → 하단 fixed 버튼에 textarea가 가려지는 부분 해결하기
게시물 수정 페이지 작업
포스트 수정버튼 Merge 후 정상적으로 수정되는지 테스트
PostEditPage+PostAddPage를 합친 컴포넌트명 구상하기 → 그냥 PostEditPage로 결정
새로고침 후에도 location.state.post 값이 유지되는지 테스트 → 유지되어 서버요청 X
검색, 태그검색 페이지
검색 결과 그리드 이미지 height 부분 수정 (신영님)
클릭하면 이동하는 부분 / 버튼 cursor: pointer 추가
태그 페이지에서 params로 tag받아서 처리
검색 후 빈 배열로 내려올 경우 검색결과 없음 메세지 출력하기
빈 검색어 입력 시 에러 메세지 나타나는 부분 수정
textarea focus 관련 문제 스타일 변경
프로필 사진 계정 연동하기
처음 화면 진입 시 ‘검색 결과가 없습니다.’ 메시지 안 보이게 하기
(제 자리에서는 적용되어보이네요)
마이 페이지
그리드 이미지 여백부분 문제 확인(
처음 접근 시 탭 부분 선택 안되어있는 문제 - Active아이콘 아직 존재하지 않아 → 갖다씀
getUser로 정보 전부 가져오기
mm 삭제
탭 클릭해도 선택 안먹히는 문제 (아이콘도 Active 컬러로 변경 안됨)
오늘 저녁에 추가된 사항
UserPage , MyPage 하나로 합치기 /user/:id로 이동 → UserPage
언팔로우가 제대로 작동하지 않는 것 같아
모달창 추가
Active 아이콘 추가 (소진님)
좋아요 탭을 눌렀을 때만 호출 → 좋아요 포스트 안 누를 수도 있으니까
언팔, 팔로우 시 count state 처럼 적용하기 api 호출 하지 않기
이름 위에 marginbottom 10px
PostImageContainer grid-template-columns: repeat(3, 32%); ⇒ 이미지 변경 시 잘 맞추기
배찌는 아이콘 형태 → Image
Lazy loading 추가하기 (시간 되면)
GRID POST IMAGE 기본 값 상수화
현재 유저의 UserPage엔 Header info true
사용자페이지 팔로워 숫자확인
닉네임 부분: font-weight 600;
게시물/팔로워/팔로잉의 숫자부분 : font-size: 20px, font-weight 600;
팔로잉버튼 : background-color: mainWhite
팔로잉버튼 폰트색상 : fontNormal
탭 아이콘(grid/heart) : 사이즈 24px- 팔로우 페이지
레이지 로딩 placeholder 이미지 기본 이미지로 변경
팔로잉, 팔로워 컴포넌트에서 getUser api 호출을 하도록 수정 → state로 처리 → 탭누를 때마다 호출 → 문제해결
좋아요 포스트 무한스크롤
토큰이 없다면 팔로우 버튼이 안보이게 처리
기타
배포
배포
🎈 다음 시연 부터는 자기가 그 날 작업한 부분 확인 가능하게 회의 전에 merge 시키기 🎈