☕프로젝트 멘토님 리뷰

UI/UX 개선사항

1. Favicon 및 메타 태그 추가
   • 웹 페이지 외관과 공유 시 정보 제공을 위해 Favicon 및 적절한 메타 태그를 추가.
2. 알림 초기 값이 1로 표시되다가 사라지는 현상 수정
   • 알림 초기값이 정확하게 표시되도록 수정하여 사용자 경험 향상.
3. 잔디 날짜 위치 값 조절
   • 잔디의 날짜 위치를 조절하여 레이아웃을 개선.
4. 팔로우/언팔로우 버튼 스타일 및 가시성 조정
   • 팔로우와 언팔로우 버튼의 색상을 다르게 조정하고 가시성을 높여 직관적인 사용자 정보 전달.
5. 투표 완료 시 선택되는 항목 방지
   • 투표 완료 시 선택 방지 및 투표 결과에서 사용자의 선택 확인 가능하도록 UI 개선.
6. 아바타 비율 깨짐 현상 수정
   • 아바타 비율 깨짐 현상을 수정하기 위해 aspect-ratio: 1/1 코드 추가.
7. 게시글/댓글 작성 시간 표시 형식 변경
   • 게시글과 댓글 작성 시간을 연 월 일 시 분으로 표시하는 형식으로 변경.
8. 댓글 등록 후 입력값 초기화
   • 댓글을 등록한 후 입력값이 자동으로 초기화되도록 설정.
9. 버튼 호버 시 디자인 변경
   • 버튼에 호버 시 시각적으로 더 나은 디자인으로 변경.
10. 알림창 로고 클릭 시 닫힘 처리
    • 알림창에서 로고를 클릭하면 닫히도록 개선.
11. 검색 바에서 엔터 키 외에도 검색 가능하도록 추가
    • 검색 바에서 엔터 키 외에도 버튼 클릭으로 검색할 수 있도록 기능 추가.
12. 투표 총합이 101% 일 때 대응
    • 투표 총합이 101%인 경우에 대비하여 인원수 표시 등의 정보를 명확하게 표시.
13. 로그인, 회원가입 페이지에서 홈 이동 링크 추가
    • 로그인 및 회원가입 페이지에서 홈으로 이동할 수 있는 링크 추가.
14. About 페이지 또는 Index에 홈페이지 정보 추가
    • About 페이지 또는 Index에 홈페이지에 대한 정보를 추가하여 사용자에게 더 많은 정보 제공.
15. 웹 폰트 최적화 및 로드 지연 설정
    • 웹 폰트를 최적화하고 로드가 완료될 때까지 지연하는 설정 추가.
16. 리렌더링 최적화
    • 사용되지 않는 영역이 리렌더링 되지 않도록 최적화.
17. 웹 접근성 검사
    • 웹 접근성을 검사하는 사이트를 활용하여 적절한 조치를 취하여 웹 접근성 향상.

코드 구조 및 기능 개선