FIELD NOTES · ONGOING
만들면서 남기는 이야기
실제로 만든 홈페이지에서 얻은 경험을, 다음 사람이 직접 쓸 수 있는 방법으로 남긴다. 레이아웃과 카피부터 클라우드 운영까지, 확인한 결과와 더 발전시킨 방법을 구별해 계속 기록한다.
이 질문에서 시작해 보세요
콘텐츠를 계속 운영할 때
한 편씩, 하나씩 쌓는 기록
38 개
자료의 검토와 공개 상태를 파일 이름과 따로 관리한다
준비·검토·현재 참조와 미리보기 접근을 구별하고 회수의 범위를 남긴 기록.
영상의 중간을 읽는 응답과 실제 재생을 구별한다
부분 응답의 바이트·길이·버전 조건을 확인하고 압축된 응답도 따로 읽은 기록.
글 안의 HTML 예제에 별도의 문서를 준다
본문과 실행 화면의 역할을 나누고 스크립트·기능·연결 범위를 명시한 기록.
운영본을 보존하고 변경본의 확인 범위를 남긴다
원본·비교본·새 자료와 발행 버전을 구별해 다음 수정과 복구를 이어가는 기록.
공통 기능을 쓰면서 각 사이트의 정보를 나눈다
호스트·자료 경로·공개 상태와 UI 설정을 구별해 다른 사이트 정보가 섞이지 않게 한다.
작업 문서를 공개 폴더 밖에 두는 이유
페이지에 연결하지 않은 자료도 업로드 대상이면 공개될 수 있어 출력 경계를 먼저 정한다.
배포 성공과 운영 주소 반영 사이의 브랜치를 확인한다
브랜치 이름과 배포 환경, 실제 공개 주소를 연결해 확인한 작업 기록.
키 회수와 계정 정지를 다음 요청에서 확인한다
정지 표시를 인증·동작 권한·자료 범위의 거절로 이어가는 작업 기록.
분위기 이미지와 사실을 보여주는 자료를 나눈다
장면을 만드는 이미지와 도면·제품·장소 판단에 쓰는 자료는 다른 근거를 요구한다.
좋은 레퍼런스를 읽고 내 내용으로 다시 채우기
구조와 리듬을 연구한 뒤 방문자의 질문, 문구와 자산의 근거를 새로 정한다.
설명용 예시를 실제 성과로 바꾸지 않기
실적 수치가 없어도 일의 구조와 판단을 구체적으로 보여줄 수 있다.
자료를 쌓은 뒤에는 찾고 쓰는 길을 만든다
파일의 존재와 독자가 고르고 내려받아 쓰는 흐름을 각각 확인한다.
글의 본문과 제목·설명·주소를 함께 발행한다
한 원고에서 읽는 페이지와 검색용 정보, 언어 연결과 사이트맵을 이어간다.
신청자 수는 어디서 온 숫자인가
기본값, 로컬 저장, 접수 이벤트와 실제 집계의 의미를 나누어 표시한다.
지도처럼 보이는 화면과 실제 장소 정보
장소 카드와 필터를 만든 뒤에는 좌표·운영 정보·갱신 근거를 별도로 연결해야 한다.
움직이는 화면은 같은 상태에서 비교한다
슬라이드와 메뉴, 준비 상태를 맞춘 뒤 실제 레이아웃 차이를 판단한다.
밝고 어두운 영역에 서로 다른 역할을
색상만 바꾸기보다 각 구간에서 읽고 판단할 일을 먼저 정했다.
한 페이지에 담을 것과 따로 읽을 것
서비스 설명의 흐름과 다시 찾아 읽는 자료의 주소를 함께 설계한다.
자료가 많을수록 분류 기준부터
메뉴를 늘리기 전에 독자가 자료를 고르는 질문을 나누고, 검색과 분류가 실제로 읽는 범위를 확인한다.
사업이 달라지면 홈페이지의 순서부터
같은 멋진 화면이라도 서비스 설명, 계산, 자료 찾기에 필요한 첫 행동은 다르다.
페이지 수보다 방문자의 다음 행동부터
홈페이지를 본 뒤 무엇을 이해하고 어디로 이어갈지 정하면 필요한 페이지도 달라진다.
전문가의 서비스 이름을 고객의 말로 풀어 쓰기
서비스의 이름과 고객이 하려는 일 사이에 짧고 구체적인 설명을 놓았다.
고객이 한눈에 읽는 제작 과정
내부의 전문 용어를 나열하기 전에 누가 무엇을 하는지, 어떤 순서로 이어지는지를 설명했다.
글을 내리고, 이전 원고를 복원하는 길
공개를 멈추는 일, 내용을 되돌리는 일, 다시 공개하는 일을 서로 다른 단계로 만들었다.
글이 늘어날 때, 목록과 본문을 나눠두는 이유
목록에서 고르는 정보와 클릭한 뒤 읽는 정보를 분리하고, 두 정보가 어긋나지 않는 검사도 함께 남겼다.
템플릿에서 지킬 디자인과 바꿀 자료
다음 홈페이지를 빨리 만드는 일은 복사에서 시작됐지만, 계속 고칠 수 있게 만드는 일은 경계를 정하는 데서 시작됐다.
좋은 생각을 고객이 쓸 수 있는 방법으로 바꾸기
합치고, 덜어내고, 확인 절차를 더해 나의 운영 기준으로 남기는 일.
세계인을 위한 홈페이지, 세 가지 판단 기준
빠르게 열리고, 이해하기 쉽고, 필요한 결과가 정확히 남는가.
내가 없어도 계속 고칠 수 있는 홈페이지를 남기고 싶다
대화로 수정하는 경험을, 다른 사람도 이어갈 수 있는 운영 문서로 바꾼다.
백업을 지우는 결정과, 복구할 수 있다는 사실을 분리했다
R2 수명 주기와 D1 복구 이력은 같은 자료가 아니다.
캐시가 없는 첫 방문을 다시 만들었다
이미 빨라진 페이지보다 처음 보는 요청이 운영의 한계를 드러냈다.
1,922행을 64행으로 줄이면서, 답은 그대로 남겼다
좋은 최적화는 빠른 숫자와 함께 같은 결과를 증명한다.
무료로 바꾸려다가, 내가 무엇을 계속 실행하는지부터 보게 됐다
한도표를 외우기 전에 실제 조회·예약·생성 작업의 반복을 찾는다.
문의메일을 하나로 모았다가, 다시 사이트별로 되돌렸다
수신처는 운영 설정이면서 고객 관계의 경계다.
배포 성공이라는 초록불을, 검증 완료로 읽지 않기로 했다
파일 응답, 실제 화면, 클릭 동작, 외부 도착은 서로 다른 증거다.
권한 오류 앞에서, 재시도보다 먼저 확인할 것이 있었다
누가 어느 계정의 무엇을 바꾸려 하는지 적으면 인증 문제를 좁힐 수 있다.
도메인을 연결하는 일은, 주소 하나를 적는 일이 아니었다
한글 주소, DNS, Pages 등록, 인증서와 리다이렉트를 하나씩 분리해서 확인한다.
올리는 파일보다, 다시 고칠 원본이 먼저였다
다운로드한 화면과 개발 원본을 구별하지 못하면 다음 수정에서 다시 막힌다.
다른 주제나 단어로 찾아보세요.