⭐ 추가된 항목
💬 포스트 분석 페이지
포스트 분석은 포스트 관리 페이지에서만 확인이 가능했는데요. 다양한 곳에서 이동하여 확인할 수 있도록 페이지로 분리하였습니다. 페이지 내부에서는 조회수 추이, 방문자 평가, 유입 경로 등을 확인할 수 있습니다.
방문자 평가는 새롭게 추가된 항목인데요. 사용자가 포스트 본문 하단에서 도움됐어요 또는 도움안돼요 등을 체크한 것을 측정한 값입니다. 이 수치가 글 작성자에게 좋은 피드백이 되었으면 좋겠습니다.
🔨 개선된 항목
💬 포스트 본문 > 포스트 관리
포스트 본문 상단에 포스트를 제어할 수 있는 버튼들이 분리되며 포스트 분석 버튼이 추가됩니다. 해당 버튼을 누르면 포스트 분석 페이지로 이동됩니다.
💬 모달 사용성 개선
- 모달에 입력창이 있는 경우 포커스 되도록 개선하였습니다.
- 모달에서
ESC를 입력할 경우 모달이 닫히도록 개선하였습니다. - 로그인 모달에서 로그인시 로딩 인디케이터를 보여주도록 개선하였습니다.
💬 기타 디자인 개선
- 기본 포스트 이미지가 추가되었습니다.
- 기본 사용자 프로필 이미지가 변경되었습니다.
- 포스트 본문 페이지가 로딩중에 일렁이는 현상을 수정하였습니다.
- 설정 페이지 일부가 다크 모드에서 스타일이 깨지는 현상을 개선하였습니다.
- 시리즈의 포스트 목록에 상하단 페이지 네비게이션을 제거하고 무한 스크롤을 적용하였습니다.
💻 월간회고
이 프로젝트를 처음 고안할 때 페이징에 대한 처리를 페이지 네비게이션으로 할지 무한 스크롤로 처리할지 고민을 많이 했었다. [[프로젝트 중간회고]] 당시에는 무한 스크롤에 대한 문제가 확실했고 호불호도 강한 요소라서 가능하면 적용을 피했다. 가장 핵심 문제점으로 지적된 것은
- 과거에 작성한 게시물에 수렴할 수 없는 구조
- 뒤로가기 이슈
위 두가지 항목이었는데, 과거에 작성한 게시물에 수렴하지 못하는 것은 게시물 정렬을 최신순과 과거순으로 전환할 수 있게 해주면 간단하게 해결이 가능한 문제다. 그러나 가장 큰 문제라고 생각했던 것은 뒤로가기에 대한 이슈였다. 당시에는 프로젝트를 MPA로 진행해서 특히나 해결하는게 매우 어려웠다.
물론 다양한 해결 방법이 있었다. 하지만 근본적으로 모두 하나씩 사용성을 희생해야하는 단점이 있었다. 원래 위치로 가는데 시간이 오래 걸린다거나 (+ 리소스 낭비가 심하다거나), 이전 페이지는 볼 수 없다거나... 그래서 모든 페이징이 필요한 페이지에는 페이지 네비게이션을 넣었다.
프로젝트를 SPA로 전환하고도 아직 적용을 못하고 있었는데 이제는 진짜 넘어갈 때가 된 듯 생각되어 살펴보았다. 분명 예전에는 어렵다고 생각했었는데... 생각보다... 매우 간단하게 해결이 되었다. 이 프로젝트의 프론트엔드는 최소한의 라이브러리를 사용하는 것을 목표하고 있었기에 다양한 기능을 필요한 만큼만 직접 만들곤 했는데 그게 큰 도움이 된 것 같다. 이제 맘편히 다양한 곳에 적용할 수 있을 듯..!
🙌 업커밍
- 사용자 커버 이미지 업로드 추가
- 포스트 예약 발행 기능 추가
- 포스트 URL 커스텀 기능 추가
- 포스트 설명 (= 포스트 목록과 검색엔진에 노출되는 문구) 커스텀 기능 추가
- 서비스 자동 생성시 GPT를 통하여 요약하는 기능 추가
Ghost