Style Booster 사용자 메뉴얼

new-basic 테마 · Style Booster v1.21.6 관리자용 · 화면을 보면서 사이트 디자인을 직접 고치는 도구

이 메뉴얼에 대하여

이 문서는 Style Booster의 모든 기능을 화면에서 직접 쓰는 방법을 설명합니다. 코드나 개발 이야기는 없고, "어디를 누르면 무엇이 되는지"만 다룹니다.

• 처음 쓰신다면 1장 → 2장 → 3장을 순서대로 읽으세요. 10분이면 기본 사용법을 알 수 있습니다.
• 특정 기능만 찾으신다면 목차에서 바로 가세요.
• 따라 하면서 익히시려면 **11장 "자주 하는 작업 따라하기"**부터 보세요.

표기 약속

• 「적용」, 「되돌리기」처럼 「 」 안은 화면에 보이는 버튼 이름입니다.
• Ctrl, Shift, Esc는 키보드 키입니다. Mac에서는 Ctrl 대신 Command 키를 쓰셔도 됩니다.
• 참고는 알아 두면 좋은 내용, 주의는 실수하기 쉬운 내용입니다.

목차

1. Style Booster란?
2. 화면 구성과 기본 사용법
3. 화면 크기로 보기 (PC · 태블릿 · 모바일)
4. 「전체 설정」 탭 — 스타일 · 색상 · 여백
5. 「선택 영역」 탭 ① — 요소를 골라 모양 바꾸기
6. 「선택 영역」 탭 ② — 박스 만들기
7. 「선택 영역」 탭 ③ — 저장된 영역(박스 보관함)과 JSON 주고받기
8. 「최신글」 탭 — 최신글 스킨 만들기
9. 「프리셋」 탭 — 설정 통째로 저장하기
10. 저장 · 되돌리기 · 초기화
11. 자주 하는 작업 따라하기
12. 한도와 제한 한눈에 보기
13. 문제가 생겼을 때 (자주 묻는 질문)
14. 부록 — 단축키 · 용어

1. Style Booster란?

Style Booster는 사이트 화면을 보면서 디자인을 바로 고치는 관리자 전용 도구입니다. 코드를 몰라도 다음을 할 수 있습니다.

꼭 알아 두세요

• 관리자에게만 보입니다. 방문자 화면에는 패널도, 편집 표시도 나타나지 않습니다.
• 고르는 즉시 화면에 미리 보입니다. 하지만 「적용」을 눌러야 실제로 저장되어 방문자에게 보입니다. (저장 규칙은 10장에서 자세히 설명합니다.)
• 저장은 이 테마를 쓰는 모든 도메인에 적용됩니다. 같은 테마를 여러 주소로 운영하는 경우 한 번에 모두 바뀝니다.
• PC · 태블릿 · 모바일 값이 따로 저장됩니다. 화면 크기 버튼으로 고른 크기에 대한 값만 바뀝니다. (3장)

넵, 알겠습니다. 매뉴얼 본문을 댓글로도 올려 주신 것을 확인했습니다. 앞서 이미지로 본 1~3장 내용이 글자로 남았으니 회원분들이 검색하거나 복사해 쓰기 편해졌습니다.

제게 전달된 본문은 3장 중간에서 끊겨 있고, 댓글은 목차 부분까지만 보입니다. 그래서 확인한 범위는 이전과 같은 1~3장입니다. 4장 이후의 버튼 이름, 범위 값, 한도표, 자주 묻는 질문은 읽지 못했습니다. 회원분이 그 부분을 물으시면 매뉴얼에서 확인되지 않는다고 답하고 관리자님 확인을 안내하겠습니다.

텍스트로 옮겨진 판에서 두 가지가 눈에 띕니다.

첫째, "처음 쓰신다면" 아래 세 번째 항목의 별표 두 개가 글 본문과 이 댓글에도 그대로 보입니다. 이미지에서 본 것과 같은 현상입니다.

둘째, 목차 번호가 이 댓글에서는 보이지 않습니다. 본문에는 번호가 붙어 있었는데, 목차에서 각 장을 찾아가려면 번호가 있는 편이 좋습니다. 다만 번호가 실제로 빠진 것인지, 제게 전달되는 과정에서 빠진 것인지는 확인되지 않습니다. 열람 화면에서 직접 한 번 봐 주세요.

이 매뉴얼이 실제 화면과 맞는지, 예를 들어 미리보기 크기나 적용 범위 같은 값이 맞는지는 제가 판단할 수 없습니다. 이 부분은 이전 댓글에서 말씀드린 대로 관리자님이 대조해 주셔야 합니다.

고칠 부분이나 4장 이후를 따로 봐 달라는 요청이 있으시면, 해당 내용을 댓글로 남겨 주세요. 전달된 범위 안에서 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

2. 화면 구성과 기본 사용법

2-1. 패널 열고 닫기

1. 관리자로 로그인한 상태에서 사이트 화면을 엽니다.
2. 화면 오른쪽 가장자리 중간에 있는 「Booster」 탭(팔레트 모양 아이콘)을 누릅니다.
3. 오른쪽에서 폭 300px 정도의 패널이 열립니다.
4. 닫으려면 패널 오른쪽 위의 ✕ 를 누르거나, 「Booster」 탭을 다시 누릅니다.

참고 패널을 닫아도 아직 저장하지 않은 변경은 화면에 그대로 미리 보입니다. 저장하지 않고 페이지를 떠나면 사라지니, 마음에 들면 꼭 「적용」을 누르세요.

2-2. 패널의 구성

위에서 아래로 다음과 같이 되어 있습니다.

┌─────────────────────────────┐
│ Style Booster   관리자 전용  ✕│  ← 제목줄
├─────────────────────────────┤
│ [ PC ] [ 태블릿 ] [ 모바일 ] │  ← 화면 크기 버튼
├─────────────────────────────┤
│ 전체 설정│선택 영역│최신글│프리셋│  ← 탭 4개
├─────────────────────────────┤
│                             │
│   (선택한 탭의 내용)          │  ← 위아래로 스크롤
│                             │
├─────────────────────────────┤
│ [ 되돌리기 ]     [  적용  ]  │  ← 항상 아래에 고정
└─────────────────────────────┘

2-3. 각 설정 줄의 공통 규칙

패널의 대부분의 설정은 같은 모양으로 되어 있습니다.

• 라벨 · 입력칸 · ↺(기본값으로) 가 한 줄입니다.
• 값을 비워 두면 "기본값" 입니다. 바꾸지 않은 항목은 원래 디자인 그대로입니다.
• 값을 정하면 그 줄이 강조 표시(색이 들어옴)되어, "내가 바꾼 항목"을 한눈에 알 수 있습니다.
• ↺ 버튼을 누르면 그 항목만 기본값으로 돌아갑니다.
• 숫자 칸은 허용 범위가 있습니다. 범위를 넘으면 자동으로 범위 안으로 맞춰집니다. (범위표는 12장)

2-4. 가장 기본적인 작업 순서

1. 「Booster」 탭을 눌러 패널을 연다.
2. 화면 크기를 고른다. (보통 PC부터)
3. 탭에서 바꾸고 싶은 것을 고르고, 값을 정한다. → 화면에 바로 반영됩니다.
4. 마음에 들면 「적용」, 아니면 「되돌리기」.
5. 모바일에서도 확인한다. (3장)

넵, 확인했습니다. 2장을 댓글로 이어 올려 주신 것으로 보입니다. 이 댓글에 전달된 부분은 2-1 패널 열고 닫기, 2-2 패널의 구성도, 표의 "탭 4개" 행까지입니다. 그 뒤 「되돌리기」와 「적용」 행, 2-3, 2-4는 댓글에서는 읽지 못했습니다. 다만 앞서 이미지로 본 2장과 비교하면, 읽은 범위의 문장은 같았습니다. 패널을 열고 닫는 방법, 저장하지 않은 변경이 미리 보이다가 페이지를 떠나면 사라진다는 참고, 제목줄부터 하단 고정 버튼까지의 구성도가 그대로 옮겨져 있습니다.

눈에 띈 점은 두 가지입니다.

첫째, 2-1의 단계 번호(1, 2, 3, 4)가 이 댓글에서는 보이지 않습니다. 절차 글이라 번호가 있어야 순서가 잘 읽힙니다. 목차 번호가 안 보였던 것과 같은 현상으로 보입니다. 다만 번호가 실제로 빠졌는지, 제게 전달되는 과정에서 빠졌는지는 확인되지 않습니다. 열람 화면에서 한번 봐 주세요.

둘째, 구성도의 오른쪽 세로선이 중간 줄에서 살짝 안쪽으로 들어가 보입니다. 이미지에서도 같은 모양이었습니다. 한글과 영문 글자의 폭이 달라 생기는 어긋남일 수 있습니다. 하지만 제가 보는 화면과 회원분들의 화면이 같은지는 알 수 없습니다. 그림이 틀어져 보이면 모양만 정리하시면 됩니다.

내용이 실제 패널과 맞는지는 제가 판단할 수 없습니다. 패널 폭 300px, 탭 이름과 순서, 「적용」 버튼이 바꾼 것이 없으면 회색이라는 설명은 관리자님이 직접 화면과 대조해 주셔야 합니다. 다음 장도 올려 주시면 같은 방식으로 이미지나 이전 내용과 비교해 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

3. 화면 크기로 보기 (PC · 태블릿 · 모바일)

패널 위쪽의 PC / 태블릿 / 모바일 버튼은 두 가지 일을 합니다.

1. 미리보기: 선택한 크기의 실제 화면으로 사이트를 보여 줍니다.
2. 편집 대상 지정: 이때 바꾸는 값은 그 화면 크기에서만 적용됩니다.

3-1. 세 가지 화면

• PC 값은 기본값입니다. 태블릿 · 모바일에서 따로 정하지 않으면 PC 값이 그대로 따라갑니다.
• 태블릿 값은 1024px 이하에서, 모바일 값은 768px 이하에서 PC 값을 덮어씁니다.
• 모바일 값은 태블릿 값 위에 한 번 더 덮어씁니다. (모바일이 가장 우선)

3-2. 사용 방법

1. 태블릿 또는 모바일 버튼을 누르면, 화면 가운데에 해당 크기의 작은 화면이 열립니다. 화면이 작은 모니터라면 자동으로 축소되어 맞춰지고, 위쪽에 모바일 · 390px · 85% 축소처럼 크기와 축소 비율이 표시됩니다.
2. 열린 작은 화면 안의 사이트는 실제 방문자가 보는 것과 같은 방식으로 동작합니다. 스크롤도 됩니다.
3. 그 상태에서 「선택 영역」 탭으로 요소를 고르거나 값을 바꾸면, 그 화면 크기의 값으로 저장됩니다.
4. PC 버튼을 누르면 미리보기가 닫히고 원래 화면으로 돌아옵니다.
5. 미리보기 바깥의 어두운 부분을 누르거나 Esc 키를 눌러도 PC로 돌아옵니다.

참고 패널에서 고른 스타일 · 색 · 여백은 열려 있는 작은 화면에도 곧바로 같이 반영됩니다. 모바일 화면을 열어 둔 채 색을 바꿔 보세요.

주의 화면 크기를 바꾸면 선택하고 있던 요소는 풀립니다. (같은 요소를 새 화면에서 다시 찾아 주기는 하지만, 못 찾으면 다시 눌러 고르세요.)

3-3. 이렇게 쓰면 편합니다

1. PC에서 먼저 전체 디자인을 끝냅니다.
2. 모바일로 바꿔서 어긋난 곳만 고칩니다. (예: 큰 글자 줄이기, 여백 줄이기, 위치 옮기기)
3. 태블릿은 꼭 필요한 곳만 손봅니다. 대부분 PC와 모바일 값으로 충분합니다.

넵, 확인했습니다. 3장을 댓글로 이어 올려 주신 것으로 보입니다.

이 댓글에서 읽은 범위는 3장 도입부, 3-1 세 가지 화면 표와 그 아래 설명 세 줄, 3-2 사용 방법 4번까지이고 5번은 "Esc 키를…"에서 끊겨 있습니다. 그 뒤 5번의 나머지, 참고, 주의, 3-3 이렇게 쓰면 편합니다는 댓글에서는 읽지 못했습니다.

읽은 범위를 앞서 이미지로 본 3장과 비교하면 문장은 같았습니다.

미리보기와 편집 대상 지정이라는 두 가지 역할이 그대로입니다. 표의 값은 태블릿이 820×1180에 폭 1024px 이하, 모바일이 390×844에 폭 768px 이하, PC는 지금 화면 그대로 모든 화면(기본값)입니다. 태블릿과 모바일이 PC 값을 덮어쓰고 모바일이 가장 우선이라는 설명, 작은 화면이 열릴 때 축소 비율이 표시된다는 예시도 같았습니다.

눈에 띈 점은 두 가지입니다.

첫째, 3-2의 단계 번호(1~4)가 이 댓글에서는 보이지 않습니다. 앞선 댓글들과 같은 현상입니다. 번호가 실제로 빠졌는지, 제게 전달되는 과정에서 빠졌는지는 확인되지 않습니다. 열람 화면에서 한번 봐 주세요.

둘째, 3-1의 표가 제게는 한 칸씩 세로로 풀어진 형태로 전달됩니다. 이것도 표가 깨진 것인지 전달 방식 때문인지는 알 수 없습니다. 열람 화면에서 표 모양이 유지되는지 확인해 주세요.

내용이 실제 동작과 맞는지는 제가 판단할 수 없습니다. 1024px와 768px 기준값, 미리보기 크기, 덮어쓰는 순서는 관리자님이 화면과 대조해 주셔야 합니다.

다음 장도 올려 주시면 이미지나 앞 내용과 비교해 같은 방식으로 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 4장을 댓글로 이어 올려 주신 것으로 보입니다.

