티어 리스트 만들기

티어 리스트란 무엇이며, 무엇이 아닌가

티어 리스트는 비교할 수 있는 항목을 S, A, B, C처럼 순서가 있는 등급으로 묶습니다. 일반적으로 위쪽 행일수록 선택한 기준에서 선호도, 성능 또는 적합도가 높다는 뜻입니다. 이 도구는 점수를 계산하거나 어느 항목을 어디에 둘지 결정하지 않습니다.

따라서 티어 리스트는 다음 두 종류의 보드와 목적이 다릅니다.

좋아하는 앨범, 제품 후보, 게임 캐릭터, 다시 만들 요리, 우선순위를 정할 아이디어처럼 의견과 비교 판단에는 티어 리스트를 사용하세요. 완료 여부를 기록할 때는 체크리스트를, 항목이 작업 단계를 거쳐 이동할 때는 칸반 보드를 사용하면 됩니다.

순위를 정하기 전에 유용한 티어 구성하기

기본 S~F 표시는 관례일 뿐 필수는 아닙니다. 결정 목적에 맞게 최고 / 좋음 / 보류 / 제외, 1순위 / 대안 / 부적합 등 의미가 명확한 척도로 바꿀 수 있습니다. 티어 행은 최대 12개까지 사용할 수 있습니다.

항목을 옮기기 전에 평가 기준을 정하세요. ‘가성비가 가장 좋음’과 ‘품질이 가장 좋음’은 전혀 다른 보드를 만들 수 있습니다. 설명 없이 내보낸 이미지만 보는 사람이 있다면 구체적인 제목과 명확한 행 이름이 결과를 이해하는 데 도움이 됩니다.

같은 티어 안에서도 항목 순서를 바꿀 수 있습니다. 한 행 안에서 왼쪽부터 선호 순서를 나타내고 싶을 때 이 순서를 활용하고, 그렇지 않다면 같은 행의 항목을 동등하게 취급하세요.

텍스트와 기기 내 이미지 항목

보드에는 총 100개 항목을 추가할 수 있으며, 이 가운데 이미지는 최대 60개입니다. 텍스트 항목은 이름, 선택지, 아이디어에 적합합니다. 이미지는 브라우저에서 정규화되므로 원본 크기가 달라도 일정한 타일에 맞고 불필요한 이미지 메타데이터가 저장된 프로젝트로 넘어가지 않습니다.

지원하는 원본 이미지 형식은 PNG, JPEG, WebP입니다. 파일 하나는 최대 8 MiB, 한 변은 최대 8192픽셀, 디코딩된 이미지는 최대 16메가픽셀이어야 합니다. 허용된 이미지는 필요할 경우 기기에서 최대 512 × 512픽셀로 줄어듭니다. 프로젝트의 정규화된 이미지 데이터 합계는 32 MiB로 제한됩니다.

외부 이미지 URL과 SVG 업로드는 의도적으로 지원하지 않습니다. 디코딩된 기기 내 래스터 이미지만 입력으로 받으면 끊어진 외부 리소스, 교차 출처 Canvas 오류와 실행 가능한 SVG/XML 콘텐츠를 피할 수 있습니다. OWASP의 File Upload Cheat Sheet는 다층 업로드 방어 방법으로 필요한 형식만 허용하고, 크기를 제한하며, 표시된 MIME 유형 외의 정보도 확인하고, 이미지를 다시 인코딩할 것을 권장합니다.

드래그는 필수가 아닙니다

드래그 앤 드롭은 편리하지만 순위를 정하는 유일한 방법은 아닙니다. 항목에 포커스를 맞춘 뒤 이동 기능을 사용하거나 Enter 또는 Space로 키보드 이동 모드를 시작하세요. 화살표 키로 이동할 티어와 위치를 정하고 Enter 또는 Space로 확인하며 Escape로 취소합니다.

