[항해99] MIL D+92 (5주차)

그래도 나는 너를 사랑해

실전 프로젝트 5주차(09/23 ~ 09/29)

배포 그 이후

• 유저 피드백 정리

🤔 유저 피드백 · moodCatcherProject/Front-End Wiki

GitHub - moodCatcherProject/Front-End: mood catcher

• 정말 어마어마한 피드백이 쏟아졌다..
• 프론트, 백, 디자이너, 기획자가 다 뭉쳐서 찾은 것보다 더 많은 에러와 피드백 사항들이 쏟아졌다.
• 사실 이번주는 기술적으로 무언가를 추가하고 그런게 없다 끊임없는 유저 피드백과의 싸움이었다.
• 나는 이 과정의 나를 “피드백 깎는 프론트”라고 명명했다.

피드백 목록 (바로 아래에 더보기토글 있어요!)

• 디테일페이지 좋아요 완성!
• 마이페이지 새로고침 했을 때 상태유지 완성!
• 메인페이지 대표게시물 여백 맞추기
• 좋아요 페이지 4개씩 나올 수 있게 하기
• 마이페이지 옷장 정렬 맞추기
• 전체적인 페이지의 폰트가 무신사 아이템 폰트로
• 상단의 글씨 색상 하얀색으로
• 대표게시물 지정을 쉽게 할 수 있도록 하기
• 상대 옷장들어가면 my closet으로 뜨는 이유
• 토큰이 없는 상태에서 페이지 진입 막기 O
  • app.js에서 조건문 추가( “/”에서만 토큰 검사 검사 X)
• 카카오 로그인시 닉네임 입력 창에서 못 나가게 하기
• 디자이너님 피드백 상황
  • 이동하기 버튼을 화살표로 -> 알림창 안에 있는 것으로
  • 상대방의 옷장의 헤더는 다르게 O
    • 상대방의 옷장페이지/상대방의 마이페이지에서는 기본 무드 캐처 헤더로 수정
  • 프로필 수정할 때 사진이 필수 값이 아니도록 O
  • 메인페이지에서 헤더 라인이 좀 더 아래로 내려오도록 O
  • 마이페이지에서 프로그래스 바가 하이라이트 중앙에 오도록 O
  • 프로필 설정창에서 기본 이미지를 이미지가 있는 경우에 자기 이미지가 나오도록 O
  • 명예의 전당 보러가기 글씨 좀 더 작게 O
  • 무디로 바꾸기 글씨 좀 더 작게 O
• 명예의 전당 페이지 무한스크롤 에러 해결하기 O
• 회원가입 페이지에서 인증번호 버튼 만들고 API 추가하기 O
• 비밀번호 변경페이지에서 수정 → cookie를 어떻게 전송할지…..
• 알림(수정) O
  • 나의 알/림 이 되어버림
  • X 위치도 좀 더 안쪽으로
• 헤더에서 지도 색 좀 더 연하게(수정) O
• 유저의 닉네임을 누르면 유저의 마이 페이지로 이동할 수 있도록(수정) O
• 상세페이지의 좋아요 상태유지(수정)
  • 다른 사람이 좋아요를 눌렀을 때 좋아요 상태값이 변한다?
  • 백엔드와 협업 필요
• 로컬로그인에서 닉네임 선택창 안 나오도록 → exist 문제(수정) O
• 댓글이 짤림/댓글 폰트를 바꿨으면 좋겠습니다(준수)
• 앱 다운받기 =>로그인 페이지에서 (준수)
• 메인 페이지에서 무한스크롤 부분 양쪽 여백이 다름 -> 왼쪽이 조금 더 좁음 (준수)
• 카카오톡 유저의 기본 프로필? -> 기본이미지로 변경(수정)
  • 백엔드와의 협업이 필요한 부분 고민중
  • 쿼리 값으로 original 보내드리기로 함
• 로그아웃이 안 됨(수정)
  • remove.cookie에 옵션으로 maxAge를 음수로 줘서 해결