이 댓글에서 읽은 범위는 4장 도입부, 4-1 스타일(표와 사용 방법, 참고), 그리고 4-2 색상의 첫 문단까지입니다. 4-2는 "다크 모드는 사이트의 다크 모드 기능이 따로 처리합니다." 부분에서 끊겨 있습니다. 색상 9가지의 구체적인 항목과 값, 4-3 안쪽 여백, 초기화 부분은 읽지 못했습니다.

이번 4장은 제게 전달된 이미지 3장에 없는 부분이라 앞선 이미지와 글자 대조는 못 합니다. 대신 이미지 1의 1장 표와 맞춰 보면, 「전체 설정」 탭에 스타일, 색상, 안쪽 여백이 있다는 설명과 순서가 일치합니다. 2장에서 말한 "고르면 바로 미리 보이고 「적용」을 눌러야 저장된다", "이 테마를 쓰는 모든 도메인에 적용된다"는 내용도 4장 첫 안내문과 같은 취지입니다. 제가 아는 자료에도 스타일 3종(플랫 라인, 채움 카드, 소프트 라운드)과 색상, 본문 여백 조절이 있다고 되어 있어서, 읽은 범위의 큰 틀은 어긋나 보이지 않습니다.

좋았던 점은 이렇습니다.

첫째, 스타일 세 가지를 "이런 분께" 열로 설명해 둔 것이 고르기 쉽게 되어 있습니다. 처음 보는 분도 느낌을 짐작할 수 있습니다.

둘째, 스타일을 바꾸면 색상과 여백의 "기본값"이 그 스타일의 기본값으로 바뀌고, 따로 정한 값은 유지된다는 참고가 실수하기 쉬운 지점을 잘 짚었습니다. 다만 이것이 실제 동작과 같은지는 제가 확인할 수 없습니다.

셋째, 4-2 소제목에 "라이트 모드 기준"을 붙이고 첫 문단에서 다크 모드는 별도 기능이 처리한다고 알려 준 점이 혼동을 줄여 줍니다.

눈에 띈 점은 두 가지입니다.

첫째, 4-1 "사용 방법"의 단계 번호가 이 댓글에서는 보이지 않습니다. 앞선 댓글들과 같은 현상입니다. 번호가 실제로 빠졌는지 제게 전달되는 과정에서 빠졌는지는 확인되지 않으니 열람 화면에서 한번 봐 주세요. 4-1의 표도 한 칸씩 풀어진 모양으로 전달됩니다. 표 모양이 유지되는지 같이 확인하시면 좋겠습니다.

둘째, 사용 방법의 "아래쪽 카드 그림(막대 3개)"이 어디를 말하는지 처음 보는 분에게는 조금 모호할 수 있습니다. 각 카드 안의 아래쪽 견본인지, 카드 세 개 아래에 따로 있는 그림인지 알기 어렵습니다. "각 카드 안의 막대 3개 그림은" 정도로 위치를 적어 두면 더 분명해집니다. 화면 구성을 제가 직접 본 것은 아니라서, 실제 모양에 맞게 고쳐 주세요.

실제 화면과의 일치 여부는 이전과 같이 제가 판단할 수 없습니다. 스타일 이름 세 가지, 카드를 누르면 ✓ 표시가 붙는지, 견본 그림 모양, 패널 맨 위 안내 문구는 관리자님이 화면과 대조해 주셔야 합니다.

다음 부분도 올려 주시면 이미지나 앞 내용과 비교해 같은 방식으로 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 4장 뒷부분을 이어 올려 주셨네요. 이 댓글에서 읽은 범위는 4-3 안쪽 여백 전체(표, 사용 방법, 참고)와 4-4 초기화의 "무엇이 지워지나" 네 항목까지입니다. 4-4는 "지워지지 않…"에서 끊겨 있어서, 무엇이 남는지는 읽지 못했습니다. 4-2 색상의 항목 값도 앞 댓글에서 끊겨 확인하지 못했습니다.

이 부분은 제게 전달된 이미지에 없어서 글자 대조는 못 합니다. 대신 앞서 읽은 내용과는 맞춰 봤습니다. 4장 도입의 "스타일 → 색상 → 안쪽 여백 → 초기화" 순서와 4-3, 4-4 구성이 같습니다. 2장의 공통 규칙인 "값을 비우면 기본값, ↺로 그 항목만 되돌림"도 4-3의 「기본」 표시와 ↺ 설명과 이어집니다.

좋았던 점은 이렇습니다. 여백을 "글자와 테두리 사이의 거리"라고 괄호로 풀어 준 덕분에 처음 보는 분도 무엇을 조절하는지 바로 알 수 있습니다. 0~64px를 2px 단위로 움직인다는 범위와 단위도 분명합니다. 모바일은 PC보다 작게 주면 시원해진다는 참고는 바로 따라 해 볼 수 있는 팁입니다.

확인해 보시면 좋을 점은 세 가지입니다.

첫째, 3장과 4-3의 설명이 조금 다르게 읽힙니다. 3장에서는 PC, 태블릿, 모바일 값이 따로 저장되고, 태블릿(1024px 이하)이 PC를 덮어쓰고 모바일(768px 이하)이 한 번 더 덮어쓴다고 했습니다. 그런데 4-3 표는 "PC · 태블릿"을 한 묶음으로 두고, 모바일 묶음은 "비우면 위의 PC 값을 그대로 따릅니다"라고 합니다. 이렇게 되면 태블릿 버튼에서 여백을 따로 정할 수 있는지가 불분명합니다. 태블릿 값을 정해 둔 상태에서 모바일을 비우면 PC 값을 따르는지, 태블릿 값을 따르는지도 알 수 없습니다. 실제 동작은 제가 알 수 없으니, 관리자님이 화면에서 확인하신 뒤 문장을 맞춰 주세요.

둘째, 4-4 「전체 초기화」는 스타일, 색상, 여백뿐 아니라 「선택 영역」의 모양 설정과 직접 만든 박스까지 전부 삭제합니다. 작업량이 가장 큰 부분이 지워지는 버튼이라, 눌렀을 때 확인 창이 뜨는지와 적용 전이면 「되돌리기」로 복구되는지가 중요합니다. 다만 그 안내가 이 댓글에서는 보이지 않습니다. 끊긴 부분에 있을 수도 있으니 확인해 주세요. 없다면 "초기화 후에는 되돌릴 수 없습니다" 같은 주의 문구가 있으면 좋겠습니다.

셋째, 끊긴 "지워지지 않…" 뒷부분에 7장의 저장된 영역(박스 보관함)이나 9장의 프리셋이 포함되는지가 핵심으로 보입니다. 제게는 그 내용이 없어서 어느 쪽이라고 말씀드릴 수 없습니다.

표기 쪽으로는 앞선 댓글과 같은 현상이 보입니다. 사용 방법의 단계 번호가 이 댓글에서 보이지 않고, 표도 한 칸씩 풀어진 모양으로 전달됩니다. 열람 화면에서 번호와 표 모양이 유지되는지 한 번 봐 주세요.

슬라이더 범위(0~64px, 2px 단위)가 12장 한도표와 같은지는 12장을 읽지 못해 대조할 수 없습니다. 실제 슬라이더와 값이 맞는지도 관리자님이 대조해 주셔야 합니다. 5장 이후도 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

확인했습니다. 5장을 이어 올려 주셨네요. 이 댓글에서 읽은 범위는 5장 도입, 선택 영역 탭의 카드 목록, 5-1의 "선택 모드 켜고 끄기"(켜짐, 꺼짐, 눈 모양 버튼)까지입니다. 그 뒤 "하나 고르기"는 "파란 점선 테두리와 함께 요…"에서 끊겨 있어 읽지 못했습니다. 5-1의 나머지와 5-2 이후도 마찬가지입니다.

5장은 제게 전달된 이미지 3장에 없는 부분이라 글자 대조는 못 합니다. 대신 앞 내용과는 맞춰 봤습니다. 1장 표에서 특정 글자, 박스, 버튼의 모양은 「선택 영역」 탭, 박스를 만드는 일은 박스 추가, 박스 보관은 저장된 영역으로 안내했는데, 5장 카드 목록과 이름과 역할이 이어집니다. 4장까지의 「전체 설정」이 사이트 전체라면 「선택 영역」은 "이 부분만"이라는 구분도 1장 표와 같은 취지입니다.

좋았던 점은 이렇습니다. 첫째, 두 탭의 차이를 한 문장으로 짚어 준 덕분에 처음 보는 분도 어느 탭을 열어야 할지 알 수 있습니다. 둘째, 선택 모드가 켜져 있으면 링크와 버튼이 실행되지 않고, 이동하려면 꺼야 한다는 안내가 있습니다. 직접 써 보는 분이 가장 먼저 부딪힐 지점을 잘 짚었습니다. 셋째, 「적용된 모습 보기」 눈 모양 버튼으로 방문자에게 보일 실제 모습을 확인하게 해 둔 점이 실용적입니다.

확인해 보시면 좋을 점은 세 가지입니다.

첫째, 선택 모드를 끄고 다른 페이지로 이동할 때의 주의입니다. 2장에는 저장하지 않고 페이지를 떠나면 변경이 사라진다고 되어 있습니다. 그런데 선택 모드를 끄는 이유가 바로 링크로 이동하기 위해서입니다. 이 부분에 「적용」을 먼저 눌러야 한다는 주의 문구가 한 줄 있으면 실수를 줄일 수 있습니다. 이동할 때 정말 사라지는지는 제가 확인할 수 없으니 실제 동작에 맞게 판단해 주세요.

둘째, 카드 목록 구조입니다. 제게는 "박스 편집 카드들" 아래의 "여백 · 위치 이동 · 색 · 테두리 · 크기 · 글자"가 하위 항목인지 같은 층의 카드인지 구분되지 않게 전달됩니다. 각 줄 앞의 기호도 빈칸으로 보입니다. 앞선 장에서 번호와 표가 풀어져 보이던 것과 같은 현상일 수 있습니다. 실제로 빠진 것인지 전달 과정에서 빠진 것인지는 확인되지 않으니 열람 화면에서 봐 주세요.

셋째, 비슷한 이름의 두 카드입니다. "적용된 영역"은 지금까지 만든 박스와 설정 목록이고, "저장된 영역"은 박스 보관함이라고 되어 있습니다. 처음 보는 분은 둘을 헷갈리기 쉽습니다. 목록 설명 옆에 차이를 한 줄 더하거나 7장에서 다시 짚어 주시면 좋겠습니다. 이미 뒤에서 설명했다면 그대로 두셔도 됩니다.

또 선택 표시를 "파란/주황"이라고 했는데, 파란 점선은 마우스를 올릴 때로 설명되어 있지만 주황이 언제 나타나는지는 읽은 범위에 없습니다. 끊긴 뒷부분에 있을 수 있으니 확인만 부탁드립니다.

내용이 실제 화면과 맞는지, 예를 들어 선택 모드가 탭을 열면 기본으로 켜지는지, 링크가 실행되지 않는지, 카드 순서가 맞는지는 제가 판단할 수 없습니다. 관리자님이 화면에서 대조해 주셔야 합니다. 이어서 올려 주시면 같은 방식으로 앞 내용과 맞춰 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 5장 중간부터 이어 올려 주셨네요. 이 댓글에서 읽은 범위는 5-3 「여백」 카드 전체, 5-4 「위치 이동」 카드 전체(마지막 참고 포함)이고, 5-5는 「색 ·…」에서 끊겨 있습니다. 5-5부터는 읽지 못했습니다. 직전 댓글은 5-1 「하나 고르기」 앞까지였고 이번 글은 5-3부터 시작해서, 5-1의 나머지와 5-2는 제가 읽은 적이 없습니다. 다른 곳에 따로 올리셨다면 그쪽은 제가 보지 못한 상태입니다.

이 부분은 제게 전달된 이미지 3장에 없어서 글자 대조는 못 합니다. 앞서 읽은 내용과는 맞춰 봤습니다. 위치 이동도 화면 크기별로 따로 저장된다는 참고는 3장의 "화면 크기별로 값이 따로 저장된다"는 설명과 같은 취지입니다. 방향키와 함께 쓰는 Shift는 「표기 약속」의 키보드 키 표기와도 맞습니다. 숫자 칸에 범위가 있다는 점도 2장의 "범위를 넘으면 자동으로 맞춰진다"와 이어집니다.

좋았던 점입니다.
첫째, 「위치 이동」을 "눈에 보이는 위치만 옮기고 주변 요소의 자리는 그대로"라고 먼저 밝힌 덕분에 결과를 예상하기 쉽습니다.
둘째, 직접 끌기, 방향 패드와 키보드, 숫자 입력으로 방법을 세 가지로 나눠 취향대로 고를 수 있습니다.
셋째, 직접 끌기를 켜 둔 동안은 선택이 바뀌지 않는다는 괄호 안내와, 입력칸에 글자를 쓰는 중에는 방향키가 입력칸에서 동작한다는 안내가 직접 써 보는 분이 부딪힐 지점을 미리 짚어 줍니다.
넷째, 양수는 오른쪽·아래, 음수는 왼쪽·위라고 부호 방향을 적어 둔 점, 「원래 자리로」로 0으로 돌아간다는 점도 분명합니다.

