문제 정리하기

회원가입, 로그인 관련

1. 회원가입 후 로그인이 안됩니다. 4-20자리를 입력해야 된다라고 뜨고 회원가입이 안됩니다
2. e-mail인증을 안해도 회원가입이 됩니다
3. 회원탈퇴를 했는데 회원탈퇴가 되지 않습니다
4. 회원가입불가
5. 회원가입을 했던 계정을 다시 회원가입 했는데 똑같이 회원가입이 됩니다
6. 이메일 인증버튼 두번이상누르게되면 회원가입 불가 모든 버튼이 작동하지 않습니다
7. 인증코드 발송하면 했다고 alert 창이라도 띄워주면 좋을 듯, 안 뜬 줄 알고 여러 번 누를 수 있고, 엄청 많이 누르면 쓸데없이 요청 많이 이메일 보내게 되니까요.
8. 비밀번호 입력받을 때 조건이 충족되지 않았으면 - 4 ~ 12자 사이로 만들어야 합니다 - 영문, 숫자가 혼용되어있어야 합니다 이런 문구가 있으면 어떤 조건이 안 만족하는지 알 수 있을 듯.
9. 회원가입 시 전화번호를 없는 번호 000000000로 입력해도 가입하기 버튼이 활성화됩니다. 버튼을 클릭하면 console.log로 에러는 뜨는데 유저입장에서는 알 수 없어서 팝업을 띄워주던지 유효성 검사를 추가해 주면 좋을 것 같아요
10. 로그인 화면에서 비밀번호를 잘못 입력했는데, 유효하지 않은 계정이라고 나옵니다. 아이디나 비밀번호가 잘못됐다고 나오는 게 맞습니다
11. 가입하기 눌러도 제대로 가입이 안됨
12. 회원가입 시 이메일입력하고 인증코드 발송을 한 번만 클릭하면, console.log에는 요청토큰 성공이라고 뜨지만 실제 코드는 발송되지 않은 상태입니다. 한번 더 클릭해야 이메일 확인하라는 팝업과 인증코드 입력해 주세요의 input이 생성되는데 console.log에는 이메일 전송 에러가 뜨고 있어요
13. 회원가입 시 전화번호를 없는 번호 000000000로 입력해도 가입하기 버튼이 활성화됩니다. 버튼을 클릭하면 console.log로 에러는 뜨는데 유저입장에서는 알 수 없어서 팝업을 띄워주던지 유효성 검사를 추가해 주면 좋을 것 같아요
14. console.log에는 요청토큰 성공이라고 뜨지만 실제 코드는 발송되지 않은 상태입니다. 한번 더 클릭해야 이메일 확인하라는 팝업과 인증코드 입력해 주세요의 input이 생성되는데 console.log에는 이메일 전송 에러가 뜨고 있어요

---

지도 관련

1. 지도 들어가면 웹 응답 없음
2. 지도 페이지가 전반적으로 너무 느립니다
3. 지도에서 검색했을 때 아무것도 안 나와서인지 사이트가 먹통이 됐습니다. 어떤 것이 검색이 되는지 정확하게 알 수 없고, 또 검색해도 사이트가 먹통이 됩니다. 서버가 죽는 걸까요? 응답이 오지 않습니다. 뒤로 가기도 동작하지 않습니다.
4. 굳이 지도 앱에서 할 수 있는 건데 왜 있는지 모르겠음. 구현이 덜 되어있는 건지 모르겠는데, 검색하려고 하면 로딩 무한으로 걸리면서 튕김.
5. 지도페이지에서 검색을 안 하면 지도가 안 떠요 ( 콘솔창에 위치정보 불러오는 걸 실패했다고 뜨는데 이때도 기본 위치를 지정해서 보여주면 좀 더 좋을 것 같아요 )
6. 지도에서 검색저장목록을 누르면 console.log 에는 저장되었다고 뜨지만 일반 유저 입장에서는 저장된 게 맞나? 알 수 있는 방법이 전혀 없습니다. 팝업이라도 띄워주면 좋을 것 같아요
7. 지도의 경우는 저장한 것은 어디서 보는 건지..? 마이페이지에도 없고 다시 지도 들어와서 검색 저장 목록 띄워도 노출되는 게 전혀 없어요.. 
8. 지도 에러 지도 들어간 후 페이지 응답이 없음
9. 저만 그런 건지 모르겠지만 지도가 뜨지 않는 상태로 오래 기다리면 서비스가 아예 동작하지 않는 것 같아요