• 카카오맵 (준수)
• 무신사에서 상품을 고르는 페이지에서 위로 안 올라가는 이슈(모바일)
• 대댓글을 클릭했을 때 아무것도 렌더링이 안 되는 이슈
• 검색 결과페이지에서 에러 메시지 위치
• 대댓글 삭제시 알럿창 지우기 O
• 핫 게시물 삭제시 상세페이지로 이동할 때 에러 메시지
• 알람 메시지 부분 사진과 날짜 나오도록 수정하기
• 업로드 수정페이지에서 무신사 검색 선택하면 안나오는 이슈
• 댓글 삭제에서 알럿 두 개뜨는 이슈
  • redux>async>comment.jsx에서 alert 주석
• 댓글에서 대댓글 숫자 뜨게
• 사진업로드에서 뒤로가면 전에 무신사에서의 데이터가 남아있는 이슈
• 사진업로드시 완료하고 무신사아이템이 계속 남아있는 이슈
• 로컬로그인의 경우 로그아웃이 될 때도 있고 안될 때도 있음, 카카오로그인 상태에서는 로그아웃 잘됨
• 게시글 작성 시 이전 게시글의 무신사 아이템 정보가 불러와짐
• 마이페이지에서 여자인데 남자캐릭터가, 남자인데 여자캐릭터가 나오는 경우 있음. 새로고침하면 원래대로 바뀜
• 게시글 작성 후 메인페이지에서 작성한 게시글이 바로 보이지 않음
• 작성된 대댓글 누르면 아무것도 안나오는 페이지로 이동함
• 게시글 수정시에 무신사 돋보기 아이콘 사라짐
• 게시글 수정시에 무신사 아이템 플러스 누르면 선택된 아이템이 상단에 바로 뜨지는 않고 완료버튼 누르면 적용된 상태로 게시글 작성됨
• 검색페이지에서 자음만 검색이 안됨 자음만 적을 경우 '검색어에 공백이나 특수문자 포함할 수 없다'는 메세지 표출(원래 안되는거면 무시하셔도 됩니다~!)
  • 정규표현식에 자음과 모음도 추가
    • 자음과 모음만으로도 검색 허용
• 회원 탈퇴 하면 탈퇴가 안 되고 이상한 계정이 되어버리는 이슈
• ADD ON) 9. 무디로 바꾸기, 사람으로 바꾸기를 UX를 위해 버튼이나 호버 등 누를 수 있는 느낌으로 바꾸면 더 좋을 것 같아요!
• 회원탈퇴 확인해야함 현재안됨
• 댓글은 15자, 대댓글은 12자까지만 나오고 그 이후는 짤림. 유저한테 몇글자까지만 가능하다고 알려주거나 제한을 둬서 최대글자 이상 적는걸 막아야할듯. 아니면 아래줄에 연결해서 계속 나오도록 하면 베스트!
• 댓글 창에서 페이지네이션은 적용되어 있고, 무한스크롤은 적용되어 있지않아 8개까지만 나옴. 페이지네이션을 빼거나, 무한스크롤을 추가하거나 해야할 듯
• 댓글 창에서 대댓글 개수 보여주기
• 댓글 삭제 알림창 2개
  • redux>async>comment.jsx에서 alert 주석
• 알림창에 중복댓글 적용이 안됨. '다른 캐처님께 댓글을 남겨 무드포인트를 획득했습니다'의 경우 중복체크되지만, '다른 캐처님이 게시물에 댓글을 달아주셔서 무드포인트를 획득했습니다'는 개별 알림으로 옴
• 작성자 검색 창에서 포함단어를 검색하면 해당하는 사용자의 대표게시물이 떠야하는데 '주디짱짱맨'의 경우 '주디'를 검색했을 때 나오지않음. '주디짱짱'을 검색하면 결과에 나옴. 하지만 사진은 안나옴
• 무드포인트 쌓는 방법 알림창에 hot rank 등재될 경우 1,2,3등 각 3천포인트에서 등수별로 차등을 두는 것으로 변경되었음. 1등 3천 2등 2천 3등 1천 포인트 적립
• 상세페이지에서 좋아요를 눌렀다가 취소했다가 눌렀을 때 반영이 안됨. 새로고침하면 반영되어 있음. 좋아요페이지에서 좋아요 누르는건 즉각적인 반영됨 굿굿
  • 로컬에서는 잘 되는데 왜일까요…..