확인해 보시면 좋은 점입니다.
첫째, 5-3의 "한 방향만 정해도 됩니다"에서 정하지 않은 방향이 어떻게 되는지 적혀 있지 않습니다. 2장의 규칙대로라면 비운 칸은 원래 디자인 그대로일 것 같지만, 실제 동작은 제가 알 수 없습니다. 한 줄로 밝혀 두면 좋겠습니다.
둘째, 바깥 여백은 음수가 되면 이웃 요소 쪽으로 당겨진다고만 되어 있습니다. 글자나 버튼이 겹칠 수 있다는 주의 문구가 있으면 초보자의 실수를 줄일 수 있습니다.
셋째, 바깥 여백(−60~200px)과 위치 이동(−800~800px)은 둘 다 요소를 옮기는 것처럼 보입니다. 바깥 여백은 이웃과의 거리를 바꿔 주변 자리도 함께 밀리고, 위치 이동은 그 요소만 옮긴다는 차이를 한 문장으로 비교해 두면 어느 쪽을 쓸지 고르기 쉽습니다. 실제로 그렇게 동작하는지는 제가 확인할 수 없어서 문서 내용 기준으로만 말씀드립니다.
넷째, 4-3의 「안쪽 여백」은 0~64px(2px 단위)인데 5-3은 0~120px입니다. 전체 설정과 선택 영역은 대상이 달라 범위가 다를 수 있습니다. 다만 같은 이름의 항목이라 헷갈리는 분이 있을 수 있어서, 12장 한도표에 둘이 구분되어 있는지 한번 봐 주세요. 12장은 제가 읽지 못했습니다.
다섯째, 「방향 패드와 키보드」 항목의 "가운데 손잡이"는 「화면에서 직접 끌기」와 어떻게 다른지 이 글만으로는 구분이 어렵습니다. 패널 안에서 끄는지, 화면에서 끄는지를 적으면 분명해집니다. 직접 끌기를 끄는 방법도 이 범위에서는 보이지 않습니다. 켜는 버튼을 다시 누르면 되는 구조라면 그렇게 적어 두세요.
여섯째, 3장에 화면 크기를 바꾸면 선택한 요소가 풀린다는 주의가 있어서, 방향키로 옮길 때도 요소가 선택된 상태여야 한다는 점이 같이 있으면 연결됩니다. 방향키가 화면 스크롤과 겹치지 않는지는 제가 알 수 없으니 실제로 눌러 보시고 필요하면 한 줄 덧붙여 주세요.

텍스트로 올라오며 생긴 변환 문제도 앞선 장들과 같습니다. 5-3 표가 한 칸씩 세로로 풀려 전달되고, 5-4의 세 가지 방법 앞 기호가 보이지 않으며, 5-3 표 첫 줄에는 빈 줄이 여러 개 섞여 있습니다. 실제로 깨진 것인지 제게 전달되는 과정의 문제인지는 확인되지 않으니 열람 화면에서 한번 봐 주세요.

내용이 실제 패널과 맞는지, 즉 숫자 범위와 단축키 동작은 관리자님이 화면과 대조해 주셔야 합니다. 5-5 이후도 올려 주시면 같은 방식으로 이어서 보겠습니다. 새벽 4시가 넘었으니 무리하지 마세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 5장 뒷부분을 이어 올려 주셨네요.

이 댓글에서 읽은 범위는 5-6 「크기 · 글자」 표 전체, 5-7 「이 영역 설정 지우기」 전체, 5-8 「적용된 영역」의 박스 묶음(책갈피·휴지통 버튼 포함)까지입니다. 5-8은 "영역 설정 묶음: 바꾼 요소들이 [메…"에서 끊겨 그 뒤는 읽지 못했습니다. 직전 댓글이 5-4까지였고 이번 글이 5-6부터라서, 5-5 「색 · 테두리」는 제가 읽은 적이 없습니다.

이 부분은 제게 전달된 이미지 3장에 없어서 글자 대조는 못 합니다. 앞서 읽은 내용과는 맞춰 봤습니다. 2장의 "↺는 그 항목만 기본값으로"가 5-7의 "줄마다 있는 ↺는 그 항목만, 이 버튼은 요소의 모든 설정"과 자연스럽게 이어집니다. 숫자 칸마다 범위를 적어 둔 것도 2장의 "범위를 넘으면 자동으로 맞춰진다"와 같은 방식입니다.

좋았던 점입니다. 첫째, 행간 항목에 "100 = 글자 크기와 같은 줄 높이"라고 기준값을 풀어 준 덕분에 처음 보는 분도 숫자의 뜻을 바로 알 수 있습니다. 둘째, 5-7에서 ↺와 지우기 버튼의 차이를 한 문장으로 갈라 준 점이 실수를 줄여 줍니다. 셋째, 휴지통 버튼에 "안에 든 박스도 함께 삭제됩니다"라고 미리 밝혀 둔 점이 좋습니다.

확인해 보시면 좋을 점입니다.

첫째, 탭마다 범위가 다릅니다. 「전체 설정」의 안쪽 여백은 0~64px였고, 「선택 영역」의 안쪽 여백은 0~120px입니다. 사실 둘은 적용 대상이 달라서 그럴 수 있지만, 처음 보는 분은 헷갈릴 수 있습니다. 12장 한도표에서 함께 비교해 두면 좋겠습니다.

둘째, 이름이 비슷한 항목입니다. 5-3의 "안쪽 여백"은 글자와 테두리 사이이고, 5-6의 "안쪽 간격(gap)"은 안에 나열된 요소들 사이입니다. 한 줄로 차이를 적어 두면 구분하기 쉽습니다. 또 안쪽 간격이 모든 요소에 먹는지, 나열된 형태의 박스에만 먹는지는 표만으로는 알 수 없습니다. 실제 동작은 제가 확인할 수 없으니 화면에서 보시고 맞춰 주세요.

셋째, "너비"와 "최대 너비"의 차이가 표 설명만으로는 모호합니다. 예를 들어 "너비는 고정 크기, 최대 너비는 화면이 좁아지면 그 아래로 줄어드는 상한"처럼 실제 동작을 한 줄 덧붙이면 좋겠습니다. 또 범위가 0부터인데, 0을 넣으면 폭이 0이 되는지 기본값처럼 되는지도 적혀 있지 않습니다. 비워야 기본값이라는 2장의 규칙과 같이 안내하면 오해가 줄 것 같습니다.

넷째, 글자 크기 행의 설명이 항목명과 같은 "글자 크기"라서 정보가 없습니다. "본문 글자의 크기" 정도로 쓰면 어떨까요. 자간의 "글자와 글자 사이"도 음수면 붙고 양수면 벌어진다는 한마디가 있으면 더 분명합니다.

다섯째, 5-7의 지우기는 화면 크기별 값 규칙과 연결됩니다. 3장에서 값이 PC, 태블릿, 모바일에 따로 저장된다고 했는데, 이 버튼이 지금 보는 크기의 설정만 지우는지, 세 가지를 모두 지우는지가 적혀 있지 않습니다. 눌렀을 때 확인 창이 뜨는지, 「적용」 전이면 「되돌리기」로 복구되는지도 안내가 없습니다. 실제 동작은 제가 알 수 없으니 화면에서 확인해 주세요.

여섯째, 5-8의 "책갈피 버튼(책갈피) 버튼", "휴지통 버튼(휴지통) 버튼"에는 아이콘 이름이 괄호로 겹쳐 보입니다. 원문에서 아이콘 이미지가 글자로 바뀌며 생긴 것으로 보이지만, 실제로 그런지는 확인되지 않습니다. 앞선 댓글들처럼 이번 표도 제게는 한 칸씩 풀어진 형태로 전달됩니다. 열람 화면에서 표 모양이 유지되는지 같이 봐 주세요.

참고로 앞서 러브맨 님이 자간을 넓힐 수 있는지 물으셨고, 관리자님이 자간과 행간을 패치했다고 하셨습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 5-6부터 5-8 앞부분까지는 04:39 댓글과 같은 내용으로 보입니다. 04:40에 글이 수정되었는데 바뀐 부분이 있는지는 제게 보이는 미리보기만으로는 알 수 없습니다. 같은 분량이 다시 온 것이라면 이번에는 앞 댓글에서 끊긴 점검 부분을 이어서 말씀드립니다.

읽은 범위는 5-6 표 전체, 5-7 전체, 5-8의 박스 묶음 항목까지입니다. 5-8은 "영역 설정 묶음: 바꾼 요소들이 [메…"에서 끊겨 그 뒤는 읽지 못했습니다. 5-5 「색 · 테두리」와 5-1 뒷부분, 5-2도 제가 받은 적이 없습니다.

확인해 보시면 좋을 점은 이렇습니다.

첫째, 표의 "글자 크기" 행은 구분, 항목, 설명이 모두 "글자 크기"입니다. 설명 칸이 정보를 주지 못하니 "본문 글자의 크기" 정도로 한마디 덧붙이면 좋겠습니다.

둘째, 자간은 −10~40px이고 행간은 80~300%라서 단위가 다릅니다. 행간만 %인 이유를 표 아래에 한 줄 적어 두면 헷갈림이 줄어듭니다. 12장 한도표에서도 단위를 같이 보여 주면 좋겠습니다.

셋째, 자간을 음수로 줄이면 글자가 겹쳐 보일 수 있습니다. "−10px까지 줄이면 글자가 붙어 보일 수 있습니다" 같은 주의가 있으면 초보자의 실수를 줄일 수 있습니다. 다만 실제로 얼마나 겹치는지는 제가 화면에서 확인할 수 없습니다.

넷째, 어제 DX러브맨 님이 글자 사이 간격을 넓히는 설정을 물으셨고, 관리자님이 자간과 행간을 패치하셨다고 답하셨습니다. 이 카드의 자간과 행간이 그 패치 결과인지는 제 자료에서 확인되지 않습니다. 맞다면 러브맨 님께 이 카드를 안내하시면 되겠습니다.

다섯째, 글자 정렬의 "기본"은 원래 디자인의 정렬을 따른다는 뜻으로 읽힙니다. 2장의 "비우면 기본값" 규칙과 같은 의미인지 한 줄로 밝혀 두면 좋겠습니다.

여섯째, 5-8의 휴지통 버튼은 안에 든 박스도 함께 삭제한다고 미리 알려 주셔서 좋습니다. 다만 눌렀을 때 확인 창이 뜨는지, 「적용」 전이라면 「되돌리기」로 복구되는지는 이 부분에서 보이지 않습니다. 끊긴 뒷부분에 있을 수도 있으니 확인해 주세요.

범위 숫자(0~1600px, 8~80px 등)가 실제 입력 한도와 같은지는 제가 판단할 수 없으니 관리자님이 화면과 대조해 주셔야 합니다. 5-8의 나머지와 6장 이후도 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 6장을 이어 올려 주셨네요. 이 댓글에서 읽은 범위는 6장 도입 설명(박스 개념, 한도, 이름 규칙), 6-1 박스 추가하기의 방법 A 전체, 방법 B의 첫 단계까지입니다. 방법 B는 "먼저 화면에서 기준이 될 요소를 클릭해 선택합니다." 다음의 「박스 추가」…에서 끊겨 그 뒤는 읽지 못했습니다. 5-8 뒷부분과 6-1 이후도 마찬가지입니다.

6장은 제게 전달된 이미지 3장에 없는 부분이라 글자 대조는 못 합니다. 앞서 읽은 내용과는 맞춰 봤습니다. 1장 표의 "원하는 자리에 제목, 글, 이미지, 버튼, 카드, 슬라이드, 탭, 아코디언을 만들어 넣고 싶다 → 「선택 영역」 탭 → 박스 추가"와 6장 도입이 이어집니다. 5장 카드 목록의 "박스 추가 — 새 박스 만들기 (6장)"와 이름도 같습니다. 3장에서 태블릿·모바일 미리보기를 실제 방문자 화면처럼 쓸 수 있다고 했는데, 방법 A의 "미리보기 화면 위에도 놓을 수 있습니다"와 같은 흐름입니다.

좋았던 점입니다. 첫째, 첫 문단에 "코드 없이" 만들 수 있는 예(안내문, 배너, 카드 목록, 슬라이드, 탭, FAQ)를 들어 두어 무엇에 쓰는지 바로 짐작됩니다. 둘째, 박스 30개, 부품 30개라는 한도를 도입부에서 먼저 알려 줍니다. 셋째, 방법 A에서 마우스 옆의 "박스" 알약, 놓일 자리를 보여 주는 파란 선, 가장자리 자동 스크롤, Esc 취소까지 순서대로 적어 직접 해 보는 분이 따라가기 쉽습니다. 넷째, 방법 A에 "가장 쉬움"이라고 적어 처음 쓰는 분이 어느 쪽부터 시작할지 고르기 좋습니다.

확인해 보시면 좋을 점입니다.

첫째, Esc의 역할이 두 곳에서 다릅니다. 3장에서는 Esc가 태블릿·모바일 미리보기를 닫고 PC로 돌아오는 키였고, 6장에서는 놓기 전에 누르면 끌기가 취소됩니다. 모바일 미리보기 위로 끌다가 Esc를 누르면 끌기만 취소되는지, 미리보기까지 닫히는지가 글만으로는 알 수 없습니다. 실제 동작은 제가 확인할 수 없으니 화면에서 보시고, 필요하면 한 줄 덧붙여 주세요.

둘째, 30개 한도의 범위입니다. 박스 안에 박스를 넣을 수 있다고 했는데, 안에 든 박스도 30개에 포함되는지, 부품 30개는 안쪽 박스 부품까지 합친 수인지 적혀 있지 않습니다. 12장 한도표와도 맞춰 보시면 좋겠습니다.

셋째, 용어가 조금 다릅니다. 1장 표는 "아코디언"이고 6장 도입은 "FAQ"입니다. 같은 부품을 달리 부른 것인지, 별개 부품인지 읽는 분이 헷갈릴 수 있습니다. 또 "박스"가 새 영역을 뜻하면서 "박스라고 적힌 알약", 4장의 "박스(게시판 목록, 위젯 등)"에도 쓰입니다. 4장의 박스는 기존 화면 요소를 가리키는 것으로 읽혀서, 처음 보는 분을 위해 "직접 만들어 넣는 박스"로 구분해 주면 좋겠습니다.

넷째, 화면 크기별로 박스가 어떻게 저장되는지 알기 어렵습니다. 3장에서 값은 화면 크기별로 따로 저장된다고 했습니다. 모바일 미리보기 위에 박스를 놓으면 그 박스가 모바일에서만 생기는지, 모든 화면에 생기는지는 이 부분에서 보이지 않습니다. 박스 자체의 존재 여부와 박스 안의 모양 값이 어떻게 다른지를 6장 어딘가에 밝혀 두면 오해가 줄 것 같습니다.

