(*다크모드로 봐야지 첨부된 이미지의 특징을 더 잘 볼 수 있음.. 캡쳐가 화이트모드에서 하는바람에 캡쳐 이미지 구분이 잘안됨..)

질문

1. 내가 쓴글에 신고버튼이 나한테 왜 필요한것인가? (글 작성자에게도 신고버튼이 보이는 문제)

2. 추천/비추천 버튼 은 왜 일반유저에게도 노출이되는가?

3. 추천/비추천 버튼의 아이콘은 왜 규격외인가? (다른 버튼 아이콘들은 정상 작동 하는데..권한 여부 말고 보여지는 모습 CSS적으로..)

문제점을 인식 

모든글 카테고리로 내가쓴글에 접근하면  화면 벗어남 문제가 안생김

개별 카테고리로 내가쓴글에 접근하면 화면 벗어남 문제가 생김

모바일로 잇싸 보는데.. 

화면이 틀을  자꾸 벗어 나더라구요..

(화면의 가로축이 이상하다.

: 원래는 아래위로만 스크롤이 되어야 되는데..

: 화면우측으로 버튼 하나사이즈를 벗어난다.. 이상하다..)

뭐 그런 생각을 했는데.,.

문제점 발견 아래의 이미지와 같다.

(*화이트모드 사용할때 캡쳐한거라서 다크모드로 보면 뭐가 문제인지 잘 보임)

뭐가 옆으로 삐져나오나 봤더니

보라색 테두리로 표시한것 처럼

상자안에 버튼이 삐져 나옴

이게 왜그런가.. 곰곰히 봤더니.. 

내가 작성한글을 내가 봤을때.. 생기는 문제.. 

(왼쪽부터)

목록 / 수정 / 삭제 / 추천비추천 / 글쓰기 / 신고 / 스크랩

버튼의 목록은 인데..

이 현상은 내가 작성한 글 을 보았을때만 생김.. 

모든글 카테고리로 내가쓴글에 접근하면  문제가 안생김

개별 카테고리로 내가쓴글에 접근하면 문제가 생김

(왜냐하면 모든글 로 내가 쓴글에 접속하면 글쓰기 버튼이 안보이기 때문에)

*아래 이미지는 모든글로 접근한 모습

*아래이미지는 개별 카테고리로 접근한 모습

글쓰기 버튼이 보이고 안보이고의 차이임

내가 쓴글에만 문제가 생기는 이유는 

수정 + 삭제 버튼이 추가 되기 때문에.. 

저 버튼이 전부 필요한 것일까? 

자신이 작성한 게시글을 자신이 신고할 확율은 몇 % 일까? 

내가 쓴글을 내가 신고할리가 없을텐데.. 

내가 생각하는 합리적 버튼 구성

1. 일반 유져가 보는경우

목록 / 글쓰기 / 신고 / 스크랩

2. 작성자가 보는경우

목록 / 수정 / 삭제 / 글쓰기 / 스크랩

3. 관리자가 보는경우 (관리자가 게시글을 보는과정에서 해당 게시글을 수정 삭제 하는 경우가 없을테니까..)

목록 / 추천/비추천 / 신고 / 스크랩

이런식으로 노출되는게 맞지 않나.. 

특히 추천/비추천 버튼은 관리자 이외의 유저에게 노출되면 안되는거 아닌가! 나한테 왜보이는지!!! 누르지도 못할거!! 

내부 관리 정책일텐데.. 

관리자도 한 3~4 단계로 권한이 나눠져 있겠지만 서도.. 

아이콘의 문제.. 

위의 이미지에서 보는 바와같이 

목록 / 수정 / 글쓰기 / 신고 / 스크랩 / 댓글쓰기

버튼들의 같은점은 위아래좌우 간격(padding), 글씨의 크기, 글씨폰트, 배경 색상, 글씨 색상 등 한번에 다 가져 오면서 

버튼들의 다른점은 왼쪽정렬 + 오른쪽정렬 정도 차이 / 버튼을 누르면 다른 각기 다른 역할을 한다 / 버튼안에 써진글자가 다르다 정도.. 

추천/비추천은 왜 규격외의 버튼을 만들었나!! 라고 생각했었는데.. 

심지어 네에버에서 만든 웨일 브라우져 에서는 아래와 같은 형식으로 표시됨

(왜 웹 기준에도 맞지 않는 방식으로 만들었나!!!)

*아래의 이미지는 PC버전 네이버 웨일에서 캡쳐한  버튼 그룹의 모습

반복적으로 드는 생각은

죄송하지만.. 전반적으로 프론트엔드가 약하지않나.. 

개선 과정중이구나.. 라고 생각하기에는.. 지속시간이 길고.. 

아무도 지적을 안하고 넘어가버리는점도 아쉬움.. 

바로바로 지적을 해줘야 바로바로 고치는데.. 

그러려니 하는게 더 망치는 길..인데..