---

채팅 관련

1. 채팅에 빈칸으로 입력해도 대화창에 올라갑니다.
2. 채팅을 칠 때 아무것도 안 쳐도 보내집니다. 저희도 댓글에 똑같은 실수를 했고, 댓글을 3200개를 만들고 갔습니다. 서버 과부하 올 수 있으니 빠른 수정 하시면 좋을 것 같습니다.
3. 채팅방 처음 입장 시 입장한 나 자신이 참여자에 보이지 않습니다. 대화상대에는 보입니다.
4. 채팅방 리스트 정렬이 들쭉날쭉합니다. 특정 박스 안에 가둬놓고 비율로 줘야 할 것 같아요
5. 채팅방의 경우 날짜와 시간도 있으면 좋을 것 같아요. 지금은 채팅은 되지만 실제 채팅하는 기능들이 제대로 된 거가 맞는지..?! 현재 실제 접속해 있는 유저의 수도 안 맞는 것 같고 뭔가 채팅 기능은 넣고 싶어서 넣었지만 실제 이 채팅기능을 다른 유저들이 제대로 사용할 것 같은지에 대한 고민을 좀 해보면 좋을 것 같습니다
6. 채팅의 경우 채팅방 나가기가 아니라 뒤로 가기로 나갔을 때 실제 채팅방에 유저는 나간 걸로 처리가 되지 않고 있어요
7. 채팅방에 들어갔는데 제가 보이는 곳이 있고 제가 보이지 않는 곳이 있습니다. 제가 보이지 않는 목록에는 채팅방이 처지지 않습니다.
8. 기존에 대화가 이뤄진 방에는 메시지를 입력하고 엔터를 누르면 채팅창에 전송되지만 기존 대화이력이 없는 경우 작동하지 않습니다. 기존 대화의 유/무에 따른 차이인지는 모르겠지만 그렇습니다.

---

펫 관련

1. 펫을 등록하고 채팅방에 입력하면 닉네임과 펫 이름 및 소개가 나오는데 ui적으로 구분이 하나도 안 가서 뭐지 싶습니다 ㅜㅜ
2. 펫이 여러 개 등록이 가능한데 채팅방에 들어가면 예전 펫 1과 두 번째 펫 2의 유저가 같이 접속된 걸로 노출됩니다. 뒤로 가기로 나가는 유저의 경우도 생각해야 할 것 같아요
3. pet화면 : 귀여운데, 호버링 하면 텍스트로 background 어두워지면서 (흑색 60 퍼? 정도 ) 강아지 설명이 뜨면 더 좋을 듯
4. 펫 같은 경우는 등록하면 맨 하단에 새로 등록한 펫이 노출되는데 shop은 등록하면 제일 최신게 위로 올라와있어서 정렬 기준이 서로 달라서 이상합니다. 하나로 통일 시켜주면 좋을 것 같아요
5. 펫같은 경우 펫을 상세클릭하면 오른쪽에 펫 이미지만 나오고 왼쪽에 펫 소개인데 너무 자리가 텅텅 빈 느낌이 강하게 듭니다. 유저에게 정보를 더 받거나 아니면 이 텅 빈 공간을 어떻게 채워줄지 UI적으로 고민해 봐도 좋을 것 같아요. 예를 들면 추천 펫들을 상세화면에서 노출시켜 줘도 좋을 것 같아요
6. 펫 상세페이지에서 펫정보에 펫이름 성별 종류 적혀있는데 종류는 소형견은 small로 노출되고 상세 내용은 info로 영어로 되어있는데 이거는 무슨 기준인지 모르겠어요... 모두 한글로 통일시키거나 영어로 통일시키는 게 낫지 않을까요??
7. 초콩이, 구름이 등 몇몇 애기 사진이 깨져서 보이지 않습니다.

---

샵 관련

