[{"data":1,"prerenderedAt":644},["ShallowReactive",2],{"doc:\u002Fvalidation\u002Freadme":3},{"id":4,"title":5,"body":6,"description":173,"extension":638,"meta":639,"navigation":377,"path":640,"seo":641,"stem":642,"__hash__":643},"docs\u002Fvalidation\u002FREADME.md","solsol(쏠쏠) — Figma 화면설계서 증류 → DJ조직 학습 SoT",{"type":7,"value":8,"toc":623},"minimark",[9,13,97,109,112,117,128,150,157,159,163,174,202,204,208,324,329,355,357,361,366,435,439,474,478,503,507,550,554,575,577,581],[10,11,5],"h1",{"id":12},"solsol쏠쏠-figma-화면설계서-증류-dj조직-학습-sot",[14,15,16,29],"table",{},[17,18,19],"thead",{},[20,21,22,26],"tr",{},[23,24,25],"th",{},"항목",[23,27,28],{},"내용",[30,31,32,41,49,57,65,73,81,89],"tbody",{},[20,33,34,38],{},[35,36,37],"td",{},"문서 ID",[35,39,40],{},"README (docs 묶음 개요)",[20,42,43,46],{},[35,44,45],{},"작성자",[35,47,48],{},"강테크 (테크리드, proj-techlead)",[20,50,51,54],{},[35,52,53],{},"지시자",[35,55,56],{},"사용자(운영자)",[20,58,59,62],{},[35,60,61],{},"작성일",[35,63,64],{},"2026-06-24",[20,66,67,70],{},[35,68,69],{},"버전",[35,71,72],{},"v1.0 (Draft)",[20,74,75,78],{},[35,76,77],{},"입력 문서",[35,79,80],{},"CreatorLMS Figma (01 Customer Front \u002F 02 Customer Admin \u002F 03 Brand site)",[20,82,83,86],{},[35,84,85],{},"후속 작업자",[35,87,88],{},"송기획(화면설계서) · 윤UX(컴포넌트\u002F토큰) · 강테크(게이트·합본)",[20,90,91,94],{},[35,92,93],{},"상태",[35,95,96],{},"스캐폴드 (토큰 연결 전 · 추출 미시작)",[98,99,100],"blockquote",{},[101,102,103,104,108],"p",{},"마스킹 규칙(개인정보)·디자인 토큰 정합은 ",[105,106,107],"strong",{},"추후 증류 단계에서 적용","한다. 이 스캐폴드 단계에서는 골격(메타테이블·화면ID 체계·헤더 7필드·섹션 자리)만 깐다.",[110,111],"hr",{},[113,114,116],"h2",{"id":115},"_1-목적","1. 목적",[101,118,119,120,123,124,127],{},"CreatorLMS의 Figma 디자인을 ",[105,121,122],{},"추출 → 증류","하여, DJ 가상조직(proj-* 에이전트 팀)이 학습·재사용할 수 있는 ",[105,125,126],{},"단일 출처(SoT, Source of Truth) 문서 묶음","으로 만든다.",[129,130,131,138,144],"ul",{},[132,133,134,137],"li",{},[105,135,136],{},"Figma",": 원본 디자인(3개 영역). 휘발성·시각 중심.",[132,139,140,143],{},[105,141,142],{},"화면설계서(이 docs)",": Figma를 사내 표준(화면ID·UI\u002FDEV 타입·헤더 7필드·Description 상태\u002F예외·마스킹)으로 증류한 텍스트 SoT.",[132,145,146,149],{},[105,147,148],{},"DJ조직 학습",": 증류된 정책·패턴이 가상조직의 표준 지식으로 되먹임된다(스킬업 파이프라인 연결).",[101,151,152,153,156],{},"증류의 가치: Figma는 \"어떻게 보이나\"만 담지만, 화면설계서는 ",[105,154,155],{},"\"무엇을·왜·어떤 예외까지\"","(행복경로 + 빈\u002F로딩\u002F에러 상태 + 정책 규칙)를 텍스트로 고정해 화면 간 일관성(SoT)을 보증한다.",[110,158],{},[113,160,162],{"id":161},"_2-폴더-구조","2. 폴더 구조",[164,165,170],"pre",{"className":166,"code":168,"language":169},[167],"language-text","docs\u002Fsolsol\u002F\n├── README.md                  # (이 파일) 목적·구조·진행상태·파이프라인\n├── 00_화면목록.md             # 화면ID 체계 정의 + 영역별 화면목록 표(마스터 인덱스)\n├── 01_customer-front.md       # [영역 01] Customer Front 화면상세설계\n├── 02_customer-admin.md       # [영역 02] Customer Admin 화면상세설계\n├── 03_brand-site.md           # [영역 03] Brand site 화면상세설계\n├── 04_정책요약.md             # 화면 곳곳의 정책 규칙 합본(인증\u002F결제\u002F콘텐츠\u002F예외 …)\n└── screenshots\u002F               # (추출 시 생성) 화면 캡처\u002F와이어 이미지\n    ├── customer-front\u002F         # 01 영역 캡처\n    ├── customer-admin\u002F         # 02 영역 캡처\n    └── brand-site\u002F             # 03 영역 캡처\n","text",[171,172,168],"code",{"__ignoreMap":173},"",[98,175,176],{},[101,177,178,181,182,185,186,189,190,193,194,197,198,201],{},[171,179,180],{},"screenshots\u002F{영역}\u002F"," 폴더는 ",[105,183,184],{},"추출 단계에서 생성","한다(지금은 미생성). 캡처 파일명은 ",[171,187,188],{},"{번호-설명}.png"," 규약(예: ",[171,191,192],{},"001-login.png","). 화면설계서 각 블록의 ",[171,195,196],{},"SCREEN DESIGN"," 칸에서 상대경로로 참조한다(예: ",[171,199,200],{},"screenshots\u002Fcustomer-front\u002F001-login.png",").",[110,203],{},[113,205,207],{"id":206},"_3-추출-파이프라인-4단계","3. 추출 파이프라인 (4단계)",[14,209,210,229],{},[17,211,212],{},[20,213,214,217,220,223,226],{},[23,215,216],{},"단계",[23,218,219],{},"이름",[23,221,222],{},"입력",[23,224,225],{},"산출물",[23,227,228],{},"담당(예정)",[30,230,231,256,278,302],{},[20,232,233,236,241,244,253],{},[35,234,235],{},"①",[35,237,238],{},[105,239,240],{},"인덱싱",[35,242,243],{},"Figma 3개 영역(토큰 연결 후)",[35,245,246,249,250,252],{},[171,247,248],{},"00_화면목록.md"," 표를 채움(화면ID 부여·화면명·LOCATION·UI\u002FDEV 타입) + 캡처를 ",[171,251,180],{},"에 저장",[35,254,255],{},"강테크(인덱스)",[20,257,258,261,266,269,275],{},[35,259,260],{},"②",[35,262,263],{},[105,264,265],{},"영역별 증류",[35,267,268],{},"각 영역 Figma + 캡처",[35,270,271,274],{},[171,272,273],{},"01~03"," 각 영역 화면설계서 본문(헤더 7필드 + SCREEN DESIGN 경로 + DESCRIPTION 동작·정책·예외\u002F빈\u002F로딩\u002F에러)",[35,276,277],{},"송기획(주관) · 윤UX(컴포넌트)",[20,279,280,283,288,293,299],{},[35,281,282],{},"③",[35,284,285],{},[105,286,287],{},"정책 합본",[35,289,290,292],{},[171,291,273],{},"에 흩어진 정책 규칙",[35,294,295,298],{},[171,296,297],{},"04_정책요약.md","에 인증\u002F권한·결제\u002F구독·콘텐츠\u002F학습·예외처리·기타로 합본(중복 제거·충돌 정렬)",[35,300,301],{},"강테크 · 임기획",[20,303,304,307,312,318,321],{},[35,305,306],{},"④",[35,308,309],{},[105,310,311],{},"학습 연결",[35,313,314,317],{},[171,315,316],{},"00~04"," 전체",[35,319,320],{},"DJ조직 학습 SoT 등록(패턴·정책의 표준 지식화, 스킬업 파이프라인 되먹임)",[35,322,323],{},"강테크(게이트)",[101,325,326],{},[105,327,328],{},"파이프라인 원칙",[129,330,331,338,341],{},[132,332,333,334,337],{},"단계 ②는 영역별 ",[105,335,336],{},"병렬 가능","(01\u002F02\u002F03 독립 위임). 단, ①에서 화면ID가 먼저 고정돼야 한다(ID = 단계 간 추적 키).",[132,339,340],{},"단계 ③은 ②의 산출이 모두 모인 뒤 수행(흩어진 정책을 한 곳으로).",[132,342,343,346,347,350,351,354],{},[105,344,345],{},"렌더 검증 게이트",": 증류 내용은 \"코드\u002F디자인 self-check\"가 아니라 ",[105,348,349],{},"실제 캡처 이미지를 보고"," 확정한다. 미확인 판단은 ",[171,352,353],{},"[추정]","으로 표기(사내 QA 증거 게이트).",[110,356],{},[113,358,360],{"id":359},"_4-진행-상태-체크리스트","4. 진행 상태 체크리스트",[362,363,365],"h3",{"id":364},"스캐폴드-현재","스캐폴드 (현재)",[129,367,370,384,394,402,411,419,427],{"className":368},[369],"contains-task-list",[132,371,374,379,380,383],{"className":372},[373],"task-list-item",[375,376],"input",{"checked":377,"disabled":377,"type":378},true,"checkbox"," 대상 폴더 생성 (",[171,381,382],{},"docs\u002Fsolsol\u002F",")",[132,385,387,389,390,393],{"className":386},[373],[375,388],{"checked":377,"disabled":377,"type":378}," ",[171,391,392],{},"README.md"," (목적·구조·파이프라인)",[132,395,397,389,399,401],{"className":396},[373],[375,398],{"checked":377,"disabled":377,"type":378},[171,400,248],{}," (화면ID 체계 + 표 스켈레톤)",[132,403,405,389,407,410],{"className":404},[373],[375,406],{"checked":377,"disabled":377,"type":378},[171,408,409],{},"01_customer-front.md"," (본문 템플릿)",[132,412,414,389,416,410],{"className":413},[373],[375,415],{"checked":377,"disabled":377,"type":378},[171,417,418],{},"02_customer-admin.md",[132,420,422,389,424,410],{"className":421},[373],[375,423],{"checked":377,"disabled":377,"type":378},[171,425,426],{},"03_brand-site.md",[132,428,430,389,432,434],{"className":429},[373],[375,431],{"checked":377,"disabled":377,"type":378},[171,433,297],{}," (정책 합본 템플릿)",[362,436,438],{"id":437},"단계-인덱싱-figma-토큰-연결-후","단계 ① 인덱싱 (Figma 토큰 연결 후)",[129,440,442,450,458,466],{"className":441},[369],[132,443,445,389,447,449],{"className":444},[373],[375,446],{"disabled":377,"type":378},[171,448,180],{}," 폴더 생성 + 영역별 캡처 저장",[132,451,453,389,455,457],{"className":452},[373],[375,454],{"disabled":377,"type":378},[171,456,248],{}," 표 채움 — 01 Customer Front",[132,459,461,389,463,465],{"className":460},[373],[375,462],{"disabled":377,"type":378},[171,464,248],{}," 표 채움 — 02 Customer Admin",[132,467,469,389,471,473],{"className":468},[373],[375,470],{"disabled":377,"type":378},[171,472,248],{}," 표 채움 — 03 Brand site",[362,475,477],{"id":476},"단계-영역별-증류","단계 ② 영역별 증류",[129,479,481,489,496],{"className":480},[369],[132,482,484,389,486,488],{"className":483},[373],[375,485],{"disabled":377,"type":378},[171,487,409],{}," 화면별 본문 채움",[132,490,492,389,494,488],{"className":491},[373],[375,493],{"disabled":377,"type":378},[171,495,418],{},[132,497,499,389,501,488],{"className":498},[373],[375,500],{"disabled":377,"type":378},[171,502,426],{},[362,504,506],{"id":505},"단계-정책-합본","단계 ③ 정책 합본",[129,508,510,518,526,534,542],{"className":509},[369],[132,511,513,389,515,517],{"className":512},[373],[375,514],{"disabled":377,"type":378},[171,516,297],{}," — 인증\u002F권한",[132,519,521,389,523,525],{"className":520},[373],[375,522],{"disabled":377,"type":378},[171,524,297],{}," — 결제\u002F구독",[132,527,529,389,531,533],{"className":528},[373],[375,530],{"disabled":377,"type":378},[171,532,297],{}," — 콘텐츠\u002F학습",[132,535,537,389,539,541],{"className":536},[373],[375,538],{"disabled":377,"type":378},[171,540,297],{}," — 예외처리",[132,543,545,389,547,549],{"className":544},[373],[375,546],{"disabled":377,"type":378},[171,548,297],{}," — 기타",[362,551,553],{"id":552},"단계-학습-연결","단계 ④ 학습 연결",[129,555,557,563,569],{"className":556},[369],[132,558,560,562],{"className":559},[373],[375,561],{"disabled":377,"type":378}," 마스킹 규칙 적용 점검(개인정보 화면)",[132,564,566,568],{"className":565},[373],[375,567],{"disabled":377,"type":378}," 디자인 토큰 정합 점검",[132,570,572,574],{"className":571},[373],[375,573],{"disabled":377,"type":378}," DJ조직 학습 SoT 등록(되먹임)",[110,576],{},[113,578,580],{"id":579},"_5-적용-표준-사내","5. 적용 표준 (사내)",[129,582,583,593,602,611],{},[132,584,585,588,589,592],{},[105,586,587],{},"화면설계서 작성 세칙",": ",[171,590,591],{},"DOCS-화면설계서작성표준.md"," (화면ID 체계 · UI\u002FDEV 타입 · 프로세스\u002FDescription 마크 · 헤더 7필드 · 마스킹).",[132,594,595,588,598,601],{},[105,596,597],{},"산출물 표준",[171,599,600],{},"DOCS-산출물표준.md"," (메타테이블 · 위임 표기 · 파일 네이밍).",[132,603,604,588,607,610],{},[105,605,606],{},"디자인 토큰",[171,608,609],{},"DESIGN-디자인시스템.md"," (임의값 금지, 토큰 안에서 조합 — 증류 단계 적용).",[132,612,613,588,616,619,620,622],{},[105,614,615],{},"QA 증거 게이트",[171,617,618],{},"QA-검수방법론.md"," (캡처 하드게이트 · ",[171,621,353],{}," 표기).",{"title":173,"searchDepth":624,"depth":624,"links":625},3,[626,628,629,630,637],{"id":115,"depth":627,"text":116},2,{"id":161,"depth":627,"text":162},{"id":206,"depth":627,"text":207},{"id":359,"depth":627,"text":360,"children":631},[632,633,634,635,636],{"id":364,"depth":624,"text":365},{"id":437,"depth":624,"text":438},{"id":476,"depth":624,"text":477},{"id":505,"depth":624,"text":506},{"id":552,"depth":624,"text":553},{"id":579,"depth":627,"text":580},"md",{},"\u002Fvalidation\u002Freadme",{"title":5,"description":173},"validation\u002FREADME","OOcXq4chQzdh8SW39WII2RnuRWqHiaeXA5uPlQBH7Tc",1782351811744]