• 좋아요를 누르다보면 댓글이 NaN년 전으로 바뀜. 추측하건대 데이터를 받아오기 전에 댓글을 먼저 보여주는 듯....?
  • 로컬에서는 이런 현상이 일어나지 않음….
• 마이페이지에서 옷장부분 반복되는 현상
• 마이페이지 옷장 부분 부드럽게 스크롤
• 전체화면일 때 무한스크롤이 안 되는 이슈(PWA)
  • 모니터 크기 이슈
• mood grade 기준 알림창 수정되어야 함. 2단계 1000포인트 이상/3단계 3000포인트 이상/4단계 6000포인트 이상/5단계 10000포인트이상
• 검색페이지 동일한 게시물이 2개씩 나오는 경우가 있음. 무한스크롤 이슈로 예상
  • [...new Set(recommendedList.map(JSON.stringify))].map( JSON.parse ); 으로 중복 제거
• web-vital 개선
• hotposts 게시물을 눌러서 상세페이지로 이동했다가 뒤로 가기 후 다른 hotposts로 이동하면 이전 게시물의 댓글이 보이는 현상
• 마이페이지에서 새로고침했을 때 헤더가 마이페이지를 읽지 못하는 이슈
• 로컬로그인에서 로그아웃이 안 되는 현상
  • 카카오 로그아웃은 잘 됨
  • 카카오 로그아웃시 다른 쿠키들까지 삭제될 수 있도록
    • 새로운 함수를 작성해서 쿠키를 다 날렸으나 카카오 도메인 쿠키는 삭제되지 않고 있음 더 연구 필요
• 대댓글을 달면 댓글에 하나 더 생김
• 알림
  • 나의 알/림이 되어버림
  • X를 눌러도 삭제버튼이 눌러짐
• 명예의 전당에서 리사이징 에러 해결하기
• 이메일에 정규식 _ 추가하기
• 대댓글 채팅이모티콘 눌러도 들어갈 수 있게 하기
• 맨위로 올라가기 버튼이 가끔씩 이상하게 먹힌다
• 알림창에서 X 버튼 누르면 알림창 끄기가 아닌 알림 전체 삭제기능이 연결됨
• 댓글 스크롤을 내리다보면 똑같은 댓글이 나옴
• 지도에서 유저 사진이 원본크기로 나옴
• 명예의 전당에서 게시물 사진이 안뜨는 경우 있음
• 마이페이지에서 레벨 몇단계인지 알려주는 박스가 오른쪽부분이 살짝 잘려서 나와요!
• 게시글 상세페이지에서 게시글 작성시간이 나오도록 수정하는게 어떨지 디자이너님과 얘기해보고 OK하면 위치정하기
• 댓글창에서 댓글 개수 보여주는 박스를 누르면 대댓글 창으로 이동되도록 추가
• 댓글 작성 직후에는 댓글 개수가 빈칸으로 나오고 새로고침하면 0으로 채워짐
• 스타트 페이지는 성별입력후 나오도록
• hot게시판 좌우 규격 맞추기
• 마이프로필 수정에서 모바일 줌아웃 해결하기
• 댓글 대댓글 자아분열 이슈
• hotposts에서 삭제된 게시물(현재 1등사진, 권영님)을누르면 삭제된 게시물입니다 알림뜨고 상세페이지로 이동하면서 에러납니다.!
• 마이페이지 유저 조회 API 새로 만들기
• start페이지 마지막 페이지 모바일에서 안 나오는 이슈
• 핫 게시물 안 뜰 때 게시물 비워있는 거 만들기
• 나의 알림 창에 duplication이 적용될 때도 있고 안될 때도 있음
• 모바일 환경에서 나의알림창에 시간, 댓글창에 작성자이름이 너무 작게 나옴
• 인기게시물로 뽑힌 유저가 회원탈퇴 시 인기게시물 조회가 에러가 남.
• 로그인페이지에 약관 추가하기
• 어플에서 설문조사 버튼을 누르면 설문조사로 이동하도록
• 로그인 헬퍼텍스트간의 간격이 다르다.
• 이용약관 펼쳐보면 이상하다
• 약관도 온클릭이벤트가 잘못되어있다.
• open메시지 크기가 안 맞는다.
• like와 search의 게시물 하나하나씩의 포멧이 다르다.
  • search에 있는건 괜찮게 보이지만 하트위치가 다르다.
  • 제목이 한줄이냐 두줄이냐에 따라 다르다.
  • like 글씨가 빠져나온다. like에서 줄간격이 너무 다르다.
  • search섹션하나에 css 규격이, 폰트를 하나로 맞추어 게시물들마다 규격이 다르다.