정밀한 드래그가 불편한 휴대전화에서도 이 방법을 쓰면 편리합니다. WCAG 2.2 드래그 동작에 관한 W3C 안내는 드래그 기능에 더 간단한 포인터 대체 수단이 필요한 이유를 설명합니다. 여기서는 같은 이동을 드래그, 키보드, 클릭 또는 탭으로 할 수 있습니다.

이 브라우저에 저장되는 내용

제목, 티어, 항목 텍스트, 이미지 데이터와 순위는 이 기기의 브라우저 저장소에 보관됩니다. 편집 데이터가 페이지 URL에 들어가거나 서버로 전송되지 않습니다. 로컬 복구 사본은 IndexedDB를 사용하므로 일반적인 새로고침 후에도 작업을 복원할 수 있습니다.

로컬 복구는 클라우드 저장소가 아닙니다. 다른 브라우저나 기기에서는 프로젝트를 볼 수 없고, 사이트 데이터를 지우면 삭제됩니다. 같은 브라우저 프로필을 쓰는 사람이 다시 열 수 있다는 점도 유의하세요. 공용 기기에서는 프로젝트 지우기를 사용하고, 별도 백업이 필요하면 프로젝트 JSON을 내보내세요.

JSON, PNG, SVG는 용도가 다릅니다

JSON 가져오기는 현재 프로젝트를 바꾸기 전에 검증됩니다. 손상됐거나 지원하지 않거나 용량이 큰 파일은 열려 있는 프로젝트를 변경하지 않습니다. 프로젝트 JSON은 48 MiB로 제한됩니다.

PNG는 정규화된 기기 내 이미지로 브라우저에서 직접 그립니다. 다운로드는 브라우저 표준인 canvas.toBlob() 메서드로 생성합니다. 외부 이미지를 쓰지 않으므로 Canvas가 교차 출처 데이터에 오염되지 않고 내보낼 수 있는 상태를 유지합니다.

SVG는 소수의 비대화형 도형, 텍스트 및 이미지 요소로 생성됩니다. 항목의 PNG, JPEG 또는 WebP 픽셀은 SVG 안에 포함되지만 추적되어 벡터로 변환되지는 않습니다. MDN은 SVG의 <image> 요소가 래스터 이미지를 표시할 수 있다고 설명합니다. 내보낸 파일에는 임의로 업로드한 SVG, 스크립트, 링크 또는 HTML이 복사되지 않습니다.

안정적인 내보내기를 위한 제한

내보내기 너비는 800, 1200, 1600 또는 2400픽셀입니다. PNG는 결과 비트맵이 한 변 8192픽셀 이내이고 16 × 1024 × 1024픽셀(약 16.8메가픽셀) 이내일 때 1× 또는 2×로 생성할 수 있습니다. 2× 내보내기가 브라우저의 안전 한계를 넘으면 보드를 몰래 줄이지 않고 문제를 안내합니다. SVG 내보내기에도 같은 48 MiB 프로젝트 및 파일 안전 한계가 적용됩니다.

기본적으로 미분류 항목은 완성 이미지에서 제외됩니다. 마지막 중립 행으로 표시하려면 미분류 항목 포함을 켜세요. 반드시 미리보기를 확인하세요. 제목이 매우 길거나 행과 항목이 많으면 기술적으로 유효한 보드도 작은 크기로 공유할 때 읽기 어려울 수 있습니다.

티어 리스트에서 흔히 하는 실수

• 도중에 기준 바꾸기. 순위를 정하기 전에 비교 기준을 제목에 적으세요.
• 모호한 행 이름 사용하기. ‘보류’나 ‘제외’ 같은 이름은 설명 없는 색보다 더 많은 정보를 줍니다.
• 티어를 정확한 점수처럼 보기. 한 등급의 항목은 범주를 공유하지만 다른 등급과의 거리가 측정된 수치는 아닙니다.
• 미분류 영역 잊기. 미분류 항목은 완성된 내보내기에 자동으로 포함되지 않습니다.
• 프로젝트 파일만 공유하기. JSON은 편집기를 다시 열기 위한 형식입니다. 받는 사람이 결과만 보면 된다면 PNG 또는 SVG를 사용하세요.