1. shops/modify/xx로 아무거나 입력하면 만능으로 모든 게시물을 수정이나 삭제할 수 있습니다. 막는 것이 좋을 것 같습니다. 적합한 권한을 지닌 유저를 판별하는 guard가 필요해 보입니다.
2. shop이든 pet이든 더 보기 글자 눌러서 가기보단, shop실시간으로 ~ 이 부분을 전부 포함한 사각형을 누르면 수 있도록 하면 좋을 듯
3. shop 보여주는 곳에서 샵 누르면 샵 정보로 이동시켜 주면 좋을 듯 ( 카카오맵 장소 상세 같은 창이라도 좋으니.. ) , 또 너무 빨리 돌아가서 정신없음
4. shop 등록 시 가게 한줄소개에 글자수 제한이 있는 것 같아요. 내용을 길게 입력하면 등록이 안되고 조금 입력해야 등록이 되는데 이럴경우 0/200 처럼 글자수 제한을 둬서 유저가 확인할 수 있게 해야 될 것 같아요
5. shop 등록시 영업시간을 시계 아이콘을 클릭해야 입력가능한데, 터치 영역이 너무 좁아서 유저 입장에서 굉장히 불편해요 터치 영역이 input 전체 영역이 되어야 할 것 같습니다

---

리뷰, 좋아요 관련

1. 리뷰 등록은 되었다가 안되었다 하는 게 있습니다. 게시글에 리뷰가 처음엔 잘 등록되었다가 이어서 등록하면 console.log에 Request failed with status code 403 가 뜨는데 리뷰 로직도 전체적으로 점검해 보면 좋을 것 같습니다.
2. 샵의 후기에 좋아요를 눌렀을 때 누른 순간은 좋아요를 누른 것처럼 표시되나 새로고침할 때는 좋아요를 누른 state가 사라집니다.
3. 자신이 좋아요를 누른 후기의 좋아요를 다시 누르면 추천을 할 수 없습니다라고 표시되는데, 추천했던걸 취소하는 게 맞는 게 아닐까요?
4. 후기작성 한 줄 입력할 때 등록 버튼을 꼭 클릭해야 등록이 되는데 일반 유저들은 enter 치는 게 더 익숙할 것 같아요.
5. 리뷰가 너무 많아서 그런 건지 270개에서 추가로 더 등록하려고 하면 등록이 되지 않습니다. 리뷰 제한은.. 두면 안될 것 같아요
6. 그리고 리뷰의 리스트가 일반적인 사이트의 UI와 달라서 좀 헷갈리는 것 같아요. ux를 고려해 보면 좋을 것 같습니다
7. 리뷰가 다른 사람의 리뷰도 삭제 버튼이 노출되고 있습니다. 본인의 글에만 삭제 버튼이 노출되어야 할 것 같아요.
8. 리뷰 등록 시 아무것도 입력 안 해도 등록버튼이 활성화되고 등록버튼이 눌러지는데, 글자수 제한을 둬서 조건을 충족해야 등록버튼이 활성화되는 게 ux적으로 좋아 보여요
9. 좋아요 버튼을 계속 누르다 보면 리뷰 추천을 할 수 없다는 창이 나오는데 그럼에도 불구하고 계속 좋아요 버튼은 클릭이 되는데 기준을 정하면 좋을 것 같아요
10. 방문자 후기와, 글 작성에도 똑같이 아무것도 쓰지 않아도 작성이 돼, 이 부분들도 수정이 필요합니다.

---

메인페이지, 마이페이지 관련

1. 마이페이지에는 제가 등록한 글만 있고 프로필 정보 수정하는 곳이 어딘지 안 보입니다!
2. 홈페이지 처음 접속했을 때는 왼쪽 상단의 아르와르 이미지 로고가 보이지만 새로고침 하면 사라집니다.
3. 메인화면 좌우 폭 줄일 때 "반려동물과 함께하는~" 부분이랑 그 오른쪽 박스가 화면이랑 마진을 더 두었으면 좋겠음.
4. 메인 헤더는 fixed position 하는 게 더 편할 듯 ( 굳이 의미 있어서 안 한 거면 존중합니다 )
5. 두 개 메인 아이콘이 채팅 서비스/shop 또는 pet 등록하기 서비스로 구성되어 있었던 것이 로그인을 한 뒤에는 shop 등록하기 / pet 등록하기로 바뀝니다.
6. 상단 카테고리 클릭 시 보유 콘텐츠 수량에 따라 메뉴바 길이가 달라지면서 메뉴 간의 간격에 변화가 생기기 때문에 메뉴를 잘못 클릭하는 경우가 생깁니다.
7. 아르와르 메인 로고 이미지가 보이지 않습니다.
8. 메인페이지에서 리스트들은 보통 클릭하면 그 제품 또는 샵의 상세페이지로 가는 게 일반적인 ux일거라고 생각해요. 근데 더 보기를 클릭해서 상세로 가서 다시 보고 싶은 아이템을 찾아야 한다는 번거로움이 있습니다
9. 그리고 가끔 상세페이지에서 홈 로고 아이콘이 엑박 뜰 때가 있어요
10. /shops/{id}에서 새로고침 하면 화면 좌측 상단의 로고가 안 보여요! (기본 이미지 그림으로 보임)

 