• 서비스 특징상 이미지를 아예 자르는게 낫다.
• 아예 가로로 길면 그냥 잘라라
• 댓글에 브라우저마다 다르게 먹히는 css를 초기화시키는 게 있다. 그걸 해라.
• 브라우저마다 기본css가 달라서 그걸 초기화해라
• totop버튼을 오른쪽으로 달아 놓는 것이 좋다.
• 로딩페이지가 로딩될때 안나온다.
• 리렌더링, 댓글을 리패치, api요청을 하고 state에 넣는데, 새로고침을 없애라
• 앱 아이콘 안에 있는 흰색 원이 오른쪽으로 치우쳐져 있다.
• 앱 아이콘 오늘쪽으로 치우쳐져 있는것 고치자 미세한 차이
• 탈퇴한유저의 상세페이지를 들어가면 에러가 터진다.
• 헤더의 로고가 너무 큰 범위를 쓸데없이 차지한다.
• 헤더에 line이 margin의 통제를받는다.
• 폰트를 통일성을 줘야한다.
• 파일업로드할때 ui가 좀 구리다.
  • 내용 밑에 다음 버튼을 만들거나, 스크롤을 없앨 수 있도록 하거나.
• 네비게이션바가 알럿창 떴을때 스크롤바가 문제가되니 스크롤 바를 없애는 방향으로 가자.
• 이벤트 버블링, 캡쳐 관련해서 마이페이지에서 자신의 글을 선택하면 갈 수 있을 것 같은데 못 간다.
• 새로고침하면서 좋아요를 계속누르면 미친듯이 요청을 보내면 네트워크 에러가 뜬다.
• 사진에서 404가 나올시 w280을 post로 바꾸면 우선 에러가 안나옴
• 알림에서 X 버튼 제거
• 무디로 바꾸기 버튼 이상
• 대댓글이 아닌 댓글로 정의 바꾸기
• 프로필사진 클릭했을때만 이동할 수 있게
• 로그아웃 → 쿠키에 만료기간을 만든다음에 삭제시켜서 날라가면 안날라가면 비동기문제
• 딜리트해도 안날라간다. 로그아웃할때 쿠키가 재발급된다.
• 서치페이지 가로스트롤 이슈
• 라이크페이지에서 전체 아무데나 누를수 있게 ux해놓고 사진을 눌러야만 이동하는 이슈
• 헤더, 서치페이지에서 작성자와 검색 세련되게 서치페이지 검색창 세련되게, 무한스크롤하면서 백그라운드가 바뀐다.
• 로그아웃 → api.jsx의 response부분이 문제의 핵심 이 부분을 잘 설계해 볼 것!
• mood grade에서 ? 눌렀을 때 여자는 여자 캐릭터 남자는 남자캐릭터 나오게
• 카드 색션 눌렀을 경우 바로 이동 가능
  • 1. 좋아요 버튼을 검색/좋아요 페이지에서 작동 X로 만들기
  • 1. 카드 색션에 옵션 추가하기
• 상세페이지에서의 좋아요 기능 확인하기