[{"data":1,"prerenderedAt":170},["ShallowReactive",2],{"doc:M-PROD-02":3},{"docId":4,"axis":5,"axisLabel":6,"route":7,"sourceFile":8,"categoryId":9,"categoryName":10,"title":11,"kicker":12,"crumb":13,"leadHtml":22,"preambleHtml":23,"sections":24,"toc":47,"shots":57,"captureRefs":109,"estimates":112,"estimatesRaw":69,"proseChars":113,"fm":114,"adminMeta":162,"related":165},"M-PROD-02","guide","기능별","\u002Fguide\u002FF03\u002FM-PROD-02","content\u002Fguide\u002FM-PROD-02.md","F03","상품","상품 카테고리 관리","기능별 · 상품",[14,17,19,20],{"label":15,"to":16},"고객센터","\u002F",{"label":6,"to":18},"\u002Fguide",{"label":10,"to":18},{"label":11,"to":21},null,"상품을 묶는 \u003Cb>분류(카테고리)\u003C\u002Fb>를 만들고, 순서를 정하는 화면입니다. 여기서 만든 분류는 손님이 강의를 고를 때 쓰는 \u003Cb>바로 그 분류\u003C\u002Fb>가 됩니다.","",[25,30,34,38,42],{"key":26,"label":23,"id":27,"html":28,"d2":29},"S1","sec-S1","\n\u003Cp>분류는 \u003Cb>두 단계까지\u003C\u002Fb> 만들 수 있습니다. 예를 들어 \u003Cb>사진\u003C\u002Fb> 아래에 \u003Cb>인물사진\u003C\u002Fb>·\u003Cb>풍경사진\u003C\u002Fb>을 두는 식입니다.\u003C\u002Fp>\n\u003Cp>\u003Cb>손님 화면 영향\u003C\u002Fb>: 분류를 만들면 손님 사이트 강의 목록 위쪽에 \u003Cb>고르는 칸이 곧바로 생깁니다.\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdl class=\"sum3\">\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\">\u003Cpath d=\"M20 6L9 17l-5-5\">\u003C\u002Fpath>\u003C\u002Fsvg>이 문서로 해결되는 것\u003C\u002Fdt>\u003Cdd>손님이 상품을 찾기 쉽게 정리합니다\u003Csmall>분류 만들기부터 진열 순서까지\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>걸리는 시간\u003C\u002Fdt>\u003Cdd>처음 만들 때 약 5분\u003Csmall>하나 더 만드는 데는 1분\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 7l9-4 9 4-9 4-9-4z\">\u003C\u002Fpath>\u003Cpath d=\"M3 7v10l9 4 9-4V7\">\u003C\u002Fpath>\u003C\u002Fsvg>미리 준비할 것\u003C\u002Fdt>\u003Cdd>어떻게 나눌지 적어 둔 메모\u003Csmall>먼저 종이에 적어 보시면 훨씬 빠릅니다\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003C\u002Fdl>",true,{"key":31,"label":23,"id":32,"html":33,"d2":29},"S6","sec-S6","\u003Csection class=\"chooser\" data-chooser=\"\">\u003Ch2 class=\"chooser__q\">지금 무엇을 하려고 오셨나요?\u003C\u002Fh2>\u003Cp class=\"chooser__sub\">하나만 고르세요. 고른 일의 순서만 펼쳐집니다. 화면 설명은 맨 아래에 접어 두었습니다.\u003C\u002Fp>\u003Cdiv class=\"tgrid\">\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"a\" aria-pressed=\"false\" aria-controls=\"panel-a\">\u003Cspan class=\"tcard__hot\">가장 많이 하는 일\u003C\u002Fspan>\u003Cspan class=\"tcard__t\">손님이 종류별로 찾게 하고 싶어요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">분류를 만들고 상품을 담습니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">4단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 5분\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"b\" aria-pressed=\"false\" aria-controls=\"panel-b\">\u003Cspan class=\"tcard__t\">어떤 상품을 먼저 보여줄지 정하고 싶어요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">손님 목록에서 앞에 나올 상품을 직접 정합니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">3단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 3분\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"c\" aria-pressed=\"false\" aria-controls=\"panel-c\">\u003Cspan class=\"tcard__t\">분류를 고치거나 없애고 싶어요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">이름을 바꾸거나 지웁니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">3단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 2분\u003C\u002Fspan>\u003Cspan class=\"chip chip--warn\">⚠ 되돌릴 수 없는 단계 있음\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv class=\"chooser__hint\" data-chooser-hint=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cdiv>\u003Cb>아직 아무것도 고르지 않으셨어요.\u003C\u002Fb> 위에서 하나를 누르면 그 일의 순서만 펼쳐집니다.\u003Cbr>화면 설명(고르기 조건·표의 각 칸 뜻)이 궁금하시면 맨 아래 \u003Cb>더 알아보기\u003C\u002Fb>를 펼쳐 보세요.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-a\" data-taskpanel=\"a\" hidden=\"\" aria-label=\"손님이 종류별로 찾게 하고 싶어요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>손님이 종류별로 찾게 하고 싶어요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 4 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>분류 관리 화면을 엽니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>관리자 화면 왼쪽 메뉴 \u003Cb>상품 › 일반강의\u003C\u002Fb> → 오른쪽 위 \u003Cb>[📁 카테고리 관리]\u003C\u002Fb>\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>20초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>이 화면은 상품 목록 안에 들어 있습니다. 왼쪽 메뉴에는 따로 나와 있지 않습니다.\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0202-001\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0202-001-main.png\" alt=\"분류 관리 화면 — 안내문 · 분류 목록 · 우상단 새 분류 버튼\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:80%;top:16%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003Cspan class=\"pin\" style=\"left:26%;top:34%\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>오른쪽 위 \u003Cb>[+ 새 카테고리 생성]\u003C\u002Fb>을 누르면 맨 위에 이름 적는 줄이 생깁니다.\u003C\u002Fp>\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003Cb>모든 카테고리\u003C\u002Fb>는 늘 맨 위에 있는 기본 묶음이에요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>큰 묶음부터 만듭니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>오른쪽 위 \u003Cb>[+ 새 카테고리 생성]\u003C\u002Fb>을 누르고 이름을 적은 뒤 \u003Cb>[저장]\u003C\u002Fb>을 누릅니다. 예: \u003Cb>사진\u003C\u002Fb>\u003C\u002Fp>\n\u003Cp>이름은 손님이 그대로 봅니다. 안에서만 쓰는 말(예: 신규A)은 피해 주세요.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">3\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>필요하면 그 아래에 작은 묶음을 답니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>만든 분류 줄에 있는 \u003Cb>[+ 하위 추가]\u003C\u002Fb>를 누르면 그 아래에 한 단계가 더 생깁니다. 예: 사진 › \u003Cb>인물사진\u003C\u002Fb>\u003C\u002Fp>\n\u003Cblockquote class=\"why\">\u003Cp>더 잘게 나누고 싶으시면 큰 묶음을 하나 더 만드는 편이 낫습니다.\u003C\u002Fp>\u003C\u002Fblockquote>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">4\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>상품을 그 분류에 담습니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>2분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>분류를 만들었다고 상품이 저절로 들어가지는 않습니다. 상품 쪽에서 담아 주셔야 합니다.\u003C\u002Fp>\n\u003Cul class=\"dlist\">\u003Cli>이미 만든 상품이 여러 개면 → 상품 목록에서 골라 \u003Cb>[카테고리 이동]\u003C\u002Fb> → \u003Ca href=\"\u002Fguide\u002FF03\u002FM-PROD-01\">상품 목록 공통편\u003C\u002Fa>\u003C\u002Fli>\u003Cli>새로 만드는 상품이면 → 만들 때 분류를 고릅니다 → \u003Ca href=\"\u002Fguide\u002FF03\u002FM-PROD-03\">일반강의 만들기\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\n\u003Cp>\u003Cb>한 상품은 분류 한 곳에만\u003C\u002Fb> 들어갑니다. 두 곳에 같이 넣을 수는 없습니다.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-b\" data-taskpanel=\"b\" hidden=\"\" aria-label=\"어떤 상품을 먼저 보여줄지 정하고 싶어요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>어떤 상품을 먼저 보여줄지 정하고 싶어요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 3 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>분류 줄 오른쪽 끝 ⋮ 를 누릅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>분류 관리 화면\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>20초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>점 세 개 버튼을 누르면 작은 메뉴가 열립니다. 거기서 \u003Cb>[상품 정렬 설정]\u003C\u002Fb>을 고릅니다.\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0202-001\u002Flist\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0202-001-list.png\" alt=\"분류 목록 — 끌기 손잡이 · 분류 이름 · 하위 추가 · 정렬 · 더보기\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:10%;top:44%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003Cspan class=\"pin\" style=\"left:88%;top:44%\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>왼쪽 손잡이(⠿)를 \u003Cb>끌어서\u003C\u002Fb> 분류 순서를 바꿉니다.\u003C\u002Fp>\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">2\u003C\u002Fspan>점 세 개(⋮)에 수정·삭제·\u003Cb>상품 정렬 설정\u003C\u002Fb>이 들어 있습니다.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>어떤 순서로 보여줄지 고릅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>열린 창에서 순서를 고릅니다. 새로 올린 것부터, 오래된 것부터, 별점순, 금액순 중에 고르시면 됩니다.\u003C\u002Fp>\n\u003Cp>내가 직접 정하고 싶으면 \u003Cb>직접 설정순\u003C\u002Fb>을 고르세요. 그러면 아래 상품 목록에 끌기 손잡이가 생깁니다.\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0202-001\u002Fdetail\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0202-001-detail.png\" alt=\"상품 정렬 설정 창 — 순서 고르기 · 상품 목록 · 끌기 손잡이\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:30%;top:24%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003Cspan class=\"pin\" style=\"left:20%;top:62%\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>여기서 고른 순서가 \u003Cb>그 분류 안의 상품 순서\u003C\u002Fb>가 됩니다.\u003C\u002Fp>\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003Cb>직접 설정순\u003C\u002Fb>일 때만 끌어서 자리를 바꿀 수 있어요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">3\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>[확인]을 누르고 손님 화면을 봅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>확인 창이 한 번 더 뜹니다. 저장하면 손님 목록의 순서가 바로 바뀝니다.\u003C\u002Fp>\n\u003Cblockquote class=\"why\">\u003Cp>직접 설정순을 쓰는 중에 \u003Cb>새 상품을 만들면 맨 아래에 붙습니다.\u003C\u002Fb> 앞으로 빼려면 다시 끌어 올려 주세요.\u003Cbr>보조 근거: solsol-mng(new) 02_customer-admin.md (S-AD01-0202-001)\u003C\u002Fp>\u003C\u002Fblockquote>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-c\" data-taskpanel=\"c\" hidden=\"\" aria-label=\"분류를 고치거나 없애고 싶어요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>분류를 고치거나 없애고 싶어요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 3 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>고칠 분류 줄에서 ⋮ › [수정]을 누릅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>분류 관리 화면\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>20초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>이름을 그 자리에서 고쳐 쓰고 저장합니다. 이름을 바꾸면 손님 화면의 이름도 함께 바뀝니다.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>지울 때는 먼저 상품을 빼 주세요\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>상품이 들어 있는 분류를 지우려고 하면 경고가 뜹니다. 상품을 다른 분류로 옮긴 뒤에 지워 주세요.\u003C\u002Fp>\n\u003Cdiv class=\"warn\">\u003Cdiv>\u003Cp>\u003Cb>지운 분류는 되돌릴 수 없어요.\u003C\u002Fb> 다시 만들고 상품도 다시 담으셔야 합니다. \u003Cspan class=\"est\" title=\"쏠쏠 고객센터가 아직 확인하지 못한 내용입니다.\">확인 중\u003C\u002Fspan>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">3\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>순서를 바꿨으면 [저장]까지 누릅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>30초\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>손잡이로 순서만 바꾼 경우 아래에 \u003Cb>저장 줄\u003C\u002Fb>이 뜹니다. 안 누르면 저장되지 않습니다.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>",{"key":35,"label":23,"id":36,"html":37,"d2":29},"S7","sec-S7","\u003Ch2 id=\"손님-화면에서는-이렇게-보여요\">손님 화면에서는 이렇게 보여요\u003C\u002Fh2>\n\u003Cp>\u003Ccode>V · 바로 보여요\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cp>손님이 보는 곳: \u003Cb>강의 목록 위쪽 분류 고르는 칸\u003C\u002Fb> \u003Ccode>\u002Fcourses\u003C\u002Fcode>\u003C\u002Fp>\n\n\u003Cp>여기서 정한 것이 손님 화면 어디에 나타나는지입니다.\u003C\u002Fp>\n\u003Cdiv class=\"tablewrap\">\u003Ctable class=\"dtable\">\u003Cthead>\u003Ctr>\u003Cth>여기서 정한 것\u003C\u002Fth>\u003Cth>손님 화면에서 바뀌는 곳\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>분류 이름\u003C\u002Ftd>\u003Ctd>목록 위쪽 고르는 칸에 그 이름 그대로\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>분류 순서(끌어서 정함)\u003C\u002Ftd>\u003Ctd>고르는 칸에 나오는 순서\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>하위 분류\u003C\u002Ftd>\u003Ctd>큰 묶음 아래 작은 묶음으로\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>상품 정렬 순서\u003C\u002Ftd>\u003Ctd>그 분류를 골랐을 때 상품이 늘어서는 순서\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Fdiv>\n\u003Cp>바뀌는 시점은 \u003Cb>저장 즉시\u003C\u002Fb>입니다. 손님이 이미 열어 둔 화면은 새로고침해야 반영됩니다.\u003C\u002Fp>\n\u003Cblockquote class=\"why\">\u003Cp>근거: 06 반영원장 F03 · M-PROD-02 행(라이브 확인 ✅). 손님 화면 번호는 같은 주소(\u003Ccode>\u002Fcourses\u003C\u002Fcode>)를 쓰는 M-PROD-01 행에서 확인했습니다.\u003C\u002Fp>\u003C\u002Fblockquote>",{"key":39,"label":23,"id":40,"html":41,"d2":29},"S9","sec-S9","\u003Ch2 id=\"꼭-알아두세요\">꼭 알아두세요\u003C\u002Fh2>\u003Cul class=\"knowlist\">\u003Cli>\u003Cspan class=\"ic-danger\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M12 9v4M12 17h.01\">\u003C\u002Fpath>\u003Cpath d=\"M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>지운 분류는 되돌릴 수 없어요.\u003C\u002Fb> 상품을 먼저 다른 곳으로 옮기고 지워 주세요.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-danger\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M12 9v4M12 17h.01\">\u003C\u002Fpath>\u003Cpath d=\"M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>순서를 바꾼 뒤 [저장]을 안 누르면 원래대로 돌아갑니다.\u003C\u002Fb>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-info\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>분류 이름은 손님이 그대로 봅니다.\u003C\u002Fb> 내부 표시(1기, 임시)는 넣지 마세요.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-info\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>멤버십은 이 분류를 쓰지 않습니다.\u003C\u002Fb> 나머지 여섯 종류가 함께 씁니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-info\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>한 상품은 한 분류에만\u003C\u002Fb> 들어갑니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Ful>\n\u003Ch2 id=\"이-일이-자주-생긴다면\">이 일이 자주 생긴다면\u003C\u002Fh2>\u003Cdiv class=\"nextchips\">\u003Ca href=\"\u002Fstart\u002FG2\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>첫 상품 만들고 판매하기\u003C\u002Fa>\u003Ca href=\"\u002Ftheme\u002FT05\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>첫 구매 장벽 낮추기\u003C\u002Fa>\u003Ca href=\"\u002Ftheme\u002FT01\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>검색에서 발견되게 하기\u003C\u002Fa>\u003C\u002Fdiv>",{"key":43,"label":44,"id":45,"html":46,"later":29},"LATER","더 알아보기","sec-LATER","\u003Cdiv class=\"later__hd\">\u003Ch2>더 알아보기\u003C\u002Fh2>\u003Cp>여기서부터는 \u003Cb>참고 정보\u003C\u002Fb>입니다. 급하면 안 읽으셔도 됩니다. 필요할 때 펼쳐 보세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-125\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>이 화면에서 정하는 것\u003C\u002Fspan>\u003Cspan class=\"sub\">항목마다 무슨 뜻인지\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-125\" hidden=\"\">\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">분류 이름\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">손님에게 그대로 보입니다. 길게는 못 씁니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 사진\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">단계\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">큰 묶음 아래에 작은 묶음을 하나 더 둡니다. \u003Cb>두 단계까지\u003C\u002Fb>입니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 사진 › 인물사진\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">순서\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">손잡이를 끌어 정합니다. 그대로 손님 화면 순서가 됩니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 사진 → 영상\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">상품 정렬\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">그 분류 안에서 상품이 늘어서는 순서입니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 등록 최신순\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">적용 범위\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">멤버십을 뺀 여섯 종류가 함께 씁니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 일반강의 · 디지털 상품\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-126\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>화면에 보이는 정보\u003C\u002Fspan>\u003Cspan class=\"sub\">목록의 각 줄이 무슨 뜻인지\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-126\" hidden=\"\">\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">모든 카테고리\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">맨 위에 늘 있는 기본 묶음입니다. 지울 수 없습니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">끌기 손잡이(⠿)\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">왼쪽 끝에 있습니다. 끌어서 순서를 바꿉니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">분류 이름\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">지금 정해 둔 이름입니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 인물사진\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">상품 정렬\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">그 분류에 지금 걸려 있는 순서입니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 등록 최신순\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">[+ 하위 추가]\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">그 아래에 작은 묶음을 하나 답니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">⋮ 더보기\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">수정 · 삭제 · 상품 정렬 설정이 들어 있습니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-127\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>여기서 할 수 있는 일\u003C\u002Fspan>\u003Cspan class=\"sub\">지금 눌러도 되는 버튼\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-127\" hidden=\"\">\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">+ 새 카테고리 생성\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">오른쪽 위에 있습니다. 큰 묶음을 하나 만듭니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 요리\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">+ 하위 추가\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">그 분류 아래에 작은 묶음을 답니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 요리 › 베이킹\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">수정\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">이름을 그 자리에서 고칩니다. 손님 화면 이름도 함께 바뀝니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">삭제\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">분류를 지웁니다. \u003Cb>상품이 들어 있으면 경고가 뜹니다.\u003C\u002Fb>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">상품 정렬 설정\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">그 분류 안 상품의 순서를 정합니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">저장(순서 줄)\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">끌어서 바꾼 순서를 확정합니다. \u003Cb>안 누르면 저장되지 않습니다.\u003C\u002Fb>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-128\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>눌러서 열리는 화면\u003C\u002Fspan>\u003Cspan class=\"sub\">버튼을 누르면 뜨는 창\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-128\" hidden=\"\">\u003Cp>\u003Cb>상품 정렬 설정 창\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0202-001\u002Fdetail\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0202-001-detail.png\" alt=\"상품 정렬 설정 창 — 분류 이름 · 순서 고르기 · 상품 목록\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">순서 고르기\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">최신순·오래된순·별점순·금액순, 그리고 \u003Cb>직접 설정순\u003C\u002Fb> 중에 고릅니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 등록 최신순\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">상품 목록\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">그 분류에 담긴 상품이 보입니다. 공개·판매 상태도 함께 뜹니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 사진 잘 찍는 법 · 공개\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">끌기 손잡이\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">\u003Cb>직접 설정순\u003C\u002Fb>일 때만 생깁니다. 자리를 바꾼 뒤 [확인]을 누릅니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>",[48,51,54],{"id":49,"label":50},"지금-무엇을-하려고-오셨나요","지금 무엇을 하려고 오셨나요?",{"id":52,"label":53},"손님-화면에서는-이렇게-보여요","손님 화면에서는 이렇게 보여요",{"id":55,"label":56},"꼭-알아두세요","꼭 알아두세요",[58,78,91,105],{"key":59,"caption":60,"status":61,"capture":62,"pins":67},"AD01\u002F0202-001\u002Fmain","분류 관리 화면 — 안내문 · 분류 목록 · 우상단 새 분류 버튼","captured",{"file":63,"w":64,"h":65,"ext":66},"\u002Fcaptures\u002FAD01-0202-001-main.png",1440,900,"png",[68,73],{"n":69,"x":70,"y":71,"text":72},1,"80%","16%","오른쪽 위 **[+ 새 카테고리 생성]**을 누르면 맨 위에 이름 적는 줄이 생깁니다.",{"n":74,"x":75,"y":76,"text":77},2,"26%","34%","**모든 카테고리**는 늘 맨 위에 있는 기본 묶음이에요.",{"key":79,"caption":80,"status":61,"capture":81,"pins":83},"AD01\u002F0202-001\u002Flist","분류 목록 — 끌기 손잡이 · 분류 이름 · 하위 추가 · 정렬 · 더보기",{"file":82,"w":64,"h":65,"ext":66},"\u002Fcaptures\u002FAD01-0202-001-list.png",[84,88],{"n":69,"x":85,"y":86,"text":87},"10%","44%","왼쪽 손잡이(⠿)를 **끌어서** 분류 순서를 바꿉니다.",{"n":74,"x":89,"y":86,"text":90},"88%","점 세 개(⋮)에 수정·삭제·**상품 정렬 설정**이 들어 있습니다.",{"key":92,"caption":93,"status":61,"capture":94,"pins":96},"AD01\u002F0202-001\u002Fdetail","상품 정렬 설정 창 — 순서 고르기 · 상품 목록 · 끌기 손잡이",{"file":95,"w":64,"h":65,"ext":66},"\u002Fcaptures\u002FAD01-0202-001-detail.png",[97,101],{"n":69,"x":98,"y":99,"text":100},"30%","24%","여기서 고른 순서가 **그 분류 안의 상품 순서**가 됩니다.",{"n":74,"x":102,"y":103,"text":104},"20%","62%","**직접 설정순**일 때만 끌어서 자리를 바꿀 수 있어요.",{"key":92,"caption":106,"status":61,"capture":107,"pins":108},"상품 정렬 설정 창 — 분류 이름 · 순서 고르기 · 상품 목록",{"file":95,"w":64,"h":65,"ext":66},[],[110,111],"FR01\u002F0102-001\u002Fbefore-category","FR01\u002F0102-001\u002Fafter-category",0,3204,{"docId":4,"title":11,"category":9,"playbooks":115,"themes":117,"aliases":118,"screenIds":126,"subscreens":128,"docType":130,"template":131,"frontImpact":132,"captures":143,"updatedAt":157,"freshness":158,"wave":159,"author":160,"reviewStatus":161},[116],"G2",[],[119,120,121,122,123,124,125],"카테고리","분류","강의분류","메뉴분류","상품정렬","진열순서","하위카테고리",[127],"S-AD01-0202-001",[129],"상품 정렬 설정 창","setting","D2",{"kind":133,"latency":134,"evidence":135,"screens":136,"beforeAfter":142},"visible","immediate","ledger",[137],{"id":138,"path":139,"area":140,"effect":141},"S-FR01-0102-001","\u002Fcourses","손님 사이트 › 강의 목록 위쪽 분류 고르기","여기서 만든 분류가 그대로 손님 목록의 분류 고르기 항목이 되고, 끌어서 정한 순서도 그대로 반영된다",{"before":110,"after":111},[144,147,150,152,153,155],{"key":59,"slot":145,"status":146},"분류 관리 화면 전체","pending",{"key":148,"slot":149,"status":146},"AD01\u002F0202-001\u002Ftoolbar","우상단 새 분류 만들기 버튼",{"key":79,"slot":151,"status":146},"분류 목록과 끌기 손잡이",{"key":92,"slot":129,"status":146},{"key":110,"slot":154,"status":146},"분류를 만들기 전 손님 목록",{"key":111,"slot":156,"status":146},"분류가 생긴 뒤 손님 목록","2026-07-22","pending-review","W2","백콘텐츠(ops-content-writer)","draft",{"docId":4,"screenIds":163,"subscreens":164,"updatedAt":157,"freshness":158},[127],[129],[166],{"id":116,"title":167,"to":168,"axis":169},"첫 상품 만들고 판매하기","\u002Fstart\u002FG2","playbook",1784876345570]