목록으로

이전 글, 다음 글

이 블로그에는 "이전 글"이나 "다음 글"로 이동하는 기능이 없다. 다른 블로그들을 읽다 보니 꽤 편리해서 도입하고 싶어졌다.

그런데 문제가 있다.

"이전"과 "다음"이 뭐야?

당연히 이전에 쓴 글, 다음에 쓴 글이라는 뜻이지. 그림으로 그려보면...

과거                                   미래
<-이전 글--------현재 페이지--------다음 글->

왼쪽 화살표를 누르면 현재 페이지의 과거에 쓰인 글로 이동하고, 오른쪽 화살표를 누르면 미래에 쓰인 글로 이동한다. 동영상 재생도 같은 UI를 쓴다. 뭐가 문제야.

하지만 글 세 개가 아니라, 모든 글을 모은 목록을 생각해보자.

미래
     ^
     | 다음
     |
     | 현재 페이지
     |
     | 이전
     v
과거

글 목록에서는 항상 최신이 첫번째다. 음... 이전(과거 글)이 왼쪽 아래, 다음(미래 글)이 오른쪽 위?

페이지네이션은 어떨까?

페이지 1   2   3   4   5   6   7   8   9   10
      <- 미래                          과거 ->

이럴 수가, 페이지네이션은 과거가 오른쪽이다. "최신"이 1에 있어야 하고, 1은 왼쪽에 있어야 하니까.

정리를 해 보자.

"이전" 과 "다음"

이전은 과거다. 다음은 미래다. 과거는 왼쪽, 미래는 오른쪽.

(글 목록의) 과거와 미래

미래(=최신)이 앞에 나온다. 과거는 뒤에 나온다. 위치로 따지자면 미래는 왼쪽 위, 과거는 오른쪽 아래.

그러니까, 개별 글 페이지와 글 목록의 시간대가 반대인 거다.

개별 글 페이지
<- 과거           현재            미래 ->

페이지네이션
1   2   3   4   5   6   7   8   9   10
<- 미래                          과거 ->

선택지는 다음과 같다.

  1. 개별 글 페이지에는 "←(미래)" "→(과거)", 목록은 왼쪽 위를 최신으로.

    목록에서는 자연스럽다(역행이긴 하지만). 최신이 왼쪽 위, 과거가 오른쪽 아래. 근데 "→(과거)"는 어색하다. 시간의 방향은 ↖.

  2. 개별 글 페이지에는 "←(미래)" "→(과거)", 목록은 오른쪽 아래를 최신으로.

    최신 글이 목록 맨 마지막에 있는 건 이상해. 시간의 방향은 ↙.

  3. 개별 글 페이지에는 "←(과거)" "→(미래)", 목록은 왼쪽 위를 최신으로.

    글 페이지, 목록 각각에서 가장 자연스럽게 보인다. 하지만 같이 보면 이상하다. 시간의 방향은 ↗.

  4. 개별 글 페이지에는 "←(과거)" "→(미래)", 목록은 오른쪽 아래를 최신으로.

    시간의 방향은 ↘. 가장 자연스럽다. 그렇다 해도 최신 글이 목록 맨 마지막에 있는 건 이상해(2).

그럼 뭘 골라야 할까? 일단 2, 4는 제외다. 아무리 자연스러워도 최신 글이 목록 마지막에 있으면 안 된다(일단 RSS랑 안 맞는다). 그럼 1, 3중에는? 모르겠다.

워드프레스

워드프레스의 기본값은 1이다. https://codex.wordpress.org/Next_and_Previous_Links 헷갈리는 거 압니다, 라고 적혀있다. "이전"과 "다음"은 시간의 방향을 나타내는 거 아니에요, 라고도. 그럼 기본값을 왜 그렇게 한 거야.

Eleventy

Eleventy의 기본값은 3이다. https://www.11ty.dev/blog/

Hugo

Hugo의 기본값은... Hugo는 weight라는 이름의 정렬 전용 값이 따로 있다. https://gohugo.io/methods/page/weight/ 그치만 weight가 같으면 next→는 과거, 즉 1이다.

Jekyll

공식 문서만 봐서는 정확히 어떤 순서로 게시물이 정렬되는지 알 수 없지만, 여러 블로그를 살펴본 결과, Jekyll은 3인 것 같다.

Astro

Astro는 next, prev 기능이 없다. 직접 만들어야 한다. 그래서 이러고 있는 거다.

Docusaurus

Docusaurus는 블로그보다는 공식 문서 작성기긴 하지만, 좋은 방법을 쓰고 있다.

우선 사이드바에 있는 글 목록 순서대로 이전, 다음 글을 표시한다. 일리가 있다. 문서를 따라하는 사람들은 위에서 아래로 따라갈 테니까. 시간과는 관계가 없다.

그리고 Docusaurus 블로그! 이전 글, 다음 글이 아니라... Newer Post, Older Post를 쓰고 있다. 이렇게 간단한 방법이 있었을 줄이야... 라고 생각했는데, 한국어로 어떻게 써야 할 지 모르겠다. 다음에 쓰인 글, 이전에 쓰인 글? 말하자면 다음 글, 이전 글? 뭐야? 1이잖아.

결론

그래서.. 아직도 고민하고 있다.