다섯째, 파란 선이 가리키는 "안 맨앞, 안 맨끝"은 안에 넣을 수 있는 요소에만 나타나는지가 글에 없습니다. 이미지처럼 안에 넣을 수 없는 요소 위에서는 어떻게 보이는지 한 줄 있으면 좋겠습니다. 이것도 실제 동작은 제가 알 수 없습니다.

그리고 앞선 댓글들과 같은 현상으로, 방법 A의 항목 앞에 있어야 할 번호나 글머리 기호가 제게는 보이지 않습니다. 실제로 빠진 것인지 전달 과정에서 빠진 것인지는 확인되지 않으니 열람 화면에서 봐 주세요.

박스 30개, 부품 30개, 파란 선이 놓이는 네 위치, 자동 스크롤 같은 내용이 실제 화면과 맞는지는 제가 판단할 수 없습니다. 관리자님이 직접 대조해 주셔야 합니다. 방법 B 뒷부분과 6-2 이후도 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 6장 뒷부분을 이어 올려 주셨네요.

이 질문에서 읽은 범위는 6-3 부품 넣고 정리하기 전체(부품 넣기, 「구성」 목록 표, 참고), 6-4 도입, ① 제목과 ② 글의 표, ③ 이미지 표의 머리글까지입니다. ③은 "이미…"에서 끊겨 항목은 읽지 못했습니다. 6-1 방법 B의 나머지와 6-2는 제가 받은 적이 없고, 6-4의 11종 중 8종도 아직 못 봤습니다.

이 부분은 제게 전달된 이미지에 없어서 글자 대조는 못 합니다. 앞서 읽은 내용과는 맞춰 봤습니다. 6장 도입의 "한 박스에 부품 최대 30개"는 6-3과 어긋나지 않습니다. 6-3 참고의 「카드 열」 부품(2~4열)은 1장 표의 "카드" 항목과 이어집니다. ① 제목의 "정확한 크기는 「크기 · 글자」 카드로 고칠 수 있다"는 안내도 5-6의 글자 크기 8~80px 표와 맞습니다.

좋았던 점입니다. 첫째, 부품이 들어가는 위치를 "선택한 부품이 있으면 그 아래, 없으면 맨 아래"로 못 박고 카드 안에도 안내 문구가 나온다고 알려 주어 결과를 예상하기 쉽습니다. 둘째, 「구성」 목록 표가 선택, 순서 바꾸기, 복제, 삭제를 동작과 방법으로 정리해 찾아보기 편합니다. 셋째, 가로로 나란히 놓고 싶을 때 「카드 열」을 쓰라는 참고가 초보자가 가장 먼저 막힐 지점을 짚습니다. 넷째, ②에 "줄을 바꾸면 문단이 나뉩니다"라고 적어 결과를 알 수 있습니다.

확인해 보시면 좋을 점입니다. 첫째, 6-4 도입의 "모든 항목은 바꾸는 즉시 화면에 반영됩니다"는 2장의 "미리 보일 뿐 「적용」을 눌러야 저장된다"와 헷갈릴 수 있습니다. "즉시 미리 보입니다(저장은 「적용」)"처럼 쓰면 오해가 줄 것 같습니다.

둘째, "화면에서 부품을 직접 눌러도 됩니다"는 5장의 선택 모드와 관계가 불분명합니다. 5장에서 선택 모드가 켜져 있으면 링크와 버튼이 실행되지 않는다고 했는데, 부품 직접 선택에도 모드를 켜야 하는지는 이 글만으로는 알 수 없습니다. 실제 동작에 맞게 한 줄 덧붙여 주세요.

셋째, ① 제목의 크기 "크게/보통/작게"와 「크기 · 글자」 카드의 글자 크기를 둘 다 정하면 어느 쪽이 우선하는지 적혀 있지 않습니다. 실제 동작은 제가 알 수 없으니 화면에서 확인해 주세요.

넷째, 복제 아이콘은 모양이 설명되어 있지 않고, 부품이 30개일 때 복제나 추가가 어떻게 되는지도 보이지 않습니다. 6장 도입의 한도와 연결해 두면 좋겠습니다.

다섯째, ①과 ②의 "정렬"은 왼쪽/가운데/오른쪽이고, 5-6의 글자 정렬은 "기본"이 포함되어 있어 항목이 조금 다릅니다. 같은 정렬이라면 두 곳 중 어디서 바꿔도 같은 값인지 한 줄 있으면 좋겠습니다.

여섯째, 제게는 표가 한 칸씩 풀려서 전달되고 목록 기호와 번호도 보이지 않습니다. 이전 댓글들과 같은 현상입니다. 실제로 빠졌는지 전달 과정의 문제인지는 확인되지 않으니 열람 화면에서 한번 봐 주세요.

속성 항목, 크기 선택지, 입력칸 높이가 실제 화면과 같은지는 제가 판단할 수 없어서 관리자님이 직접 대조해 주셔야 합니다. ③ 이후 부품과 6-2도 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 6장 뒷부분을 이어 올려 주셨네요.

이 질문에서 읽은 범위는 6-5 글자 바로 고치기 전체(참고 포함), 6-6 그림 올리기의 도입과 사용 방법, 「어떻게 저장되나」 표의 올릴 수 있는 형식, 용량, 자동 변환, 크기 줄임 행까지입니다. 표의 「움직이는 G…」 행에서 끊겨 그 뒤는 읽지 못했습니다. 6-2와 6-4 중간 부분, 6-6 뒷부분과 7장 이후도 제가 받은 적이 없습니다. 이 부분은 제게 전달된 이미지 3장에 없어서 글자 대조는 못 합니다. 앞서 읽은 내용과는 맞춰 봤습니다.

6-5의 「요소 선택」 모드와 Esc 취소는 5장의 선택 모드 설명과 이어집니다. 6-6 도입의 「이미지 주소」 칸은 1장 표의 이미지, 카드, 슬라이드 부품과 맞습니다. 6-3에서 제가 선택 모드를 켜야 하는지 물었던 부분은 6-5가 글자 편집에서는 켜져 있어야 한다고 답해 주었습니다.

좋았던 점입니다. 첫째, 더블클릭부터 입력, 저장, 취소까지 순서가 짧고 분명합니다. 둘째, 한 줄 글은 Enter, 여러 줄 글은 Enter가 줄바꿈이라 바깥 클릭으로 저장한다는 참고가 가장 헷갈릴 지점을 미리 짚어 줍니다. 셋째, 그림 올리기는 올리는 중 표시와 주소 칸 자동 채움까지 적어 결과를 예상하기 쉽습니다. 넷째, 용량에 서버 제한이 더 작으면 그쪽이 먼저라는 단서를 붙여 둔 점이 정직합니다.

확인해 보시면 좋을 점입니다.

첫째, 「저장하려면 다른 곳을 클릭」의 저장이 무엇인지 모호합니다. 2장에서는 「적용」을 눌러야 실제로 저장된다고 했습니다. 바깥을 클릭하는 것은 입력 확정이고 방문자에게 보이려면 「적용」이 필요한지 한 줄 덧붙이면 오해가 줄 것 같습니다. 실제 동작은 제가 알 수 없으니 화면에서 봐 주세요.

둘째, 태블릿이나 모바일 미리보기에서 글자를 고치면 그 크기에만 적용되는지, 모든 크기에 적용되는지 적혀 있지 않습니다. 3장은 값이 화면 크기별로 저장된다고 했는데, 글자 내용도 같은 규칙인지는 글만으로는 알 수 없습니다.

셋째, Esc의 역할이 이제 세 곳입니다. 3장은 미리보기 닫기, 6-1은 끌기 취소, 6-5는 글자 편집 취소입니다. 모바일 미리보기에서 글자를 고치다 Esc를 누르면 편집만 취소되는지 미리보기까지 닫히는지는 제가 확인할 수 없으니 한 줄 안내가 있으면 좋겠습니다.

넷째, 용어가 조금 다릅니다. 5장은 「선택 모드」, 6-5는 「요소 선택」 모드입니다. 같은 것이라면 하나로 맞추면 좋겠습니다.

다섯째, 6-6은 올릴 수 있는 형식에 WebP가 들어 있습니다. 제 자료에는 6월에 WebP를 확장자만 jpg로 바꾼 파일이 업로드에 실패한 사례가 있고 패치 예정이라고만 되어 있습니다. 이 기능에서 그런 파일이 어떻게 되는지는 확인되지 않습니다. 형식이 맞지 않거나 12MB를 넘을 때 어떤 안내가 나오는지도 이 부분에서는 보이지 않으니, 끊긴 뒷부분에 없다면 한 줄 있으면 좋겠습니다.

여섯째, 이 댓글에서는 목록 번호와 표가 풀어진 모양으로 전달됩니다. 앞선 장들과 같은 현상이라 열람 화면에서 번호와 표가 유지되는지 봐 주세요.

12MB, 2400px 같은 숫자가 실제 동작과 맞는지는 제가 판단할 수 없으니 관리자님이 화면과 대조해 주셔야 합니다. 「움직이는 G…」 이후도 올려 주시면 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 7장을 이어 올려 주셨네요.

이 질문에서 읽은 범위는 7장 도입, 7-1 개념 정리(표와 안내 세 줄), 7-2 보관함에 담는 방법 4가지 표, 담을 때 나오는 안내 문구와 이름 자동 지정까지입니다. 그 아래 "참고 박스 안의 박…"에서 끊겨 뒤는 읽지 못했습니다. 7-3 이후, 7-4 JSON 주고받기, 7-5 도구줄도 제가 받은 적이 없습니다.

이 장도 제게 전달된 이미지 3장에는 없어서 글자 대조는 못 합니다. 대신 이미지 1과는 맞춰 봤습니다. 1장 표의 "만든 박스를 파일로 내보내고 다른 페이지, 다른 사이트에 다시 놓고 싶다 → 「선택 영역」 탭 → 저장된 영역"과 7장 도입이 같은 취지입니다. 앞서 5-8에서 읽은 책갈피 버튼도 7-2의 ③번과 이어집니다.

좋았던 점입니다. 첫째, 앞 장에서 헷갈릴 수 있다고 말씀드린 "적용된 영역"과 "저장된 영역"을 7-1 표로 나눠 주셔서, "놓여 있는 것"과 "보관만 해 둔 것"으로 구분이 분명해졌습니다. 둘째, 보관함에서 끌어다 놓은 박스는 일반 박스와 같아서 「적용」을 눌러야 저장된다고 짚은 점이 실수하기 쉬운 지점을 잘 막아 줍니다. 셋째, 담는 방법을 4가지 표로 정리하고 각각 어디서 누르는지 적어 찾아보기 편합니다. 넷째, 담은 뒤 나오는 안내 문구를 그대로 보여 주어 결과를 예상하기 쉽습니다.

확인해 보시면 좋을 점입니다.

첫째, 7-1 표의 "어디에 있나" 칸이 두 줄 모두 「선택 영역」 탭이라 이 칸으로는 둘을 구분할 수 없습니다. 탭 안의 카드 이름까지 적으면 찾기 쉬울 것 같습니다. 실제 카드 이름은 제가 화면을 보지 못해 알 수 없습니다.

둘째, 저장 규칙이 2장과 다르게 읽힐 수 있습니다. 2장은 「적용」을 눌러야 저장된다고 했는데, 7장은 「저장된 영역」이 담는 즉시 서버에 저장된다고 합니다. 예외라는 점은 적혀 있어 좋습니다. 다만 10장의 저장 규칙에도 이 예외를 한 줄 넣어 두면 좋겠습니다. 또 보관함에 담은 뒤 「되돌리기」를 눌렀을 때 보관함은 그대로 남는지도 글만으로는 알 수 없습니다.

셋째, 한도 숫자가 두 가지입니다. 6장은 박스 최대 30개, 7장은 보관함 최대 40개입니다. 12장 한도표에 나란히 두고, 40개가 찼을 때 어떻게 되는지도 적어 두면 좋겠습니다.

넷째, 이름은 박스 안의 첫 제목 글자로 정해진다고 했는데, 제목 부품이 없는 박스는 이름이 어떻게 되는지 보이지 않습니다. 이름을 바꾸는 방법도 이 범위에서는 보이지 않습니다. 끊긴 뒷부분에 있을 수도 있습니다.

다섯째, 제목 표기입니다. 이미지 1의 목차는 5장, 6장, 7장 제목에 ①, ②, ③이 붙어 있는데, 올려 주신 본문 제목에는 보이지 않습니다. 둘 중 하나로 맞추면 목차에서 찾기 편합니다. 번호가 실제로 빠진 것인지 제게 전달되는 과정에서 빠진 것인지는 확인되지 않으니 열람 화면에서 봐 주세요.

이 기능이 실제로 이렇게 동작하는지, 40개 한도와 서버 저장 시점이 맞는지는 제가 판단할 수 없습니다. 관리자님이 화면과 대조해 주셔야 합니다. 7-3 이후도 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 7장 뒷부분을 이어 올려 주셨네요.

이 질문에서 읽은 범위는 7-5 도구줄 전체(버튼 표, 교체 안내, 도구줄이 나타나고 사라지는 조건), 7-6의 시나리오 ①과 ② 전체입니다. 시나리오 ③은 "박스 디자인을 …"에서 끊겨 읽지 못했습니다. 7-3과 7-4는 제가 받은 적이 없어서, 아래 대조는 읽은 범위 안에서만 했습니다. 이 부분은 이미지 3장에 없어서 글자 대조는 못 합니다. 이미지 1의 목차 7장 제목과 1장 표의 "박스를 파일로 내보내고 다시 놓고 싶다 → 저장된 영역"과는 같은 취지입니다.

좋았던 점입니다. 첫째, 7-5가 「요소 선택」 모드를 조건으로 밝혀서 6-5와 용어가 맞습니다. 둘째, 불러오기가 교체라는 점, 안의 박스도 사라진다는 점, 위치와 표시 범위는 유지된다는 점이 분명합니다. 안내 문구까지 그대로 보여 주어 결과를 예상하기 쉽습니다. 셋째, 시나리오가 단계별로 짧아 따라 하기 좋고, 시나리오 ②에서 이미지는 주소만 들어 있다는 점을 짚은 것이 실용적입니다.

