릴리즈 1.1버전의 프론트엔드 버그 수정하기

[include42]

목적

1.1버전의 버그 리포팅 및 QA를 통해 얻은 프론트엔드 버그 목록을 수정한다.

체크리스트

• 게시물 카드의 높이 상한선을 만들기
• 게시물 카드 양 옆의 여백을 클릭 시 게시물 상세보기로 연결되는 버그 해결하기

주의 사항

1.1버전에서 새로운 버그 발견 시 여기에 기록할 예정

관련 이슈

일정

[include42]

2020.09.17 확인된 버그 스크린샷으로 올려둡니다.

• 1번 버그의 경우 components/card/Card.vue에 상한선(max-height) 옵션을 두면 해결되고, 다만 그 값을 얼마로 해야 할 지 테스트가 필요합니다.
• 2번 버그의 경우, 현재 v-col 범위 전체에 click 이벤트가 걸려 있어 생기는 문제로 추측됩니다. 범위를 카드의 범위와 동기화시킬 방법을 찾아보겠습니다. 코드는 components/card/Cards.vue입니다.

[include42]

개선사항 제안

• 삭제된 댓글일 경우, 신고 버튼도 보이지 않도록 수정
• 댓글에도 링크 라이브러리 적용하여 링크가 걸리도록 하기
  • 댓글도 줄바꿈이 되는게 좋을까? 오히려 과하지는 않나? 다른 서비스 조사해보고 이에 대해 공유해보겠습니다.

[hwanghe159]

개선사항 제안

• 다이어리에서 1주일이 지난 자신의 글을 볼 수 있는데, 클릭해서 상세페이지로 들어가면 댓글을 달 수 있다. (1주일이 지난 자신의 글에 댓글을 달 수 없도록 막는 건 어떨까?)

[include42]

텍스트에리어의 높이 이슈 관련해서, 확인한 결과 vuetify - textareas에는 특별한 관련 옵션이 없습니다.
그리고 만약 높이 제한을 두더라도, 예를 들어 개행만 5개정도 넣어서 게시물을 작성하는 등에 대해서는 대응할 필요가 있을 것 같아요.
그래서 생각한 아이디어는 다음과 같습니다 :

• 개행은 한번에 1개만 허용. 만약 개행이 연속해서 2개 이상 나오면 1개만 남기고 삭제(\n\n -> \n)
  • 이 방식은 현재 인스타그램이 사용하고 있는 것으로 알고있음
• 만약 빈 글에 대한 정책이 생기면, 개행만 존재하는 글도 포함해야 함
  • 다만, 현재 새벽 서비스는 빈 글을 허용하고 있음. 감정만 찍어서 다이어리에 누적할 가능성 고려