Notes 화면을 만들 때 공개할 글은 아직 준비되지 않았어요. 목록과 대표 이미지를 먼저 만들면 블로그처럼 보일 수 있었지만, 임의의 제목과 날짜가 들어가는 순간 실제 기록을 운영하는 사이트처럼 읽힐 수 있었어요. 비어 있는 화면의 문제를 그럴듯한 글로 덮고 싶지는 않았어요.
그렇다고 한 줄로 아무 글도 없다고 알리고 끝내면 이 공간이 앞으로 어떤 일을 할지 설명하기 어려웠어요. Root 안에서 Notes는 작업을 보여주는 기록의 자리였어요. 빈 상태를 숨기지 않으면서도 방문자가 여기서 무엇을 읽게 될지 알 수 있는 형태가 필요했어요.
아직 없는 글과 이미 있는 연결을 나눴어요
처음에는 공개 기록이 갖춰야 할 내용을 보여줬어요. 실제 문제가 무엇이었고 어떤 방법을 택했는지, 결과와 한계가 함께 남아야 한다는 기준이었어요. 이를 글 제목과 날짜가 있는 예시 카드로 꾸미지 않았어요. 앞으로 공개할 기록의 약속과 이미 발행된 기록은 다른 정보였기 때문이에요.
화면에는 실제로 열리는 공개 페이지로만 연결을 두었어요. 준비되지 않은 상세 페이지를 만들어 목록을 채우는 대신, 지금 확인할 수 있는 자료로 이동하게 했어요. 방문자가 카드를 눌렀다가 빈 페이지를 만나는 일이 생기지 않도록 한 거예요.
이후에는 실제 글을 읽는 화면으로 이어갈 구조를 만들었어요. 대표 글과 목록, 상세와 관련 글을 한 흐름으로 연결했어요. 목록에서 본 제목과 상세에서 읽는 글이 같은 자료를 가리키고, 아직 초안인 글은 공개 목록에 포함되지 않도록 했어요. 발행 상태가 화면의 일부가 아니라 글의 노출을 결정하는 기준이 됐어요.
처음의 임시 콘텐츠는 빈 화면 대신 배치와 이동을 확인하는 데 필요한 자료였어요. 제목을 누르면 상세로 가는지, 작은 화면에서 글의 순서가 유지되는지 살필 수 있었어요. 그렇다고 그 글이 작성되고 승인되어 공개된 실제 기록이 되는 것은 아니었어요.
공개 가능한 글만 읽는 기준을 붙인 뒤에도 확인 질문은 남았어요. 목록에 보이는 글과 상세에서 열리는 글이 같은 상태를 따르는지 봐야 했어요. 목록에서 숨겨졌는데 주소로는 초안이 열리거나, 승인된 글의 입구만 사라지는 경우는 서로 다른 문제예요.
이 과정은 콘텐츠를 채우는 작업과 그 콘텐츠를 읽는 흐름을 만드는 작업을 나눠 보여 줬어요. 화면 구현은 앞으로 글을 제공할 준비를 만들 수 있어요. 실제 글의 근거와 편집, 공개 판단까지 대신할 수는 없었어요. 빈 블로그를 완성된 기록처럼 꾸미지 않은 이유예요.
모양을 확인한 카드가 발행한 글은 아니었어요
이 과정에는 화면의 배치를 확인하려고 임시 자료를 사용한 단계도 있었어요. 이미지를 놓고 큰 화면에서는 두 열, 작은 화면에서는 한 열로 읽히는지 살폈어요. 이 자료로 화면이 성립한다는 것은 확인할 수 있지만, 제목과 이미지가 실제 편집 글로 승인됐다는 뜻은 아니었어요.
그 뒤 초기 콘텐츠 묶음과 초안 양식을 넣어 목록과 상세, 카테고리와 아카이브가 이어지는지 확인했어요. 두 단계는 같은 Notes를 발전시키는 흐름이지만 상태가 달랐어요. 임시 자료로 구조를 본 날과 실제 콘텐츠를 넣어 읽는 흐름을 본 날을 한 번의 발행 성공으로 묶지 않았어요.
작은 화면에서는 옆의 아카이브가 접히는 형태로 바뀌고 본문을 먼저 읽도록 했어요. 큰 화면의 열을 휴대폰에 그대로 유지하면 글을 보기 전에 탐색 구조를 이해해야 할 수 있었어요. 목록을 찾아 들어가고 본문을 읽은 뒤 다음 글로 이동하는 순서가 유지되는지를 확인했어요.
기록에는 로컬 브라우저에서 필터와 상세 연결, 화면 넘침 여부를 확인한 결과가 남아 있어요. 초기 대표 이미지를 최종 편집 자료로 교체하는 일과 각 글의 공개 판단은 남아 있었어요. 블로그 구조가 준비됐다고 그 안의 모든 글이 발행 가능한 정본이 된 것은 아니었어요.
Notes를 만든 과정은 비어 있는 화면을 채우는 속도보다 현재 상태를 어떻게 보여줄지에 관한 일이었어요. 아직 없는 글은 없다고 남기고, 실제 글이 생겼을 때는 같은 목록과 상세에서 이어 읽게 했어요. 화면의 완성도가 기록의 존재를 대신 주장하지 않도록 하는 것이 이 공간의 첫 기준이었어요.