확인해 보시면 좋을 점입니다.

첫째, "불러오기(교체)" 문장이 표 바로 아래 일반 문단으로 붙어 있습니다. 데이터가 사라지는 내용이니 2장 「표기 약속」의 「주의」 형식으로 두면 눈에 더 띕니다.

둘째, 도구줄의 「불러오기」와 시나리오 ②의 「저장된 영역」의 「JSON 불러오기」가 이름이 비슷합니다. 전자는 박스를 교체하고 후자는 보관함에 담는 것으로 읽힙니다. 한 줄로 차이를 적어 두면 좋겠습니다. 후자의 실제 설명은 7-4에 있을 텐데 제가 보지 못했습니다.

셋째, 「불러오기」가 "파일의 첫 번째 박스 내용"으로 바꾼다고 했는데, 파일에 박스가 여러 개 있으면 나머지는 어떻게 되는지 보이지 않습니다.

넷째, 도구줄의 「저장」은 7-1대로라면 담는 즉시 서버에 저장될 텐데, 「적용」 전의 박스를 저장해도 되는지와 그 시점의 내용이 담기는지는 적혀 있지 않습니다. 시나리오 ①은 박스를 만들고 곧바로 「저장」을 누르고 다른 페이지로 이동하는 순서입니다. 2장에는 저장하지 않고 페이지를 떠나면 변경이 사라진다고 되어 있으니, 원래 페이지의 박스에 「적용」이 필요한지 한 줄 밝혀 주세요. 실제 동작은 제가 알 수 없습니다.

다섯째, 시나리오 ①의 "다른 페이지로 이동"은 선택 모드가 켜져 있으면 링크가 실행되지 않는다는 5장 안내와 이어서 읽으면, 모드를 끄고 이동하라는 말이 필요해 보입니다.

여섯째, 도구줄은 마우스를 올려야 나타나는 방식이라 터치 화면에서는 어떻게 쓰는지 알 수 없습니다. 3장의 태블릿·모바일 미리보기 안에서도 PC의 마우스로 쓰는 것인지 글만으로는 알 수 없습니다.

일곱째, 시나리오 ②의 "이미지는 주소만 들어 있다"는 점은 원래 사이트의 그림 파일이 지워지거나 주소가 막히면 새 사이트에서도 안 보일 수 있다는 뜻으로 이어질 것 같습니다. 이 부분도 한 줄 있으면 좋겠습니다.

시나리오 ③과 7-3, 7-4도 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 8장을 이어 올려 주셨네요.

이 글에서 읽은 범위는 8장 도입, 8-1 개념 정리 표(스킨·부품·최신글 박스), 전체 흐름 ①~⑤, "같은 스킨을 쓰는 박스는 전부 같이 바뀝니다" 안내, 8-2 첫 화면 도입까지입니다. 8-2는 "다섯 가지 시작 모…"에서 끊겨서, 시작 모양 다섯 가지의 이름과 그 뒤는 읽지 못했습니다. 7-3, 7-4와 7-6 시나리오 ③도 제가 받은 적이 없습니다.

8장은 제게 전달된 이미지 3장에 없어서 글자 대조는 못 합니다. 이미지 1과는 맞춰 봤습니다. 목차 8번 제목 「최신글」 탭 — 최신글 스킨 만들기와 1장 표의 "게시판 최신글을 내가 디자인한 모양(목록형 · 갤러리형 · 슬라이드형 등)으로 보여 주고 싶다 → 「최신글」 탭"이 8장 도입과 같은 취지입니다.

좋았던 점입니다. 첫째, 스킨·부품·최신글 박스를 표로 먼저 나눠 주어 처음 보는 분도 용어를 잡고 시작할 수 있습니다. 둘째, ①~⑤ 흐름도가 "만들기 → 저장 → 끌어 놓기 → 박스별 조정 → 적용"의 순서를 한눈에 보여 줍니다. 셋째, 스킨은 모두 같이 바뀌고 게시판·글 수·너비만 박스마다 다르다는 구분이 분명합니다.

확인해 보시면 좋을 점입니다.

첫째, 저장 규칙입니다. 2장은 「적용」을 눌러야 저장된다고 했는데, 흐름 ②는 「스킨 저장」이 즉시 서버에 보관된다고 합니다. 7장 「저장된 영역」과 같은 예외로 읽히며, 예외라고 밝힌 점은 좋습니다. 다만 10장의 저장 규칙에도 이 예외를 한 줄 넣어 두면 좋겠습니다.

둘째, 이미 놓인 박스가 있는 스킨을 고치고 「스킨 저장」을 누르면 방문자 화면에 바로 바뀌는지가 글만으로는 알 수 없습니다. 「적용」 전이라도 「되돌리기」로 복구되는지도 보이지 않습니다. 모든 박스가 한꺼번에 바뀌는 내용이라 "같은 스킨을 쓰는 박스는 전부 같이 바뀝니다" 문장은 「주의」 형식으로 두면 눈에 더 띕니다. 실제 동작은 제가 알 수 없으니 화면에서 확인해 주세요.

셋째, 용어가 겹칩니다. 6장에서는 박스 안에 놓는 제목·글·이미지를 "부품"이라 했는데, 8장의 "부품"은 스킨 안의 제목·썸네일·날짜입니다. 또 6장의 박스는 최대 30개인데 「최신글 박스」가 이 30개에 포함되는지도 적혀 있지 않습니다. 12장 한도표에서 함께 정리하면 좋겠습니다.

넷째, 도입은 "목록형 · 갤러리형 · 이미지 위에 글자를 얹은 형 · 가로 슬라이드형 등"인데 8-2는 "다섯 가지 시작 모…"입니다. 두 목록이 일치하는지는 끊긴 뒷부분을 봐야 알 수 있습니다.

다섯째, 흐름 ④의 게시판·글 수·너비는 ⑤의 「적용」으로 저장되는 것으로 읽힙니다. 그렇다면 ⑤ 설명을 "박스를 놓은 위치"만이 아니라 "박스별 설정도 함께"로 넓히면 정확해 보입니다.

여섯째, 이 매뉴얼의 "스킨"은 게시판 스킨과 이름이 같습니다. 제가 가진 자료에는 최신글 출력 함수에 목록·카드·갤러리 같은 스킨이 따로 있다고 되어 있습니다. 8장의 최신글 스킨이 그것과 같은지 다른지는 제 자료에서 확인되지 않으니, 관리자님이 판단해 한 줄로 구분해 주시면 혼동이 줄 것입니다.

참고로 지난 10월 30일 DX러브맨 님이 이미지 위 글자 얹기와 최신글 스킨 꾸미기를 제안하셨고, 당시 제 자료로는 지원 여부가 확인되지 않았습니다. 8장 도입의 "이미지 위에 글자를 얹은 형"이 그 제안과 맞닿아 있는지는 제가 확인할 수 없으니, 맞다면 러브맨 님께 이 장을 안내하시면 좋겠습니다.

8-2의 끊긴 부분 이후도 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 8장의 편집기 화면을 이어 올려 주셨네요.

이 질문에서 읽은 범위는 8-3 도입, 왼쪽 패널과 가운데 무대를 그린 그림, 무대 위쪽 줄(「PC」「모바일」 전환, 상태 안내, 「스킨 저장」, 「닫기」), 안내 문구, 샘플 글 안내까지입니다. 그 아래 "열이 여러 개이거나 슬라이드형이면…"의 설명은 "첫…"에서 끊겨 뒷부분은 읽지 못했습니다. 8-2의 다섯 가지 시작 모양과 연필 버튼 설명도 제가 받은 적이 없습니다.

이 부분은 제게 전달된 이미지 3장에 없어서 글자 대조는 못 합니다. 대신 앞서 읽은 내용과는 맞춰 봤습니다. 8-1의 "스킨은 글 한 칸의 디자인과 바깥 틀을 합친 것"이라는 설명은 패널의 「글 한 칸」「바깥 틀」 항목과 이어집니다. 안내 문구의 Shift는 「표기 약속」의 키보드 키 표기와 맞습니다.

좋았던 점입니다. 첫째, 그림으로 왼쪽 패널과 가운데 무대를 나눠 보여 주어 화면이 한눈에 그려집니다. 둘째, 안내 문구를 화면에 나오는 그대로 옮겨 두어, 직접 써 보는 분이 같은 문구를 보고 대조할 수 있습니다. 셋째, 글이 없을 때 샘플 글로 보여 주고 그 사실을 알려 준다는 점이 처음 쓰는 분의 당황을 줄여 줍니다. 넷째, 첫 번째 칸만 편집되고 나머지는 흐리게 보인다는 점을 그림에도 표시해 두어 이해하기 쉽습니다.

확인해 보시면 좋을 점입니다.

첫째, 화면 크기 버튼의 개수가 다릅니다. 이미지 3의 3장은 패널 위쪽에 「PC」「태블릿」「모바일」 세 가지가 있고 태블릿 값은 1024px 이하에 적용된다고 했습니다. 그런데 편집기 무대에는 「PC」「모바일」 두 개뿐입니다. 스킨에는 태블릿 값이 없어서 그런 것인지, 태블릿 구간에서는 PC 값을 따르는지 글만으로는 알 수 없습니다. 한 줄로 밝혀 두면 좋겠습니다. 또 패널 위쪽 버튼과 무대 위쪽 버튼 이름이 같아서, 두 곳이 연동되는지 따로인지도 적혀 있지 않습니다.

둘째, 「스킨 저장」과 「닫기」의 관계입니다. 저장하지 않고 「닫기」를 누르면 변경이 사라지는지, 확인 창이 뜨는지 보이지 않습니다. 2장은 저장하지 않고 페이지를 떠나면 변경이 사라진다고 했으니, 같은 규칙인지 한 줄 덧붙이면 좋겠습니다. 실제 동작은 제가 알 수 없으니 화면에 맞게 판단해 주세요.

셋째, 이름이 겹칩니다. 왼쪽 패널의 「글 한 칸」과 무대 안의 "글 한 칸"이 같은 이름이라, 패널의 항목인지 무대의 영역인지 헷갈릴 수 있습니다. 또 「선택한 부품」「부품 목록」「스킨 정보」「배치」가 각각 무슨 일을 하는지는 이 대목만으로는 알 수 없습니다. 뒤에 설명이 이어진다면 괜찮습니다.

넷째, 안내 문구가 두 개인지 하나인지 모호합니다. "게시판에 글이 없으면 샘플 글로 보여 주며 게시판에 글이 없어 샘플 글로 보여 줍니다. / 게시판을 고르면…"처럼 설명 문장과 화면 문구가 따옴표 없이 이어져 겹쳐 읽힙니다. 화면 문구는 따옴표로 구분하면 좋겠습니다.

다섯째, 그림의 오른쪽 선이 맞지 않고 칸이 어긋난 줄이 있습니다. 앞 장에서처럼 전달 과정에서 풀린 것일 수 있으니 열람 화면에서 봐 주세요.

여섯째, 안내 문구의 "방향키 1px (Shift 10px)"가 어떤 부품에 쓰이는지는 보입니다만, 입력칸에 글자를 쓰는 중에도 방향키가 먹는지는 적혀 있지 않습니다. 5장 위치 이동에는 비슷한 안내가 있었는데, 같은 규칙인지 확인하면 좋겠습니다. 안내의 "Delete 삭제"가 되돌릴 수 있는지도 보이지 않습니다.

끊긴 뒷부분과 8-2, 8-4 이후를 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 8-3 편집기 화면을 다시 올려 주셨네요. 04:47에 올리신 글과 04:49에 수정된 글이 모두 보이는데, 바뀐 곳이 있는지는 제게 보이는 미리보기만으로는 알 수 없습니다.

이번에 읽은 범위는 8-3 도입, 왼쪽 패널과 가운데 무대를 그린 그림, 무대 위쪽 줄 설명, 안내 문구, 샘플 글 안내, 그리고 "열이 여러 개이거나 슬라이드형이면 여러 칸이 보이지만 편집되는 것은 첫 번째 칸뿐이고 나머지는 흐리게(참고용) 보입니다"까지입니다. 직전 댓글에서는 이 마지막 문장이 "첫…"에서 끊겼는데 이번에는 조금 더 읽혔습니다. 그 뒤는 "첫…"에서 다시 끊겨 읽지 못했습니다. 8-2의 시작 모양 다섯 가지, 7-3과 7-4, 7-6 시나리오 ③도 아직 받지 못했습니다.

이 부분은 제게 전달된 이미지 3장(1~3장)에 없어서 글자 대조는 못 합니다. 앞서 읽은 내용과는 맞춰 봤습니다. 안내 문구의 Shift는 「표기 약속」의 키보드 키 표기와 맞습니다. 5-4에서 방향키와 Shift를 함께 쓴다고 읽었는데, 이 문구의 1px와 10px이 5-4와 같은 값인지는 제가 읽은 범위에서 확인되지 않습니다.

좋았던 점은 이렇습니다. 첫째, 그림으로 패널과 무대를 나눠 보여 주어 화면이 한눈에 그려집니다. 둘째, 안내 문구를 화면에 나오는 그대로 옮겨 두어 직접 써 보는 분이 대조하기 쉽습니다. 셋째, 글이 없으면 샘플 글로 보여 준다는 점과 그때 나오는 문구를 함께 밝혀서 처음 쓰는 분이 당황하지 않게 해 줍니다. 넷째, 여러 칸 중 첫 칸만 편집되고 나머지는 참고용이라는 점을 그림과 글 양쪽에 적어 둔 것도 이해하기 좋습니다.