---

기타

1. 사진 드래그 앤 드롭이 안 됩니다.
2. 프락시 사용 시 유저의 로그인 post요청 때 password값이 암호화되지 않은 채 출력됩니다
3. 파일업로드취약점이 존재합니다. txt파일을 pet 사진에 업로드할 수 있습니다.
4. 화면 폭 줄이면 화면에 딱 붙어버림
5. 실시간으로 뜨는 곳을 보여준다고 되어있는데, Grooming은 9개 hospital은 7개 cafe 5개 etc 7개로 개수가 다 다름. 통일시켜주면 좋을 듯 ( 만약에 저거 뜨는 곳 추가되면 하나씩 추가되는 상태면 엄청나게 추가되면 밑에 돌아가는 페이지네이션 바 엄청 많아져서 화면 뚫을 것 같은데.. 그건 안 해봐서 모르겠으나.. 숫자를 통일하는 게 제일 나을 듯 )
6. 중간에 로딩 중일때 텍스트만 나오면서 로딩중 뜨는 거 보기에 불편함 (로딩스피너 같은 거 이용하거나, 로딩 안되면 현재 화면 계속 띄워놓는 게 나을 듯 )
7. 전체적으로 사이트가 불안정한 것 같음.
8. 1. 가게 정보 확인 / 리뷰 2. 반려견 자랑 3. 산책 메이트 찾기인데 - 기능이 너무 많음 : 사이트 설명엔 반려동물과 함께하는 매칭 서비스 아르와르 인데, 매칭서비스는 채팅이잖아요... 방향을 아예 잘못 잡은 것 같은데 산책메이트 구하는 채팅 서비스 만들다가 이런저런 기능 붙인 느낌인.. 가게 정보 확인 / 리뷰만 해도 괜찮고 반려견 자랑, 산책 메이트 찾기 만 해도 괜찮은데 너무 많은걸 사이트에 넣으려고 해서 난잡해진
9. 검색 메뉴를 사용한 이후 홈페이지가 전체적으로 얼어서 작동하지 않습니다.
10. https://final-pi-coral.vercel.app/abcdefg...으로 요청하면 헤더만 나오고 404 표시라던가 메시지가 나오지 않아요!
11. 유효하지 않은 URL ex) https://final-pi-coral.vercel.app/abcdefg...https://final-pi-coral.vercel.app/abcdefg...으로 요청하면 헤더만 나오고 404 표시라던가 메시지가 나오지 않아요!
12. 서비스 이용 도중에 잘 되다가 갑자기 DB 문제인지, 서버 문제인지 서비스 곳곳에서 비동기적으로 불러오는 데이터 부분들에서 오류가 발생했다며 데이터가 안 불러와지는 부분이 있었는데, 개발 서버를 따로 운영하고 프로덕션 서버에 적용하여 이러한 부분들을 최소화했으면 어땠을까 하는 생각을 해봤어요! (이 뒤로, 로그인 시, 개발자 도구에 CORS 에러 발생하며 로그인이 안 돼요)
13. 리스트에서 hashtag 나오는 건 아직 미완성인 걸까요?
14. 로딩 중... <- 글자가 보였다가 사라지는데 지금 이거는 너무 완성도가 떨어져 보입니다. 디자인을 입혀서 가운데에 나오거나 하는 방식으로 바꿔주면 좋아 보일 것 같아요
15. 배포전에 console.log 내용은 모두 지워주면 좋을 것 같아요