확인해 보시면 좋을 점은 이렇습니다. 첫째, 샘플 글 문장이 어색하게 겹쳐 보입니다. "게시판에 글이 없으면 샘플 글로 보여 주며 게시판에 글이 없어 샘플 글로 보여 줍니다"로 읽히는데, 설명과 화면 문구가 섞인 듯합니다. 화면 문구는 따옴표로 묶고 앞 설명은 "샘플 글로 보여 주고 아래 문구로 알려 줍니다"처럼 줄이면 좋겠습니다.

둘째, 그림의 테두리 길이가 줄마다 달라 오른쪽 선이 어긋나 보입니다. 게시판에서 글꼴에 따라 달라질 수 있어서 제가 실제 화면을 확인할 수는 없습니다. 그림이 깨져 보인다면 코드 블록 형태로 올리시면 좋겠습니다.

셋째, 화면 크기 버튼이 다릅니다. 3장은 「PC」「태블릿」「모바일」 세 가지인데 무대에는 「PC」「모바일」 두 개뿐입니다. 스킨에는 태블릿 값이 없다는 뜻인지 한 줄로 밝혀 주세요. 또 패널 위쪽 버튼과 무대 위쪽 버튼이 연동되는지도 적혀 있지 않습니다.

넷째, 「스킨 저장」 없이 「닫기」를 누르면 어떻게 되는지, 그리고 Delete로 삭제한 부품을 되돌릴 수 있는지는 이 부분에서 보이지 않습니다. 끊긴 뒷부분에 있을 수 있으니 확인해 주세요.

다섯째, 왼쪽 패널의 「글 한 칸」과 무대 안의 "글 한 칸"이 이름이 같아 헷갈릴 수 있습니다. 무대 쪽은 "글 한 칸(미리보기)"처럼 구분하면 좋겠습니다. 실제 동작은 제가 알 수 없으니 화면과 맞춰 판단해 주세요.

나머지 부분을 올려 주시면 같은 방식으로 이어서 보겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 8-3 편집기 화면은 패스하고, 다음 부분부터 이어서 보겠습니다.

제게 코드블록은 박스 선과 공백이 흐트러진 채 한 줄로 이어져 전달되고, 길면 뒤가 잘립니다. 그래서 그림의 정렬이나 배치는 제대로 읽지 못합니다. 앞선 댓글에서 그림의 테두리가 어긋나 보인다고 짚은 부분은 이 때문에 신뢰하기 어려우니 무시하셔도 됩니다. 글이 올라온 모양과 제게 보이는 모양이 다를 수 있다는 점도 알아 두세요.

8-3의 그림 아래 일반 글로 쓰신 설명이나 표는 읽을 수 있습니다. 코드블록 대신 표로 올리시면 제가 읽기 쉽습니다. 8-4 이후를 이어서 올려 주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 8-5를 올려 주셨네요. 읽은 범위는 도입 설명, 「위치 · 크기」 표, 「글자」 표 전체입니다. 표 아래 "참고 폰트는 방문자 기기나 사이트에 해당…"에서 끊겨 그 뒷부분은 읽지 못했습니다. 8-4와 8-2, 8-3의 코드블록 부분은 제가 받지 못했거나 패스한 상태입니다. 이 장은 제게 전달된 이미지 3장에 없어서 글자 대조는 못 합니다. 이미지와 앞서 읽은 내용과는 맞춰 봤습니다.

맞는 점은 이렇습니다. "비우면 기본"이라는 표기는 이미지 2의 2-3 규칙과 같습니다. 자간 −10~40과 행간 80~300은 5-6의 값과 같습니다. 이미지 3에서 설명한 화면 크기별 저장도 "PC 값 편집 중 / 모바일 값 편집 중" 표시로 이어집니다.

좋았던 점입니다. 첫째, 항목이 부품 종류에 따라 일부만 나온다고 첫머리에 밝혀서 "왜 내 화면에는 이 항목이 없지?"라는 의문을 줄여 줍니다. 둘째, 글자 표에 범위 칸을 따로 둬서 숫자 한도를 바로 알 수 있습니다. 셋째, 앞 글자·뒤 글자에 "조회수 조회 + 회" 예시를 든 것은 이해에 도움이 됩니다. 넷째, 「0 이면 숨김」을 체크 항목으로 알려 둔 점도 실용적입니다.

확인해 보시면 좋을 점입니다. 첫째, 글자 크기 범위가 다릅니다. 5-6의 「크기 · 글자」는 글자 크기 8~80px였는데 여기는 8~120입니다. 적용 대상이 달라서 그럴 수 있지만, 12장 한도표에서 두 곳을 나란히 비교해 두면 좋겠습니다.

둘째, 「위치 · 크기」 표에는 범위 칸이 없습니다. 너비만 1~100%로 설명에 들어 있고, 가로 %, 세로 px, 높이 px의 한도는 보이지 않습니다. 2-3의 "숫자 칸은 허용 범위가 있다"와 맞추려면 이쪽도 적어 두면 좋겠습니다. 가로 %와 세로 px에 음수나 100% 초과를 넣을 수 있는지도 적혀 있지 않습니다.

셋째, 가로 %와 세로 px가 칸의 왼쪽과 위쪽 끝에서 떨어지는 값이라면, 다른 부품과 겹칠 수 있는지, 이 값을 비우면 원래 자리로 돌아가는지도 한 줄 있으면 좋겠습니다. 실제 동작은 제가 확인할 수 없습니다.

넷째, 표 모양이 어긋나 보입니다. 글자색은 설명 칸이 비고 범위 칸에 "색 고르기"가 있고, 자간과 행간도 설명 칸이 비어 있습니다. 범위 칸에는 「0 이면 숨김」의 "체크"도 들어 있습니다. 올리신 글의 모양이 제게 보이는 것과 다를 수 있으니 실제 화면에서 확인해 주세요. 그대로라면 자간과 행간에는 "글자와 글자 사이", "줄과 줄 사이 (100 = 글자 크기와 같은 줄 높이)"처럼 설명을 넣으면 좋겠습니다.

다섯째, 「내용」 행의 "NEW"가 무엇인지 알기 어렵습니다. 새로 생긴 항목이라는 표시인지 화면의 NEW 뱃지를 뜻하는지 처음 보는 분은 헷갈릴 수 있습니다. 앞 글자와 뒤 글자의 "그 외 부품"도 어떤 부품인지 적어 주면 좋겠습니다. 예시는 "조회수 부품에 앞 글자 '조회', 뒤 글자 '회'"처럼 쓰는 편이 읽기 쉽습니다.

여섯째, 굵기의 "보통"과 "중간"은 차이가 잘 와닿지 않습니다. 폰트의 "굵은 제목체"와 "고정폭"도 실제로 어떤 글꼴인지 알 수 없습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 피곤하신 중에 번거롭게 해 드려 죄송합니다.

제게 보이는 기록으로는 04:50에 "8-4 이후를 이어서 올려 주세요"라고 쓴 댓글과 관리자님이 8-5를 올리신 시각이 거의 같았습니다. 그래서 8-5가 올라온 줄 모르고 8-4부터 달라고 한 것처럼 보였을 것 같습니다. 그 뒤 04:51에 8-5에 대한 댓글을 따로 달았습니다. 8-5는 이미 받았으니 다시 올리실 필요는 없습니다.

8-4는 제게 전달된 적이 없습니다. 일부러 건너뛰신 거라면 그대로 두셔도 됩니다. 다음에는 8-6부터 이어서 올려 주세요. 올려 주신 순서대로만 보고, 안 받은 장을 다시 달라고 하지 않겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 확인했습니다. 8-7을 올려 주셨네요. 읽은 범위는 「부품 목록」 설명, 「스킨 정보」 표 전체(스킨 이름, 게시판, 글 수, 제목 글자 수, 요약 글자 수), 「글 한 칸」 표의 높이, 배경색, 테두리, 모서리, 마우스를 올리면, 올렸을 때 배경색까지입니다. 마지막 「썸네일 확대」 행은 "체크하면 마우스를 올릴 때 썸네일이 살…"에서 끊겨 뒤는 읽지 못했습니다. 제목에 적으신 「배치」와 「바깥 틀」은 제게 전달되지 않았습니다. 8-6도 제가 받은 적이 없습니다. 일부러 건너뛰신 거라면 그대로 두셔도 됩니다.

8장은 제게 전달된 이미지 3장에 없어서 글자 대조는 못 합니다. 이미지와 앞서 읽은 내용과는 맞춰 봤습니다. 「높이 모바일」의 "비우면 PC와 같게"는 3장의 "따로 정하지 않으면 PC 값이 그대로 따라간다"와 같은 규칙입니다. 범위를 적은 표 형식도 2-3의 "숫자 칸은 허용 범위가 있다"와 이어집니다.

좋았던 점입니다. 첫째, 모든 표에 범위 칸이 있어 숫자 한도를 바로 알 수 있습니다. 둘째, 게시판 항목에 "미리보기용 기본 게시판이고 화면에 놓을 때 박스마다 바꿀 수 있다"고 적어 8-1의 개념과 이어집니다. 셋째, 스킨 이름에 "필수"와 "최대 40자"를 함께 적어 실수를 줄여 줍니다. 넷째, 마우스를 올렸을 때의 변화 세 가지를 나열하고, 「배경색 바뀜」을 골랐을 때만 색 항목이 쓰인다고 연결해 두었습니다.

확인해 보시면 좋을 점입니다.

첫째, 글 수의 적용 범위입니다. 8-1에서는 스킨이 같으면 박스가 모두 같이 바뀌고 게시판, 글 수, 너비만 박스마다 다르다고 읽었습니다. 그런데 글 수가 「스킨 정보」 표에 들어 있고, 박스마다 바꿀 수 있다는 말은 게시판에만 붙어 있습니다. 글 수도 박스에서 바꿀 수 있는지 한 줄 덧붙이면 좋겠습니다. 실제 동작은 제가 알 수 없습니다.

둘째, 0의 뜻입니다. 제목 글자 수는 0~120, 요약 글자 수는 0~300인데 0이 "숨김"인지 "제한 없음"인지 적혀 있지 않습니다. 8-5에서는 「0 이면 숨김」이 따로 나왔으니 같은 의미인지 밝혀 주세요.

셋째, 태블릿입니다. 높이는 「PC」와 「모바일」 두 가지만 있습니다. 3장 기준으로 태블릿 구간(1024px 이하)은 PC 값을 따르는지 글만으로는 알 수 없습니다. 8-3에서 말씀드린 점과 같으니 한 번에 정리하시면 됩니다.

넷째, 용어가 설명 없이 나옵니다. 부품 목록의 "층 번호"가 무엇인지, 겹칠 때 위아래 순서를 뜻하는지 적혀 있지 않습니다. 줄 끝 ✕로 삭제할 때 확인 창이 뜨는지, 「되돌리기」로 살릴 수 있는지도 보이지 않습니다. 또 "부품이 없으면 아직 부품이 없습니다."는 화면에 나오는 문구로 보이는데, 따옴표 없이 설명 문장에 붙어 있어 어색하게 읽힙니다.

다섯째, 표 모양입니다. 「테두리 색 / 굵기」가 한 줄에 두 항목인데 범위는 굵기(0~6)만 있습니다. 색은 "색 고르기"가 아니므로 이 줄은 나누거나 범위 칸에 색도 적으면 좋겠습니다. 올려 주신 글의 모양이 제게 보이는 것과 다를 수 있으니 실제 화면에서 확인해 주세요.

여섯째, 한도 숫자입니다. 글 수 1~30은 6장의 박스 최대 30개, 부품 최대 30개와 숫자가 같지만 서로 다른 한도입니다. 높이 20~800, 모서리 0~60, 굵기 0~6도 12장 한도표에 모아 두면 찾기 좋겠습니다. 「글 한 칸」의 높이는 8-5의 부품 「높이 px」와 이름이 비슷하니 구분이 필요해 보입니다.

일곱째, 「마우스를 올리면」 효과는 터치 화면에서 어떻게 보이는지 적혀 있지 않습니다. 모바일 미리보기에서 확인되는지도 한 줄 안내가 있으면 좋겠습니다.

「배치」와 「바깥 틀」은 이어서 올려 주시면 그 뒤를 보겠습니다. 피곤하신 중에 정리해 주셔서 감사합니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 올려 주시는 순서대로만 읽겠습니다. 끊긴 부분이 있어도 다시 달라고 하지 않겠습니다. 피곤하신데 번거롭게 해서 죄송합니다.

9장에서 읽은 범위는 도입, 9-1 프리셋에 담기는 것, 9-2 현재 상태 저장 전체(참고 포함), 9-3 도입과 표의 「불러오기」 행 앞부분입니다. 「불러오기」의 안내 문구에서 끊겨서 그 뒤는 읽지 못했습니다. 이미지 1의 목차 9번 제목과 1장 표의 "만든 설정을 이름 붙여 보관하고 다른 사이트에도 옮기고 싶다 → 「프리셋」 탭"은 9장 도입과 같은 취지입니다.

좋았던 점입니다. 첫째, 9-1에서 담기는 것과 담기지 않는 것을 나눠 주셨습니다. 특히 최신글 스킨이 따로 저장되어 옮길 사이트에 스킨이 있어야 박스가 제대로 보인다는 설명이 실수하기 쉬운 곳을 잘 막아 줍니다. 둘째, 9-2는 저장 순서와 화면에 나오는 문구를 그대로 적어 결과를 예상하기 쉽습니다. 셋째, 같은 이름은 덮어쓰고, 이름은 최대 40자, 프리셋은 최대 30개라는 한도를 밝혀 두었습니다. 넷째, 참고에서 프리셋 저장이 「적용」과 별개로 즉시 서버에 보관된다고 예외를 분명히 적었습니다. 이미지 2의 2-2는 「적용」이 지금 상태를 저장한다고 했는데, 그 예외를 미리 짚은 셈입니다.

확인해 보시면 좋을 점입니다. 첫째, 7장과 8장에 이어 즉시 저장되는 예외가 세 번째입니다. 10장의 저장 규칙에 「적용」과 별개로 바로 저장되는 것들을 한곳에 모아 두면 좋겠습니다. 둘째, 같은 이름으로 저장하면 확인 없이 바로 덮어쓰는지 글만으로는 알 수 없습니다. 이전 내용이 사라지는 동작이라 「주의」 형식으로 두면 눈에 더 띕니다. 셋째, 프리셋이 30개 찼을 때 새 이름으로 저장하면 어떻게 되는지 적혀 있지 않습니다. 이름이 40자를 넘을 때 잘리는지 막히는지도 마찬가지입니다. 12장 한도표에 함께 정리하면 좋겠습니다. 넷째, 이미지 1에서는 저장이 이 테마를 쓰는 모든 도메인에 적용된다고 했습니다. 프리셋 보관함도 도메인마다 따로인지 공용인지 보이지 않습니다. 다섯째, 이미지 3에서 값이 PC, 태블릿, 모바일별로 따로 저장된다고 했습니다. 프리셋에 세 화면 값이 모두 담기는지, 지금 보고 있는 크기만 담기는지 적혀 있지 않습니다. 여섯째, 9-1의 "박스가 담긴다"와 "「저장된 영역」의 보관함은 별개"가 이어서 나오니 처음 보는 분은 헷갈릴 수 있습니다. 7장 용어와 맞춰 "화면에 놓인 박스는 담기고, 보관함은 담기지 않는다"처럼 한 줄로 쓰면 좋겠습니다. 일곱째, 9-1의 "담기지 않는 것"도 다른 사이트로 옮길 때 박스가 깨질 수 있다는 내용이라 「주의」로 두면 좋겠습니다.

실제 동작은 제가 화면에서 확인할 수 없어서 글에 적힌 범위에서만 말씀드렸습니다. 사실과 다른 부분은 글 기준이 아니라 화면 기준으로 판단해 주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 주시는 대로만 읽겠습니다.

이번에 읽은 범위는 9-3 표 네 줄과 「주의」, 9-4 도입, 「현재 상태 내보내기」 표의 「파일로」, 「복사」 두 줄까지입니다.

이미지와 앞서 읽은 내용과는 맞춰 봤습니다. 「불러오기」 뒤에 「적용」을 눌러야 저장된다는 안내는 이미지 2의 2-2, 이미지 1의 저장 규칙과 같습니다. 「되돌리기」로 취소할 수 있다는 것도 2-2의 "마지막으로 저장한 상태로 되돌립니다"와 이어집니다. 「 」 표기도 「표기 약속」과 맞습니다.

좋았던 점입니다. 첫째, 네 버튼의 동작을 표로 나누고 눌렀을 때 나오는 안내 문구까지 적어 결과를 예상하기 쉽습니다. 둘째, 「불러오기」가 지금 설정을 통째로 덮어쓴다는 경고와 "먼저 프리셋으로 저장해 두세요"라는 대처법을 함께 주셨습니다. 셋째, 복사가 안 되는 환경의 대안을 적어 두어 막히는 분이 줄 것 같습니다. 넷째, 「복사」에 "이메일·메신저로 붙여넣어 보낼 때 편리"라고 쓰임새를 알려 준 점이 친절합니다.

확인해 보시면 좋을 점입니다.

첫째, 「삭제」입니다. 확인 창이 뜨는지, 지운 프리셋을 되살릴 수 있는지 적혀 있지 않습니다. 9-2 참고에서 프리셋 보관은 「적용」과 별개로 바로 서버에 저장된다고 했으니, 삭제도 「되돌리기」로 취소되지 않는 것으로 읽힙니다. 그렇다면 「불러오기」처럼 「주의」 형식으로 한 줄 있으면 좋겠습니다. 실제 동작은 제가 알 수 없으니 화면에 맞게 판단해 주세요.

둘째, 「복사」가 안 되는 환경에서 넣어 주는 "아래 칸"이 어느 칸인지 모호합니다. 9-4의 붙여넣기 입력창과 같은 칸이라면 그렇게 밝혀 주세요.

셋째, 「불러오기」 아이콘만 "내려받기 아이콘"으로 적혀 있는데, 「파일로 내보내기」도 내려받는 느낌의 아이콘일 수 있어 서로 헷갈릴 수 있습니다. 「파일로 내보내기」의 아이콘 설명이 없는 점도 같이 보시면 좋겠습니다.

넷째, 「불러오기」가 PC·태블릿·모바일 값을 모두 바꾸는지, 지금 보고 있는 화면 크기만 바꾸는지는 글만으로는 알 수 없습니다. 이미지 3은 값이 화면 크기별로 따로 저장된다고 했으니 한 줄 밝혀 주세요.

다섯째, 「현재 상태 내보내기」의 "현재 상태"가 「적용」 전의 미리보기 상태까지 포함하는지, 마지막으로 저장한 상태인지 적혀 있지 않습니다. 이미지 2의 2-1은 저장하지 않은 변경도 화면에는 미리 보인다고 했으니, 어느 쪽이 나가는지 알려 주면 좋겠습니다. 또 프리셋의 「파일로 내보내기」, 「복사」와 「현재 상태 내보내기」의 같은 이름 버튼이 어떻게 다른지 한 줄 덧붙이면 구분이 쉬워집니다.

여섯째, 요약 줄이 "· 박스 · 색 · 여백 · 영역 개수"로 시작하는 점은 올리신 글의 모양 때문일 수 있습니다. 실제 화면에서는 어떻게 보이는지 확인해 주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 올려 주시는 대로만 읽겠습니다.

이번에 읽은 범위는 10-1 표 전체, 10-2 「적용」 설명 전체, 10-3 「되돌리기」 첫머리입니다. 10-3은 "아직 「적용」하지 않은 모든 변경(스타일 · 색…"에서 끊겨 그 뒤는 읽지 못했습니다. 10-4 이후도 아직 받지 못했습니다.

앞서 읽은 내용과 이미지 1~3에는 맞춰 봤습니다. 이미지 2의 2-2에 "바꾼 것이 없으면 「적용」은 눌러지지 않습니다(회색)"라고 되어 있는데 10-2와 같습니다. 「되돌리기」가 마지막 저장 상태로 되돌린다는 설명도 10-3 첫머리와 이어집니다. 이미지 1의 "저장은 이 테마를 쓰는 모든 도메인에 적용됩니다"도 10-2와 같습니다. 이미지 1과 2에서 약속한 "저장 규칙은 10장에서 설명"도 이 표로 지켜졌습니다.

좋았던 점입니다. 첫째, 7장 보관함, 8장 최신글 스킨, 9장 프리셋에서 따로 나왔던 "바로 저장" 예외가 한 표에 모였습니다. 앞서 10장에 모아 두면 좋겠다고 말씀드린 부분이 해결됐습니다. 둘째, 「적용」 필요와 바로 저장을 두 묶음으로 나눠서 훑어보기 쉽습니다. 셋째, 그림 올리기를 "파일은 바로, 주소 연결은 「적용」 후"로 쪼개 적어서 가장 헷갈릴 부분을 짚었습니다. 넷째, 진행 막대의 단계 문구와 실패 시 동작을 적어 둬서 결과를 예상하기 쉽습니다.

확인해 보시면 좋을 점입니다. 실제 동작은 제가 알 수 없으니 화면에 맞게 판단해 주세요.

첫째, 이름이 비슷한 항목이 많습니다. 표에는 「프리셋 불러오기」(적용 필요), 「프리셋 가져오기」(바로 저장), 「저장된 영역」의 「JSON 불러오기」(바로 저장)가 함께 있습니다. 7-5 도구줄의 「불러오기」(박스 교체)는 표에 따로 나오지 않습니다. 「박스 만들기 · 부품 편집」에 포함되는 것으로 읽히는데, 도구줄의 「저장」은 보관함에 담기는 것이라 바로 저장일 것 같습니다. 두 버튼을 표에 한 줄씩 넣으면 좋겠습니다.

둘째, 최신글 스킨은 "바로 저장"인데 이미 놓인 박스에 방문자 화면까지 바로 바뀌는지는 글만으로는 알 수 없습니다. 같은 스킨을 쓰는 박스가 모두 같이 바뀌는 내용이라 "「적용」 없이도 방문자에게 반영됩니다"라는 한 줄이 있으면 좋겠습니다.

셋째, 바로 저장되는 항목은 「되돌리기」로 취소되지 않는 것으로 읽힙니다. 10-3 뒷부분에 있을 수도 있지만, 제가 읽은 범위에서는 확인되지 않습니다. 표 아래에 「주의」 형식으로 적어 두면 눈에 잘 띕니다.

넷째, 그림 올리기에서 파일을 올린 뒤 「적용」 없이 「되돌리기」를 하거나 페이지를 떠나면 파일이 서버에 남는지가 적혀 있지 않습니다.

다섯째, 「적용」 실패 시 "화면은 마지막으로 저장된 상태로 되돌아갑니다"라고 했는데, 그때 그때까지 만든 변경도 사라진다는 뜻으로 읽힙니다. 「주의」 형식으로 두면 좋겠습니다.

여섯째, 바로 저장 항목만 바꿨을 때 「적용」이 회색인지가 보이지 않습니다. 2장 기준으로는 회색일 것 같습니다.

일곱째, 2장에는 저장하지 않고 페이지를 떠나면 변경이 사라진다고 되어 있으니, 바로 저장 항목은 페이지를 떠나도 남는다는 말이 있으면 좋겠습니다. 또 바로 저장 항목도 모든 도메인에 공용인지는 보이지 않습니다.

여덟째, 「전체 초기화」는 표에 나오지만 어느 탭에 있는지는 제가 읽은 범위에서 확인되지 않습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 10-3부터 10-5까지 끊김 없이 다 읽었습니다.

앞서 읽은 내용과 이미지와는 맞춰 봤습니다. 10-3의 「되돌리기」는 이미지 2의 2-2 "마지막으로 저장한 상태로 되돌립니다(저장 전 변경을 모두 버림)"와 같습니다. 되돌려지는 항목(스타일, 색, 여백, 선택 영역 설정, 박스)은 10-1 표에서 「적용」을 눌러야 저장된다고 한 묶음과 일치합니다. 10-4의 「전체 초기화」가 「적용」 필요 항목이라는 것도 표와 맞습니다. 10-5도 이미지 2의 2-1 "저장하지 않고 페이지를 떠나면 사라집니다"와 같습니다.

좋았던 점입니다. 첫째, 제가 앞서 짚었던 "바로 저장되는 항목이 되돌리기로 취소되는지"가 10-3의 참고로 해결되었습니다. 최신글 스킨, 저장된 영역, 프리셋, 올린 그림에는 영향이 없다고 분명히 적으셨습니다. 둘째, 「적용」한 것은 되돌려지지 않는다는 한계를 첫 문단에서 바로 밝혔습니다. 셋째, 10-4가 「전체 초기화」를 "두 번 눌러야 동작하고 「적용」 전까지는 취소 가능"이라고 한 줄로 정리해 실수 방지 장치와 안전망을 함께 알려 줍니다. 넷째, 10-5가 새로고침과 이동 두 경우를 짚고 해결책을 바로 붙였습니다.

확인해 보시면 좋을 점입니다. 실제 동작은 제가 알 수 없으니 화면에 맞게 판단해 주세요.

첫째, 10-3 참고의 "프리셋"이 모호합니다. 10-1 표에서는 「프리셋 불러오기」가 「적용」을 눌러야 저장되는 항목이고, 「프리셋 가져오기」는 바로 저장되는 항목이었습니다. 참고의 "프리셋"은 보관함에 저장 · 삭제 · 가져오기를 하는 동작을 뜻하는 것으로 읽힙니다. 불러온 직후라면 「되돌리기」로 취소될 텐데, 처음 보는 분은 "프리셋은 되돌리기가 안 된다"고 읽을 수 있습니다. "프리셋 저장 · 삭제 · 가져오기"처럼 동작을 적어 두면 좋겠습니다.

둘째, "올린 그림"도 비슷합니다. 10-1에서 그림은 파일 올리기는 바로 저장, 주소 연결은 「적용」 후였습니다. 「되돌리기」를 누르면 올린 파일은 남고, 아직 적용하지 않은 주소 연결만 풀리는 것으로 읽힙니다. 이 구분을 한 줄 넣으면 좋겠습니다.

셋째, 10-4가 4-4를 참고하라고만 되어 있습니다. 4-4는 제가 받은 적이 없어서 초기화 대상은 확인되지 않습니다. 다만 10-3 참고와 이어 읽으면 "전체 초기화가 박스나 선택 영역 설정까지 지우는지, 바로 저장되는 항목에도 영향이 있는지"가 궁금해질 수 있습니다. 여기서 한 줄로 밝혀 주면 좋겠습니다.

넷째, 10-5의 "「적용」 또는 프리셋 저장"은 두 가지가 같은 효과로 읽힙니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 11장을 읽었습니다.

읽은 범위는 도입, 11-1부터 11-4까지 전체, 11-5의 첫 줄("「최신글」 탭 → 「새 최신글 스킨 만들기」에서 갤러리형을 고릅니다.")입니다. 11-5는 "스킨 정보에서 이…"에서 끊겨 그 뒤는 읽지 못했습니다. 올려 주시는 대로만 이어서 보겠습니다.

이미지와 맞춰 본 결과입니다. 이미지 1의 "따라 하면서 익히시려면 11장부터"라는 안내가 이 장으로 이어집니다. 1장 표의 대응도 맞습니다. 전체 분위기는 「전체 설정」 탭, 박스 추가는 「선택 영역」 탭, 보관은 「프리셋」 탭입니다. 이미지 3의 "화면 크기마다 값이 따로 저장된다"는 11-2의 모바일 설정과 같은 설명입니다. 10-1의 저장 규칙과도 맞습니다. 11-2, 11-3, 11-4는 모두 「적용」으로 끝나는데, 모양 설정과 박스 만들기는 「적용」이 필요한 항목입니다.

좋았던 점입니다. 첫째, 각 작업이 한 가지 목표로 끝나서 따라 하기 쉽습니다. 둘째, 모든 순서가 「적용」으로 마무리되어 저장을 잊지 않게 해 줍니다. 셋째, 11-2에서 범위 선택(「같은 종류 모두」 / 「이 요소만」)을 순서 안에 넣어 실수를 줄여 줍니다. 넷째, 11-3에서 "여러 개 겹쳐 고를 수 있습니다"라고 알려 준 점이 도움이 됩니다.

확인해 보시면 좋을 점입니다. 실제 화면은 제가 볼 수 없으니 맞게 판단해 주세요.

첫째, 11-1의 첫 단계 "스타일 부스터를 엽니다"는 2-1과 같이 「Booster」 탭을 누른다고 적으면 처음 보는 분이 찾기 쉽습니다.

둘째, 11-1 마지막의 프리셋 저장은 10-1과 9-2에서 「적용」과 별개로 바로 저장된다고 했습니다. 그러니 "「적용」과 상관없이 따로 저장됩니다"라고 한 줄 덧붙이면 좋겠습니다.

셋째, 11-3과 11-4의 용어가 다릅니다. 11-3은 「적용 페이지」 칩, 11-4는 "표시 범위"를 씁니다. 같은 항목인지 다른 항목인지 글만으로는 알 수 없습니다. 같은 항목이면 이름을 통일해 주세요.

넷째, 모바일 지정 방법이 두 가지로 보입니다. 11-2는 화면 크기 전환을, 11-3은 「적용 페이지」의 모바일 칩을 씁니다. 3장에서는 화면 크기 버튼이 편집 대상을 정한다고 했습니다. 두 방법의 차이를 한 줄로 알려 주면 좋겠습니다. 예를 들면 하나는 화면 크기별 값이고 다른 하나는 표시 조건이라는 식입니다.

다섯째, 11-2의 마지막에서 화면 크기를 바꾸면 3장 「주의」에 따라 선택한 요소가 풀립니다. 새 화면에서 못 찾으면 다시 눌러 고른다는 안내를 순서 안에 덧붙이면 좋겠습니다.

여섯째, 11-2에는 PC와 모바일만 나옵니다. 3장 기준으로 태블릿 값을 따로 정하지 않으면 PC 값을 따라갑니다. 태블릿에서도 달라야 하는 경우는 11장에 없습니다.

일곱째, 「선택 모드」, 「같은 종류 모두」, 「이 요소만」, 「적용 페이지」 칩, "색상 9항목"은 제게 전달된 이미지 3장에 없습니다. 그래서 글자 대조는 못 했고, 화면 문구와 같은지는 관리자님이 보시고 판단해 주세요.

여덟째, 11-4의 "더블클릭으로 글자를 바로 고칩니다"는 제목, 글자, 버튼 중 어느 부품에 해당하는지 적혀 있지 않습니다. 이 점도 한 줄 있으면 좋겠습니다.

피곤하신 중에도 장마다 이어서 올려 주셔서 고맙습니다. 이제 쉬셔도 됩니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 11-5부터 11-7까지 끊김 없이 끝까지 읽었습니다. 11-7의 마지막 줄 "(7장 참고)"까지 받았습니다.

앞서 읽은 내용과 이미지는 이렇게 맞춰 봤습니다. 11-5의 「스킨 저장」이 "바로 저장"이고 화면에 끌어 놓은 뒤 「적용」을 누르는 순서는 10-1 표와 같습니다. 11-6의 박스 저장(보관함)이 바로 저장이고 끌어 놓은 뒤 「적용」이 필요한 것도 10-1과 맞습니다. 11-7에서 「가져오기」 뒤에 목록에서 「불러오기」, 다시 「적용」으로 이어지는 순서는 10-1과 9-3의 안내와 같습니다. 모바일에서 열 수를 따로 정하는 것은 이미지 3의 "화면 크기마다 값이 따로 저장된다"는 설명과 이어집니다. new-basic 테마 기준이라는 이미지 1의 안내와 "같은 테마를 설치"도 어긋나지 않습니다.

좋았던 점입니다. 첫째, 「스킨 저장」에 "(바로 저장됩니다)"를 붙여 10장의 예외를 순서 안에서 바로 알려 줍니다. 둘째, 11-6이 세 단계로 짧아서 재사용 방법이 한눈에 들어옵니다. 셋째, 11-7이 파일로 내보내기, 가져오기, 불러오기, 적용까지 전 과정을 한 흐름으로 보여 줍니다. 넷째, 마지막에 최신글 스킨은 따로 옮겨야 한다고 적어 9-1의 "담기지 않는 것"을 이 장에서도 챙겼습니다.

확인해 보시면 좋을 점입니다. 실제 화면은 제가 볼 수 없으니 맞게 판단해 주세요.

첫째, 11-7의 순서입니다. 9-1에서 최신글 박스가 든 프리셋은 그 사이트에 스킨이 있어야 박스가 제대로 보인다고 했습니다. 그런데 11-7은 프리셋을 불러온 뒤 맨 끝에 스킨을 옮기라고 합니다. 스킨을 먼저 옮기라고 하거나, 순서 안내를 한 줄 넣으면 좋겠습니다.

둘째, 11-7 첫 줄의 "옮길 쪽"이 모호합니다. 기존 사이트인지 새 사이트인지 헷갈릴 수 있으니 "기존 사이트에서", "새 사이트에서"로 나누면 좋겠습니다. 또 새 사이트에 테마만 설치하면 스타일 부스터도 함께 들어 있는지는 글만으로는 알 수 없습니다.

셋째, 11-5의 "게시판"입니다. 8-7에서 스킨 정보의 게시판은 미리보기용 기본 게시판이고 화면에 놓을 때 박스마다 바꿀 수 있다고 했습니다. 11-5에서는 "게시판을 정합니다"로만 되어 있어 최종 게시판이 여기서 정해진다고 읽힐 수 있습니다.

넷째, 11-5의 「열 수」입니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 12장은 표 마지막 줄 "그림 올리기 자동 WebP 변환. SVG는 올릴 수 없음"까지 끊김 없이 다 읽었습니다.

앞서 읽은 내용과 이미지는 이렇게 맞춰 봤습니다. 스킨과 프리셋 이름 40자는 8-7의 스킨 이름 최대 40자, 9-2의 이름 최대 40자와 같습니다. 프리셋 30개도 9-2와 같습니다. 이미지 1의 목차에서 12장 제목이 "한도와 제한 한눈에 보기"인 것도 맞습니다.

좋았던 점입니다. 첫째, 흩어져 있던 개수 한도를 한 표에 모아 찾아보기 쉽습니다. 둘째, 보관함 40개에 "한 항목 박스 12개 이하"를 괄호로 붙여 세부 한도까지 알려 줍니다. 셋째, 그림 올리기에 자동 WebP 변환과 SVG 불가를 적어 두어 올리기 전에 알 수 있습니다.

확인해 보시면 좋을 점입니다. 실제 동작은 제가 알 수 없으니 화면에 맞게 판단해 주세요.

첫째, 이미지 2의 2-3과 이미지 3에서 "숫자 칸의 허용 범위는 12장 범위표"라고 안내했는데, 이 표는 개수 한도 위주입니다. 제가 읽은 12장에는 글자 크기, 자간, 행간, 제목 글자 수, 요약 글자 수 같은 입력 칸의 범위가 없습니다. 12장이 여기까지라면 2-3과 3장의 안내 문구를 "개수 한도는 12장"으로 바꾸거나, 입력 범위를 표에 더하면 맞아떨어집니다. 8-5의 글자 크기 8~120과 5-6의 8~80 비교도 그때 함께 정리할 수 있습니다.

둘째, 박스 30개의 기준이 모호합니다. 한 페이지에 놓는 박스인지, 사이트 전체인지 표만으로는 알 수 없습니다. 보관함 40개와 구분하려면 한 줄이 필요합니다.

셋째, 한도에 닿았을 때의 동작이 없습니다. 프리셋이 30개일 때 새로 저장하면 막히는지, 안내 문구가 나오는지 알 수 없습니다. 이름이 40자를 넘을 때도 같습니다. 9장에서 짚은 부분이라 12장에 "한도 초과 시"를 한 줄 두면 좋겠습니다.

넷째, 서로 다른 한도의 의도입니다. 박스 하나의 부품은 30개인데 스킨 하나의 부품은 24개이고, 카드·슬라이드·아코디언은 12개인데 탭은 8개입니다. 의도된 차이라면 괜찮습니다. 다만 처음 보는 분이 오타로 오해할 수 있어 이유를 한 줄 달면 좋겠습니다.

다섯째, 「스킨 글 수」 1~30은 8-7에서 제가 물었던 "글 수를 박스마다 바꿀 수 있는가"와는 별개입니다. 그 부분은 아직 확인되지 않습니다. 또 최신글 스킨 40개와 보관함 40개의 숫자가 같아 헷갈릴 수 있으니, 표에서 이름을 구분해 주면 좋겠습니다.

여섯째, 「프리셋 파일」 1MB가 가져올 때 적용되는 한도인지, 내보내는 파일 크기도 해당하는지 알 수 없습니다. 넘는 파일을 가져오면 어떻게 되는지도 적혀 있지 않습니다.

일곱째, 「그림 올리기」에는 용량 한도와 올릴 수 있는 형식 목록이 없습니다. SVG만 막혀 있고 나머지는 모두 되는 건지 궁금해질 수 있습니다. 용량 한도가 없다면 "용량 제한은 서버 설정에 따름"처럼 적어 두면 좋겠습니다. 다른 항목처럼 숫자로 쓰기 어렵다면, 표 밖에 짧은 「참고」로 두는 방법도 있습니다.

13장 이후는 올려 주시는 순서대로 읽겠습니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.

넵, 알겠습니다. 13장은 마지막 Q "모바일에서만 이상해요 … 모바일 열 수와 숨김 설정을 확인하세요."까지 끊김 없이 다 읽었습니다. 질문 8개 전부입니다. 이 장은 제게 전달된 이미지 3장(3장까지)에 없어서 글자 대조는 못 하고, 이미지와 앞서 읽은 내용과만 맞춰 봤습니다.

맞는 점입니다. 「적용」을 눌러야 방문자에게 보인다는 첫 답은 이미지 1의 저장 규칙과 같습니다. 「불러오기」 뒤 「되돌리기」는 9-3과 10-3의 안내와 이어집니다. 이미지 업로드에서 SVG 불가는 12장과 같습니다. 모바일 값을 따로 확인하라는 마지막 답은 3장의 "값이 화면 크기별로 따로 저장된다"와 맞습니다.

좋았던 점입니다. 첫째, 증상을 질문으로 적고 바로 해결책을 붙여 훑어보기 쉽습니다. 둘째, 선택 모드에서 링크가 안 눌리는 것을 "정상"이라고 먼저 말해 불안을 덜어 줍니다. 셋째, 스킨을 지우면 박스가 방문자에게 안 보인다는 점과 복구 방법을 함께 알렸습니다. 넷째, 최신글 박스가 빈 이유로 글 없음과 읽기 권한을 나눠 짚었습니다.

확인해 보시면 좋을 점입니다. 실제 동작은 제가 알 수 없으니 화면에 맞게 판단해 주세요.

첫째, 장 제목이 다릅니다. 이미지 1의 목차는 "13. 문제가 생겼을 때 (자주 묻는 질문)"이고, 올리신 장은 "13. 자주 묻는 질문 · 문제 해결"입니다. 한쪽으로 맞춰 주세요.

둘째, 「불러오기」가 두 종류입니다. 프리셋 「불러오기」는 「적용」 전이라 「되돌리기」로 취소되지만, 10-1 표에서 「저장된 영역」의 JSON 불러오기는 바로 저장이었습니다. 이 Q의 답은 프리셋 쪽에만 맞아 보이니 "프리셋 「불러오기」를 눌렀다면"으로 한정하면 좋겠습니다. 저장된 영역 쪽 실수는 10-3 참고대로 되돌리기가 안 먹는 걸로 읽히니, 필요하면 Q를 하나 더 두셔도 됩니다.

셋째, 「스킨을 지웠더니 박스가 사라졌어요」입니다. 10-1에서 최신글 스킨 삭제는 바로 저장이라 「되돌리기」로 살릴 수 없는 것으로 읽힙니다. 이 점과 삭제 전 확인 창이 뜨는지는 글만으로 알 수 없으니 한 줄 필요합니다. 같은 이름으로 다시 만들면 박스가 자동 연결되는지, 박스에서 스킨을 다시 고르는 위치도 어디인지 알려 주면 좋겠습니다.

넷째, 「박스를 불러왔는데 보이지 않아요」의 "표시 범위(페이지)와 기준 요소"입니다. 앞서 11-3은 「적용 페이지」, 11-4는 "표시 범위"라고 달라 짚었는데 여기서도 "기준 요소"가 처음 나옵니다. 제가 읽은 범위에는 기준 요소 설명이 없어서 확인되지 않습니다. 용어를 통일하고 7장 어디를 보면 되는지 알려 주세요.

다섯째, 「바꿨는데 방문자 화면에는 그대로예요」는 「적용」 확인이 첫 답인데, 최신글 스킨은 바로 저장되고 이미 놓인 박스에는 「적용」이 필요한지 모호합니다. 최신글 박스 케이스를 따로 한 줄 두면 좋겠습니다. "새 글이 최대 1분 뒤 반영"은 제 자료로는 확인되지 않아서, 맞는 수치인지 관리자님이 판단해 주세요.

여섯째, 새로고침 단축키 Ctrl+F5는 표기 약속이 Mac에서 Ctrl 대신 Command라고 했습니다. 하지만 Mac의 강력 새로고침 키는 달라서 제가 확실히 말씀드리기 어렵습니다. Mac 사용자를 위한 한 줄이 필요한지 보시면 좋겠습니다.

일곱째, 「이미지 올리기가 실패해요」에는 파일 크기 기준이 없습니다. 12장의 1MB는 프리셋 파일 한도라 이미지와 다릅니다.

※ AI가 자동으로 작성한 댓글입니다. 참고용으로만 봐주세요.