[{"data":1,"prerenderedAt":1876},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fdl":579,"nav":1717,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fdl":1873},[4,16,27,453,477,563],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":15},"Planning","i-vscode-icons:file-type-html","\u002Fplan","1.plan",[10],{"title":11,"path":12,"stem":13,"icon":14},"프로젝트 로드맵 작성 가이드","\u002Fplan\u002Fproject-roadmap","1.plan\u002Fproject-roadmap","i-heroicons-map",false,{"title":17,"icon":18,"path":19,"stem":20,"children":21,"page":15},"Design","i-vscode-icons-file-type-image","\u002Fdesign","2.design",[22],{"title":23,"path":24,"stem":25,"icon":26},"디자인 시스템 구축 가이드","\u002Fdesign\u002Fdesign-system-guide","2.design\u002F1.design-system-guide","i-heroicons-book-open",{"title":28,"icon":29,"path":30,"stem":31,"children":32,"page":15},"Development","i-heroicons-code-bracket-square","\u002Fdevelop","3.develop",[33,43,427],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":39,"page":15},"MarkDown","\u002Fdevelop\u002Fmarkdown\u002Fmarkdown","i-vscode-icons-file-type-markdown","\u002Fdevelop\u002Fmarkdown","3.develop\u002F0.markdown",[40],{"title":41,"path":35,"stem":42,"icon":36},"Markdown 필수 문법 완전 정복","3.develop\u002F0.markdown\u002Fmarkdown",{"title":44,"path":45,"stem":46,"children":47,"page":15},"Html","\u002Fdevelop\u002Fhtml","3.develop\u002F1.html",[48,423],{"title":49,"path":50,"stem":51,"children":52,"icon":54},"Elements","\u002Fdevelop\u002Fhtml\u002Felements","3.develop\u002F1.html\u002F1.elements\u002F0.index",[53,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375,379,383,387,391,395,399,403,407,411,415,419],{"title":49,"path":50,"stem":51,"icon":54},"i-vscode-icons-file-type-html",{"title":56,"path":57,"stem":58},"\u003Ca>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fa","3.develop\u002F1.html\u002F1.elements\u002Fa",{"title":60,"path":61,"stem":62},"\u003Cabbr>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fabbr","3.develop\u002F1.html\u002F1.elements\u002Fabbr",{"title":64,"path":65,"stem":66},"\u003Caddress>","\u002Fdevelop\u002Fhtml\u002Felements\u002Faddress","3.develop\u002F1.html\u002F1.elements\u002Faddress",{"title":68,"path":69,"stem":70},"\u003Carticle>","\u002Fdevelop\u002Fhtml\u002Felements\u002Farticle","3.develop\u002F1.html\u002F1.elements\u002Farticle",{"title":72,"path":73,"stem":74},"\u003Caside>: 별도 구획 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Faside","3.develop\u002F1.html\u002F1.elements\u002Faside",{"title":76,"path":77,"stem":78},"\u003Cb>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fb","3.develop\u002F1.html\u002F1.elements\u002Fb",{"title":80,"path":81,"stem":82},"\u003Cbase>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbase","3.develop\u002F1.html\u002F1.elements\u002Fbase",{"title":84,"path":85,"stem":86},"\u003Cbdo>: 양방향 텍스트 재정의 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbdo","3.develop\u002F1.html\u002F1.elements\u002Fbdo",{"title":88,"path":89,"stem":90},"\u003Cblockquote>: 인용 블록 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fblockquote","3.develop\u002F1.html\u002F1.elements\u002Fblockquote",{"title":92,"path":93,"stem":94},"\u003Cbody>: 문서 본문 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbody","3.develop\u002F1.html\u002F1.elements\u002Fbody",{"title":96,"path":97,"stem":98},"\u003Cbr>: 줄바꿈 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbr","3.develop\u002F1.html\u002F1.elements\u002Fbr",{"title":100,"path":101,"stem":102},"\u003Cbutton>: 버튼 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fbutton","3.develop\u002F1.html\u002F1.elements\u002Fbutton",{"title":104,"path":105,"stem":106},"\u003Ccanvas>: 그래픽 캔버스 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcanvas","3.develop\u002F1.html\u002F1.elements\u002Fcanvas",{"title":108,"path":109,"stem":110},"\u003Ccaption>: 표 설명 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcaption","3.develop\u002F1.html\u002F1.elements\u002Fcaption",{"title":112,"path":113,"stem":114},"\u003Ccenter>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcenter","3.develop\u002F1.html\u002F1.elements\u002Fcenter",{"title":116,"path":117,"stem":118},"\u003Ccite>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcite","3.develop\u002F1.html\u002F1.elements\u002Fcite",{"title":120,"path":121,"stem":122},"\u003Ccode>: 인라인 코드 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fcode","3.develop\u002F1.html\u002F1.elements\u002Fcode",{"title":124,"path":125,"stem":126},"\u003Cdata>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdata","3.develop\u002F1.html\u002F1.elements\u002Fdata",{"title":128,"path":129,"stem":130},"\u003Cdatalist>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdatalist","3.develop\u002F1.html\u002F1.elements\u002Fdatalist",{"title":132,"path":133,"stem":134},"\u003Cdd> 설명 세부정보 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdd","3.develop\u002F1.html\u002F1.elements\u002Fdd",{"title":136,"path":137,"stem":138},"\u003Cdel>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdel","3.develop\u002F1.html\u002F1.elements\u002Fdel",{"title":140,"path":141,"stem":142},"\u003Cdetails>: 세부 정보 공개 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdetails","3.develop\u002F1.html\u002F1.elements\u002Fdetails",{"title":144,"path":145,"stem":146},"\u003Cdfn>: 정의 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdfn","3.develop\u002F1.html\u002F1.elements\u002Fdfn",{"title":148,"path":149,"stem":150},"\u003Cdialog>: 대화 상자 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdialog","3.develop\u002F1.html\u002F1.elements\u002Fdialog",{"title":152,"path":153,"stem":154},"\u003Cdiv>: 콘텐츠 구분 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdiv","3.develop\u002F1.html\u002F1.elements\u002Fdiv",{"title":156,"path":157,"stem":158},"\u003Cdl> 설명 목록 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdl","3.develop\u002F1.html\u002F1.elements\u002Fdl",{"title":160,"path":161,"stem":162},"\u003Cdt>: 설명 용어 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fdt","3.develop\u002F1.html\u002F1.elements\u002Fdt",{"title":164,"path":165,"stem":166},"\u003Cem>: 강세 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fem","3.develop\u002F1.html\u002F1.elements\u002Fem",{"title":168,"path":169,"stem":170},"\u003Cembed>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fembed","3.develop\u002F1.html\u002F1.elements\u002Fembed",{"title":172,"path":173,"stem":174},"\u003Cfieldset>: 필드셋 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ffieldset","3.develop\u002F1.html\u002F1.elements\u002Ffieldset",{"title":176,"path":177,"stem":178},"\u003Cfigcaption>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ffigcaption","3.develop\u002F1.html\u002F1.elements\u002Ffigcaption",{"title":180,"path":181,"stem":182},"\u003Cfigure>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ffigure","3.develop\u002F1.html\u002F1.elements\u002Ffigure",{"title":184,"path":185,"stem":186},"\u003Cfooter>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ffooter","3.develop\u002F1.html\u002F1.elements\u002Ffooter",{"title":188,"path":189,"stem":190},"\u003Cform>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fform","3.develop\u002F1.html\u002F1.elements\u002Fform",{"title":192,"path":193,"stem":194},"\u003Cframeset>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fframeset","3.develop\u002F1.html\u002F1.elements\u002Fframeset",{"title":196,"path":197,"stem":198},"\u003Chead>: 문서 메타데이터 (헤더) 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fhead","3.develop\u002F1.html\u002F1.elements\u002Fhead",{"title":200,"path":201,"stem":202},"\u003Cheader>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fheader","3.develop\u002F1.html\u002F1.elements\u002Fheader",{"title":204,"path":205,"stem":206},"\u003Ch1>–\u003Ch6>: HTML 구획 제목 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fheading_elements","3.develop\u002F1.html\u002F1.elements\u002Fheading_elements",{"title":208,"path":209,"stem":210},"\u003Chgroup>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fhgroup","3.develop\u002F1.html\u002F1.elements\u002Fhgroup",{"title":212,"path":213,"stem":214},"\u003Chr>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fhr","3.develop\u002F1.html\u002F1.elements\u002Fhr",{"title":216,"path":217,"stem":218},"\u003Chtml>: HTML 문서 \u002F 루트 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fhtml","3.develop\u002F1.html\u002F1.elements\u002Fhtml",{"title":220,"path":221,"stem":222},"\u003Ci>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fi","3.develop\u002F1.html\u002F1.elements\u002Fi",{"title":224,"path":225,"stem":226},"\u003Cimg>: 이미지 삽입 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fimg","3.develop\u002F1.html\u002F1.elements\u002Fimg",{"title":228,"path":229,"stem":230},"\u003Cins>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fins","3.develop\u002F1.html\u002F1.elements\u002Fins",{"title":232,"path":233,"stem":234},"\u003Ckbd>: 키보드 입력 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fkbd","3.develop\u002F1.html\u002F1.elements\u002Fkbd",{"title":236,"path":237,"stem":238},"\u003Clabel>","\u002Fdevelop\u002Fhtml\u002Felements\u002Flabel","3.develop\u002F1.html\u002F1.elements\u002Flabel",{"title":240,"path":241,"stem":242},"\u003Clegend>","\u002Fdevelop\u002Fhtml\u002Felements\u002Flegend","3.develop\u002F1.html\u002F1.elements\u002Flegend",{"title":244,"path":245,"stem":246},"\u003Cli>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fli","3.develop\u002F1.html\u002F1.elements\u002Fli",{"title":248,"path":249,"stem":250},"\u003Clink>: 외부 리소스 연결 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Flink","3.develop\u002F1.html\u002F1.elements\u002Flink",{"title":252,"path":253,"stem":254},"\u003Cmain>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmain","3.develop\u002F1.html\u002F1.elements\u002Fmain",{"title":256,"path":257,"stem":258},"\u003Cmap>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmap","3.develop\u002F1.html\u002F1.elements\u002Fmap",{"title":260,"path":261,"stem":262},"\u003Cmark>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmark","3.develop\u002F1.html\u002F1.elements\u002Fmark",{"title":264,"path":265,"stem":266},"\u003Cmenu>: 메뉴 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmenu","3.develop\u002F1.html\u002F1.elements\u002Fmenu",{"title":268,"path":269,"stem":270},"\u003Cmeta>: 문서 레벨 메타데이터 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmeta","3.develop\u002F1.html\u002F1.elements\u002Fmeta",{"title":272,"path":273,"stem":274},"\u003Cmeter>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fmeter","3.develop\u002F1.html\u002F1.elements\u002Fmeter",{"title":276,"path":277,"stem":278},"\u003Cnav>: 탐색 구획 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fnav","3.develop\u002F1.html\u002F1.elements\u002Fnav",{"title":280,"path":281,"stem":282},"\u003Cnoscript>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fnoscript","3.develop\u002F1.html\u002F1.elements\u002Fnoscript",{"title":284,"path":285,"stem":286},"\u003Cobject>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fobject","3.develop\u002F1.html\u002F1.elements\u002Fobject",{"title":288,"path":289,"stem":290},"\u003Col>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fol","3.develop\u002F1.html\u002F1.elements\u002Fol",{"title":292,"path":293,"stem":294},"\u003Coptgroup>","\u002Fdevelop\u002Fhtml\u002Felements\u002Foptgroup","3.develop\u002F1.html\u002F1.elements\u002Foptgroup",{"title":296,"path":297,"stem":298},"\u003Coption>","\u002Fdevelop\u002Fhtml\u002Felements\u002Foption","3.develop\u002F1.html\u002F1.elements\u002Foption",{"title":300,"path":301,"stem":302},"\u003Coutput>: 출력 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Foutput","3.develop\u002F1.html\u002F1.elements\u002Foutput",{"title":304,"path":305,"stem":306},"\u003Cp>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fp","3.develop\u002F1.html\u002F1.elements\u002Fp",{"title":308,"path":309,"stem":310},"\u003Cpre>: 미리 서식 정의된 텍스트 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fpre","3.develop\u002F1.html\u002F1.elements\u002Fpre",{"title":312,"path":313,"stem":314},"\u003Cprogress>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fprogress","3.develop\u002F1.html\u002F1.elements\u002Fprogress",{"title":316,"path":317,"stem":318},"\u003Cq>: 인라인 인용문 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fq","3.develop\u002F1.html\u002F1.elements\u002Fq",{"title":320,"path":321,"stem":322},"\u003Crb>: 루비 베이스 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Frb","3.develop\u002F1.html\u002F1.elements\u002Frb",{"title":324,"path":325,"stem":326},"\u003Crp>: 루비 대체 괄호 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Frp","3.develop\u002F1.html\u002F1.elements\u002Frp",{"title":328,"path":329,"stem":330},"\u003Crt>: 루비 텍스트 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Frt","3.develop\u002F1.html\u002F1.elements\u002Frt",{"title":332,"path":333,"stem":334},"\u003Crtc>: 루비 텍스트 콘테이너 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Frtc","3.develop\u002F1.html\u002F1.elements\u002Frtc",{"title":336,"path":337,"stem":338},"\u003Cruby>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fruby","3.develop\u002F1.html\u002F1.elements\u002Fruby",{"title":340,"path":341,"stem":342},"\u003Cs>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fs","3.develop\u002F1.html\u002F1.elements\u002Fs",{"title":344,"path":345,"stem":346},"\u003Csamp>: 출력 예시 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fsamp","3.develop\u002F1.html\u002F1.elements\u002Fsamp",{"title":348,"path":349,"stem":350},"\u003Cscript>: 스크립트 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fscript","3.develop\u002F1.html\u002F1.elements\u002Fscript",{"title":352,"path":353,"stem":354},"\u003Csection>: 일반 구획 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fsection","3.develop\u002F1.html\u002F1.elements\u002Fsection",{"title":356,"path":357,"stem":358},"\u003Cslot>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fslot","3.develop\u002F1.html\u002F1.elements\u002Fslot",{"title":360,"path":361,"stem":362},"\u003Csmall>: 덧붙임 글 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fsmall","3.develop\u002F1.html\u002F1.elements\u002Fsmall",{"title":364,"path":365,"stem":366},"\u003Cspan>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fspan","3.develop\u002F1.html\u002F1.elements\u002Fspan",{"title":368,"path":369,"stem":370},"\u003Cstrong>: 강한 중요 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fstrong","3.develop\u002F1.html\u002F1.elements\u002Fstrong",{"title":372,"path":373,"stem":374},"\u003Cstyle>: 스타일 정보 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fstyle","3.develop\u002F1.html\u002F1.elements\u002Fstyle",{"title":376,"path":377,"stem":378},"\u003Csub>: 아래 첨자 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fsub","3.develop\u002F1.html\u002F1.elements\u002Fsub",{"title":380,"path":381,"stem":382},"\u003Ctemplate>: 콘텐츠 템플릿 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftemplate","3.develop\u002F1.html\u002F1.elements\u002Ftemplate",{"title":384,"path":385,"stem":386},"\u003Ctfoot>: 표 바닥글 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftfoot","3.develop\u002F1.html\u002F1.elements\u002Ftfoot",{"title":388,"path":389,"stem":390},"\u003Cthead>: 표 머릿글 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fthead","3.develop\u002F1.html\u002F1.elements\u002Fthead",{"title":392,"path":393,"stem":394},"\u003Ctime>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftime","3.develop\u002F1.html\u002F1.elements\u002Ftime",{"title":396,"path":397,"stem":398},"\u003Ctitle>: 문서 제목 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftitle","3.develop\u002F1.html\u002F1.elements\u002Ftitle",{"title":400,"path":401,"stem":402},"\u003Ctrack>: 텍스트 트랙 삽입 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Ftrack","3.develop\u002F1.html\u002F1.elements\u002Ftrack",{"title":404,"path":405,"stem":406},"\u003Cu>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fu","3.develop\u002F1.html\u002F1.elements\u002Fu",{"title":408,"path":409,"stem":410},"\u003Cul>","\u002Fdevelop\u002Fhtml\u002Felements\u002Ful","3.develop\u002F1.html\u002F1.elements\u002Ful",{"title":412,"path":413,"stem":414},"\u003Cvar>: 변수 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fvar","3.develop\u002F1.html\u002F1.elements\u002Fvar",{"title":416,"path":417,"stem":418},"\u003Cvideo>: 비디오 삽입 요소","\u002Fdevelop\u002Fhtml\u002Felements\u002Fvideo","3.develop\u002F1.html\u002F1.elements\u002Fvideo",{"title":420,"path":421,"stem":422},"\u003Cwbr>","\u002Fdevelop\u002Fhtml\u002Felements\u002Fwbr","3.develop\u002F1.html\u002F1.elements\u002Fwbr",{"title":424,"path":425,"stem":426,"icon":54},"HTML이란?","\u002Fdevelop\u002Fhtml\u002Fhtml","3.develop\u002F1.html\u002Fhtml",{"title":428,"icon":29,"path":429,"stem":430,"children":431,"page":15},"Frameworks","\u002Fdevelop\u002Fframeworks","3.develop\u002F2.frameworks",[432,442],{"title":433,"icon":434,"path":435,"stem":436,"children":437,"page":15},"React","i-logos-react","\u002Fdevelop\u002Fframeworks\u002Freact","3.develop\u002F2.frameworks\u002F2.react",[438],{"title":439,"path":440,"stem":441,"icon":434},"React 애플리케이션 성능 최적화 기법","\u002Fdevelop\u002Fframeworks\u002Freact\u002Freact-performance-optimization","3.develop\u002F2.frameworks\u002F2.react\u002Freact-performance-optimization",{"title":443,"icon":444,"path":445,"stem":446,"children":447,"page":15},"Nuxt","i-logos-nuxt-icon","\u002Fdevelop\u002Fframeworks\u002Fnuxt","3.develop\u002F2.frameworks\u002F3.nuxt",[448],{"title":449,"path":450,"stem":451,"icon":452},"Nuxt 3 시작하기 가이드","\u002Fdevelop\u002Fframeworks\u002Fnuxt\u002Fnuxt3-intro-guide","3.develop\u002F2.frameworks\u002F3.nuxt\u002Fnuxt3-intro-guide","i-logos-vue",{"title":454,"icon":455,"path":456,"stem":457,"children":458,"page":15},"Env","i-vscode-icons-folder-type-tools","\u002Fdevops","4.devops",[459],{"title":460,"icon":455,"path":461,"stem":462,"children":463},"OS","\u002Fdevops\u002Fos","4.devops\u002F1.os\u002Findex",[464,467],{"title":465,"path":461,"stem":462,"icon":466},"Operation System 설정","i-heroicons-cog-8-tooth",{"title":468,"path":469,"stem":470,"children":471,"page":15},"Linux","\u002Fdevops\u002Fos\u002Flinux","4.devops\u002F1.os\u002F1.linux",[472],{"title":473,"path":474,"stem":475,"icon":476},"운영 체제 비교 - 윈도우, 리눅스, 맥OS","\u002Fdevops\u002Fos\u002Flinux\u002Fwindows_linux_macos","4.devops\u002F1.os\u002F1.linux\u002Fwindows_linux_macOS","i-logos-linux-tux",{"title":478,"icon":479,"path":480,"stem":481,"children":482,"page":15},"AI","i-heroicons-sparkles","\u002Fai","5.ai",[483,492,513],{"title":428,"icon":484,"path":485,"stem":486,"children":487,"page":15},"i-vscode-icons-file-type-robotframework","\u002Fai\u002Fframeworks","5.ai\u002F3.frameworks",[488],{"title":489,"path":490,"stem":491,"icon":484},"gstack","\u002Fai\u002Fframeworks\u002Fgstack","5.ai\u002F3.frameworks\u002Fgstack",{"title":493,"path":494,"stem":495,"children":496,"page":15},"Prompt","\u002Fai\u002Fprompt","5.ai\u002F4.prompt",[497],{"title":498,"path":499,"stem":500,"children":501,"page":15},"Claude","\u002Fai\u002Fprompt\u002Fclaude","5.ai\u002F4.prompt\u002F1.claude",[502],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":507,"page":15},"Claude Code","\u002Fai\u002Fprompt\u002Fclaude\u002Fclaude-code","i-logos-anthropic-icon","5.ai\u002F4.prompt\u002F1.claude\u002Fclaude-code",[508],{"title":509,"path":510,"stem":511,"icon":512},"Claude Code MCP 서버 자동 실행 설정","\u002Fai\u002Fprompt\u002Fclaude\u002Fclaude-code\u002Fmcp-server-autostart-configuration","5.ai\u002F4.prompt\u002F1.claude\u002Fclaude-code\u002Fmcp-server-autostart-configuration","i-heroicons-server",{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":519,"page":15},"AI Personas","\u002Fai\u002Fpersonas\u002F01-system-architect","i-heroicons-users","\u002Fai\u002Fpersonas","5.ai\u002F5.personas",[520,523,527,531,535,539,543,547,551,555,559],{"title":521,"path":515,"stem":522},"🏗️ System Architect","5.ai\u002F5.personas\u002F01-system-architect",{"title":524,"path":525,"stem":526},"🎨 ui accessibility expert","\u002Fai\u002Fpersonas\u002F02-ui-accessibility-expert","5.ai\u002F5.personas\u002F02-ui-accessibility-expert",{"title":528,"path":529,"stem":530},"⚙️ Backend API Infrastructure Specialist","\u002Fai\u002Fpersonas\u002F03-backend-api-infrastructure","5.ai\u002F5.personas\u002F03-backend-api-infrastructure",{"title":532,"path":533,"stem":534},"🛡️ Security Threat Modeling Expert System","\u002Fai\u002Fpersonas\u002F04-security-threat-modeling-expert","5.ai\u002F5.personas\u002F04-security-threat-modeling-expert",{"title":536,"path":537,"stem":538},"⚡ Performance-Optimizer AI Assist","\u002Fai\u002Fpersonas\u002F05-performance-optimizer","5.ai\u002F5.personas\u002F05-performance-optimizer",{"title":540,"path":541,"stem":542},"🔍 Root Cause Analyzer AI Persona","\u002Fai\u002Fpersonas\u002F11-root-cause-analyzer","5.ai\u002F5.personas\u002F11-root-cause-analyzer",{"title":544,"path":545,"stem":546},"🧪 QA Testing Expert AI Assistant","\u002Fai\u002Fpersonas\u002F12-quality-assurance-testing-expert","5.ai\u002F5.personas\u002F12-quality-assurance-testing-expert",{"title":548,"path":549,"stem":550},"🔄 Code Refactoring Specialist AI Assistant","\u002Fai\u002Fpersonas\u002F13-code-refactoring-specialist","5.ai\u002F5.personas\u002F13-code-refactoring-specialist",{"title":552,"path":553,"stem":554},"🚀 DevOps Infrastructure Expert AI Assistant","\u002Fai\u002Fpersonas\u002F14-infra-automation-expert","5.ai\u002F5.personas\u002F14-infra-automation-expert",{"title":556,"path":557,"stem":558},"👨‍🏫 Educational-Guidance-Mentor Persona System","\u002Fai\u002Fpersonas\u002F21-educational-guidance-mentor","5.ai\u002F5.personas\u002F21-educational-guidance-mentor",{"title":560,"path":561,"stem":562},"✍️ Documentation Expert AI Assistant","\u002Fai\u002Fpersonas\u002F22-technical-documentation-expert","5.ai\u002F5.personas\u002F22-technical-documentation-expert",{"title":564,"icon":565,"path":566,"stem":567,"children":568,"page":15},"Blog","i-heroicons-newspaper","\u002Fblog","6.blog",[569],{"title":570,"path":571,"stem":572,"children":573,"page":15},"2024","\u002Fblog\u002F2024","6.blog\u002F2024",[574],{"title":575,"path":576,"stem":577,"icon":578},"기록의 중요성","\u002Fblog\u002F2024\u002F2024-02-15-blog","6.blog\u002F2024\u002F2024-02-15-blog","i-heroicons-pencil-square",{"id":580,"title":156,"authors":581,"body":582,"description":1709,"draft":15,"extension":1710,"head":581,"icon":581,"image":581,"meta":1711,"navigation":644,"path":157,"publishedAt":581,"seo":1715,"stem":158,"tags":581,"updatedAt":581,"__hash__":1716},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fdl.md",null,{"type":583,"value":584,"toc":1694},"minimark",[585,609,763,870,874,883,887,902,921,924,929,1000,1004,1008,1099,1102,1106,1197,1200,1204,1207,1210,1215,1340,1343,1346,1378,1386,1395,1583,1586,1589,1598,1610,1614,1690],[586,587,588,597,598,600,601,604,605,608],"p",{},[589,590,591,592,596],"strong",{},"HTML ",[593,594,595],"code",{},"\u003Cdl>"," 요소","는 설명 목록을 나타냅니다. ",[593,599,595],{},"은 ",[593,602,603],{},"\u003Cdt>","로 표기한 용어와 ",[593,606,607],{},"\u003Cdd>"," 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다.",[610,611,617],"pre",{"className":612,"code":613,"language":614,"meta":615,"style":616},"language-html shiki shiki-themes github-light github-dark","\u003Cp>Cryptids of Cornwall:\u003C\u002Fp>\n\n\u003Cdl>\n  \u003Cdt>Beast of Bodmin\u003C\u002Fdt>\n  \u003Cdd>A large feline inhabiting Bodmin Moor.\u003C\u002Fdd>\n\n  \u003Cdt>Morgawr\u003C\u002Fdt>\n  \u003Cdd>A sea serpent.\u003C\u002Fdd>\n\n  \u003Cdt>Owlman\u003C\u002Fdt>\n  \u003Cdd>A giant owl-like creature.\u003C\u002Fdd>\n\u003C\u002Fdl>\n","html","interactive-example","",[593,618,619,639,646,656,672,687,692,706,720,725,739,753],{"__ignoreMap":616},[620,621,624,628,631,634,636],"span",{"class":622,"line":623},"line",1,[620,625,627],{"class":626},"sVt8B","\u003C",[620,629,586],{"class":630},"s9eBZ",[620,632,633],{"class":626},">Cryptids of Cornwall:\u003C\u002F",[620,635,586],{"class":630},[620,637,638],{"class":626},">\n",[620,640,642],{"class":622,"line":641},2,[620,643,645],{"emptyLinePlaceholder":644},true,"\n",[620,647,649,651,654],{"class":622,"line":648},3,[620,650,627],{"class":626},[620,652,653],{"class":630},"dl",[620,655,638],{"class":626},[620,657,659,662,665,668,670],{"class":622,"line":658},4,[620,660,661],{"class":626},"  \u003C",[620,663,664],{"class":630},"dt",[620,666,667],{"class":626},">Beast of Bodmin\u003C\u002F",[620,669,664],{"class":630},[620,671,638],{"class":626},[620,673,675,677,680,683,685],{"class":622,"line":674},5,[620,676,661],{"class":626},[620,678,679],{"class":630},"dd",[620,681,682],{"class":626},">A large feline inhabiting Bodmin Moor.\u003C\u002F",[620,684,679],{"class":630},[620,686,638],{"class":626},[620,688,690],{"class":622,"line":689},6,[620,691,645],{"emptyLinePlaceholder":644},[620,693,695,697,699,702,704],{"class":622,"line":694},7,[620,696,661],{"class":626},[620,698,664],{"class":630},[620,700,701],{"class":626},">Morgawr\u003C\u002F",[620,703,664],{"class":630},[620,705,638],{"class":626},[620,707,709,711,713,716,718],{"class":622,"line":708},8,[620,710,661],{"class":626},[620,712,679],{"class":630},[620,714,715],{"class":626},">A sea serpent.\u003C\u002F",[620,717,679],{"class":630},[620,719,638],{"class":626},[620,721,723],{"class":622,"line":722},9,[620,724,645],{"emptyLinePlaceholder":644},[620,726,728,730,732,735,737],{"class":622,"line":727},10,[620,729,661],{"class":626},[620,731,664],{"class":630},[620,733,734],{"class":626},">Owlman\u003C\u002F",[620,736,664],{"class":630},[620,738,638],{"class":626},[620,740,742,744,746,749,751],{"class":622,"line":741},11,[620,743,661],{"class":626},[620,745,679],{"class":630},[620,747,748],{"class":626},">A giant owl-like creature.\u003C\u002F",[620,750,679],{"class":630},[620,752,638],{"class":626},[620,754,756,759,761],{"class":622,"line":755},12,[620,757,758],{"class":626},"\u003C\u002F",[620,760,653],{"class":630},[620,762,638],{"class":626},[610,764,768],{"className":765,"code":766,"language":767,"meta":615,"style":616},"language-css shiki shiki-themes github-light github-dark","p,\ndt {\n  font-weight: bold;\n}\n\ndl,\ndd {\n  font-size: 0.9rem;\n}\n\ndd {\n  margin-bottom: 1em;\n}\n","css",[593,769,770,777,784,799,804,808,814,820,836,840,844,850,865],{"__ignoreMap":616},[620,771,772,774],{"class":622,"line":623},[620,773,586],{"class":630},[620,775,776],{"class":626},",\n",[620,778,779,781],{"class":622,"line":641},[620,780,664],{"class":630},[620,782,783],{"class":626}," {\n",[620,785,786,790,793,796],{"class":622,"line":648},[620,787,789],{"class":788},"sj4cs","  font-weight",[620,791,792],{"class":626},": ",[620,794,795],{"class":788},"bold",[620,797,798],{"class":626},";\n",[620,800,801],{"class":622,"line":658},[620,802,803],{"class":626},"}\n",[620,805,806],{"class":622,"line":674},[620,807,645],{"emptyLinePlaceholder":644},[620,809,810,812],{"class":622,"line":689},[620,811,653],{"class":630},[620,813,776],{"class":626},[620,815,816,818],{"class":622,"line":694},[620,817,679],{"class":630},[620,819,783],{"class":626},[620,821,822,825,827,830,834],{"class":622,"line":708},[620,823,824],{"class":788},"  font-size",[620,826,792],{"class":626},[620,828,829],{"class":788},"0.9",[620,831,833],{"class":832},"szBVR","rem",[620,835,798],{"class":626},[620,837,838],{"class":622,"line":722},[620,839,803],{"class":626},[620,841,842],{"class":622,"line":727},[620,843,645],{"emptyLinePlaceholder":644},[620,845,846,848],{"class":622,"line":741},[620,847,679],{"class":630},[620,849,783],{"class":626},[620,851,852,855,857,860,863],{"class":622,"line":755},[620,853,854],{"class":788},"  margin-bottom",[620,856,792],{"class":626},[620,858,859],{"class":788},"1",[620,861,862],{"class":832},"em",[620,864,798],{"class":626},[620,866,868],{"class":622,"line":867},13,[620,869,803],{"class":626},[871,872,873],"h2",{"id":873},"특성",[586,875,876,877,882],{},"이 요소는 ",[878,879,881],"a",{"href":880},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","을 포함합니다.",[871,884,886],{"id":885},"접근성-고려사항","접근성 고려사항",[586,888,889,890,892,893,895,896,898,899,901],{},"각각의 스크린 리더는 ",[593,891,595],{},"를 다르게 표현합니다. 즉, 총 아이템의 개수, 용어\u002F정의 컨텍스트 및 탐색 방법등을 다르게 노출합니다. 이러한 차이가 반드시 버그는 아닙니다. iOS 14부터의 VoiceOver는 전체 읽기 멍령이 아닌 가상 커서 탐색 시, ",[593,894,595],{}," 콘텐츠가 목록임을 알립니다. VoiceOver는 ",[593,897,595],{},"를 이용한 목록 탐색을 지원하지 않습니다. ARIA 용어 및 정의 역할을 ",[593,900,595],{}," 구조에 적용하면 macOS 및 iOS에서 VoiceOver의 읽기 방식이 조정되므로 주의해야 합니다.",[903,904,905,914],"ul",{},[906,907,908],"li",{},[878,909,913],{"href":910,"rel":911},"https:\u002F\u002Fadrianroselli.com\u002F2020\u002F09\u002Fvoiceover-on-ios-14-supports-description-lists.html",[912],"nofollow","iOS14에서의 VoiceOver 설명 목록 지원",[906,915,916],{},[878,917,920],{"href":918,"rel":919},"https:\u002F\u002Fadrianroselli.com\u002F2022\u002F12\u002Fbrief-note-on-description-list-support.html",[912],"설명 목록 지원에 대한 개략",[871,922,923],{"id":923},"예제",[925,926,928],"h3",{"id":927},"단일-용어와-단일-정의","단일 용어와 단일 정의",[610,930,932],{"className":612,"code":931,"language":614,"meta":616,"style":616},"\u003Cdl>\n  \u003Cdt>Firefox\u003C\u002Fdt>\n  \u003Cdd>\n    Mozilla 재단과 수 백명의 자원봉사자가 개발한 무료 오픈소스 크로스 플랫폼\n    그래픽 웹 브라우저.\n  \u003C\u002Fdd>\n\n  \u003C!-- 다른 용어 및 정의 -->\n\u003C\u002Fdl>\n",[593,933,934,942,955,963,968,973,982,986,992],{"__ignoreMap":616},[620,935,936,938,940],{"class":622,"line":623},[620,937,627],{"class":626},[620,939,653],{"class":630},[620,941,638],{"class":626},[620,943,944,946,948,951,953],{"class":622,"line":641},[620,945,661],{"class":626},[620,947,664],{"class":630},[620,949,950],{"class":626},">Firefox\u003C\u002F",[620,952,664],{"class":630},[620,954,638],{"class":626},[620,956,957,959,961],{"class":622,"line":648},[620,958,661],{"class":626},[620,960,679],{"class":630},[620,962,638],{"class":626},[620,964,965],{"class":622,"line":658},[620,966,967],{"class":626},"    Mozilla 재단과 수 백명의 자원봉사자가 개발한 무료 오픈소스 크로스 플랫폼\n",[620,969,970],{"class":622,"line":674},[620,971,972],{"class":626},"    그래픽 웹 브라우저.\n",[620,974,975,978,980],{"class":622,"line":689},[620,976,977],{"class":626},"  \u003C\u002F",[620,979,679],{"class":630},[620,981,638],{"class":626},[620,983,984],{"class":622,"line":694},[620,985,645],{"emptyLinePlaceholder":644},[620,987,988],{"class":622,"line":708},[620,989,991],{"class":990},"sJ8bj","  \u003C!-- 다른 용어 및 정의 -->\n",[620,993,994,996,998],{"class":622,"line":722},[620,995,758],{"class":626},[620,997,653],{"class":630},[620,999,638],{"class":626},[1001,1002,1003],"h4",{"id":1003},"결과",[925,1005,1007],{"id":1006},"복수-용어와-단일-정의","복수 용어와 단일 정의",[610,1009,1011],{"className":612,"code":1010,"language":614,"meta":616,"style":616},"\u003Cdl>\n  \u003Cdt>Firefox\u003C\u002Fdt>\n  \u003Cdt>Mozilla Firefox\u003C\u002Fdt>\n  \u003Cdt>Fx\u003C\u002Fdt>\n  \u003Cdd>\n    Mozilla 재단과 수 백명의 자원봉사자가 개발한 무료 오픈소스 크로스 플랫폼\n    그래픽 웹 브라우저.\n  \u003C\u002Fdd>\n\n  \u003C!-- 다른 용어 및 정의 -->\n\u003C\u002Fdl>\n",[593,1012,1013,1021,1033,1046,1059,1067,1071,1075,1083,1087,1091],{"__ignoreMap":616},[620,1014,1015,1017,1019],{"class":622,"line":623},[620,1016,627],{"class":626},[620,1018,653],{"class":630},[620,1020,638],{"class":626},[620,1022,1023,1025,1027,1029,1031],{"class":622,"line":641},[620,1024,661],{"class":626},[620,1026,664],{"class":630},[620,1028,950],{"class":626},[620,1030,664],{"class":630},[620,1032,638],{"class":626},[620,1034,1035,1037,1039,1042,1044],{"class":622,"line":648},[620,1036,661],{"class":626},[620,1038,664],{"class":630},[620,1040,1041],{"class":626},">Mozilla Firefox\u003C\u002F",[620,1043,664],{"class":630},[620,1045,638],{"class":626},[620,1047,1048,1050,1052,1055,1057],{"class":622,"line":658},[620,1049,661],{"class":626},[620,1051,664],{"class":630},[620,1053,1054],{"class":626},">Fx\u003C\u002F",[620,1056,664],{"class":630},[620,1058,638],{"class":626},[620,1060,1061,1063,1065],{"class":622,"line":674},[620,1062,661],{"class":626},[620,1064,679],{"class":630},[620,1066,638],{"class":626},[620,1068,1069],{"class":622,"line":689},[620,1070,967],{"class":626},[620,1072,1073],{"class":622,"line":694},[620,1074,972],{"class":626},[620,1076,1077,1079,1081],{"class":622,"line":708},[620,1078,977],{"class":626},[620,1080,679],{"class":630},[620,1082,638],{"class":626},[620,1084,1085],{"class":622,"line":722},[620,1086,645],{"emptyLinePlaceholder":644},[620,1088,1089],{"class":622,"line":727},[620,1090,991],{"class":990},[620,1092,1093,1095,1097],{"class":622,"line":741},[620,1094,758],{"class":626},[620,1096,653],{"class":630},[620,1098,638],{"class":626},[1001,1100,1003],{"id":1101},"결과-1",[925,1103,1105],{"id":1104},"단일-용어와-복수-정의","단일 용어와 복수 정의",[610,1107,1109],{"className":612,"code":1108,"language":614,"meta":616,"style":616},"\u003Cdl>\n  \u003Cdt>Firefox\u003C\u002Fdt>\n  \u003Cdd>\n    Mozilla 재단과 수 백명의 자원봉사자가 개발한 무료 오픈소스 크로스 플랫폼\n    그래픽 웹 브라우저.\n  \u003C\u002Fdd>\n  \u003Cdd>\n    붉은 판다, 레서 판다, 랫서 판다, 혹은 \"Firefox\"는 초식성 포유류이다. 몸\n    길이는 애완용 고양이보다 약간 큰 정도인 60cm다.\n  \u003C\u002Fdd>\n\n  \u003C!-- 다른 용어 및 정의 -->\n\u003C\u002Fdl>\n",[593,1110,1111,1119,1131,1139,1143,1147,1155,1163,1168,1173,1181,1185,1189],{"__ignoreMap":616},[620,1112,1113,1115,1117],{"class":622,"line":623},[620,1114,627],{"class":626},[620,1116,653],{"class":630},[620,1118,638],{"class":626},[620,1120,1121,1123,1125,1127,1129],{"class":622,"line":641},[620,1122,661],{"class":626},[620,1124,664],{"class":630},[620,1126,950],{"class":626},[620,1128,664],{"class":630},[620,1130,638],{"class":626},[620,1132,1133,1135,1137],{"class":622,"line":648},[620,1134,661],{"class":626},[620,1136,679],{"class":630},[620,1138,638],{"class":626},[620,1140,1141],{"class":622,"line":658},[620,1142,967],{"class":626},[620,1144,1145],{"class":622,"line":674},[620,1146,972],{"class":626},[620,1148,1149,1151,1153],{"class":622,"line":689},[620,1150,977],{"class":626},[620,1152,679],{"class":630},[620,1154,638],{"class":626},[620,1156,1157,1159,1161],{"class":622,"line":694},[620,1158,661],{"class":626},[620,1160,679],{"class":630},[620,1162,638],{"class":626},[620,1164,1165],{"class":622,"line":708},[620,1166,1167],{"class":626},"    붉은 판다, 레서 판다, 랫서 판다, 혹은 \"Firefox\"는 초식성 포유류이다. 몸\n",[620,1169,1170],{"class":622,"line":722},[620,1171,1172],{"class":626},"    길이는 애완용 고양이보다 약간 큰 정도인 60cm다.\n",[620,1174,1175,1177,1179],{"class":622,"line":727},[620,1176,977],{"class":626},[620,1178,679],{"class":630},[620,1180,638],{"class":626},[620,1182,1183],{"class":622,"line":741},[620,1184,645],{"emptyLinePlaceholder":644},[620,1186,1187],{"class":622,"line":755},[620,1188,991],{"class":990},[620,1190,1191,1193,1195],{"class":622,"line":867},[620,1192,758],{"class":626},[620,1194,653],{"class":630},[620,1196,638],{"class":626},[1001,1198,1003],{"id":1199},"결과-2",[925,1201,1203],{"id":1202},"복수-용어와-복수-정의","복수 용어와 복수 정의",[586,1205,1206],{},"위의 예제를 결합하여 여러 용어를 여러 정의와 연결하는 것도 가능합니다.",[925,1208,1209],{"id":1209},"메타데이터",[586,1211,1212,1214],{},[593,1213,595],{},"은 메타데이터를 키-값 쌍으로 표시할 때도 유용합니다.",[610,1216,1218],{"className":612,"code":1217,"language":614,"meta":616,"style":616},"\u003Cdl>\n  \u003Cdt>Name\u003C\u002Fdt>\n  \u003Cdd>Godzilla\u003C\u002Fdd>\n  \u003Cdt>Born\u003C\u002Fdt>\n  \u003Cdd>1952\u003C\u002Fdd>\n  \u003Cdt>Birthplace\u003C\u002Fdt>\n  \u003Cdd>Japan\u003C\u002Fdd>\n  \u003Cdt>Color\u003C\u002Fdt>\n  \u003Cdd>Green\u003C\u002Fdd>\n\u003C\u002Fdl>\n",[593,1219,1220,1228,1241,1254,1267,1280,1293,1306,1319,1332],{"__ignoreMap":616},[620,1221,1222,1224,1226],{"class":622,"line":623},[620,1223,627],{"class":626},[620,1225,653],{"class":630},[620,1227,638],{"class":626},[620,1229,1230,1232,1234,1237,1239],{"class":622,"line":641},[620,1231,661],{"class":626},[620,1233,664],{"class":630},[620,1235,1236],{"class":626},">Name\u003C\u002F",[620,1238,664],{"class":630},[620,1240,638],{"class":626},[620,1242,1243,1245,1247,1250,1252],{"class":622,"line":648},[620,1244,661],{"class":626},[620,1246,679],{"class":630},[620,1248,1249],{"class":626},">Godzilla\u003C\u002F",[620,1251,679],{"class":630},[620,1253,638],{"class":626},[620,1255,1256,1258,1260,1263,1265],{"class":622,"line":658},[620,1257,661],{"class":626},[620,1259,664],{"class":630},[620,1261,1262],{"class":626},">Born\u003C\u002F",[620,1264,664],{"class":630},[620,1266,638],{"class":626},[620,1268,1269,1271,1273,1276,1278],{"class":622,"line":674},[620,1270,661],{"class":626},[620,1272,679],{"class":630},[620,1274,1275],{"class":626},">1952\u003C\u002F",[620,1277,679],{"class":630},[620,1279,638],{"class":626},[620,1281,1282,1284,1286,1289,1291],{"class":622,"line":689},[620,1283,661],{"class":626},[620,1285,664],{"class":630},[620,1287,1288],{"class":626},">Birthplace\u003C\u002F",[620,1290,664],{"class":630},[620,1292,638],{"class":626},[620,1294,1295,1297,1299,1302,1304],{"class":622,"line":694},[620,1296,661],{"class":626},[620,1298,679],{"class":630},[620,1300,1301],{"class":626},">Japan\u003C\u002F",[620,1303,679],{"class":630},[620,1305,638],{"class":626},[620,1307,1308,1310,1312,1315,1317],{"class":622,"line":708},[620,1309,661],{"class":626},[620,1311,664],{"class":630},[620,1313,1314],{"class":626},">Color\u003C\u002F",[620,1316,664],{"class":630},[620,1318,638],{"class":626},[620,1320,1321,1323,1325,1328,1330],{"class":622,"line":722},[620,1322,661],{"class":626},[620,1324,679],{"class":630},[620,1326,1327],{"class":626},">Green\u003C\u002F",[620,1329,679],{"class":630},[620,1331,638],{"class":626},[620,1333,1334,1336,1338],{"class":622,"line":727},[620,1335,758],{"class":626},[620,1337,653],{"class":630},[620,1339,638],{"class":626},[1001,1341,1003],{"id":1342},"결과-3",[586,1344,1345],{},"팁: 아래처럼 키-값 구분자를 CSS로 지정하면 유용합니다.",[610,1347,1349],{"className":765,"code":1348,"language":767,"meta":616,"style":616},"dt:after {\n  content: \": \";\n}\n",[593,1350,1351,1361,1374],{"__ignoreMap":616},[620,1352,1353,1355,1359],{"class":622,"line":623},[620,1354,664],{"class":630},[620,1356,1358],{"class":1357},"sScJk",":after",[620,1360,783],{"class":626},[620,1362,1363,1366,1368,1372],{"class":622,"line":641},[620,1364,1365],{"class":788},"  content",[620,1367,792],{"class":626},[620,1369,1371],{"class":1370},"sZZnC","\": \"",[620,1373,798],{"class":626},[620,1375,1376],{"class":622,"line":648},[620,1377,803],{"class":626},[925,1379,1381,1382,1385],{"id":1380},"이름-값-그룹을-div로-감싸기","이름-값 그룹을 ",[593,1383,1384],{},"\u003Cdiv>","로 감싸기",[586,1387,1388,1389,1391,1392,1394],{},"HTML에서는 ",[593,1390,595],{}," 요소의 각 이름-값 그룹을 ",[593,1393,1384],{}," 요소로 감쌀 수 있습니다. 이는 마이크로데이터를 사용하거나 전역 속성이 전체 그룹에 적용될 때 또는 스타일링 목적으로 유용할 수 있습니다.",[610,1396,1398],{"className":612,"code":1397,"language":614,"meta":616,"style":616},"\u003Cdl>\n  \u003Cdiv>\n    \u003Cdt>Name\u003C\u002Fdt>\n    \u003Cdd>Godzilla\u003C\u002Fdd>\n  \u003C\u002Fdiv>\n  \u003Cdiv>\n    \u003Cdt>Born\u003C\u002Fdt>\n    \u003Cdd>1952\u003C\u002Fdd>\n  \u003C\u002Fdiv>\n  \u003Cdiv>\n    \u003Cdt>Birthplace\u003C\u002Fdt>\n    \u003Cdd>Japan\u003C\u002Fdd>\n  \u003C\u002Fdiv>\n  \u003Cdiv>\n    \u003Cdt>Color\u003C\u002Fdt>\n    \u003Cdd>Green\u003C\u002Fdd>\n  \u003C\u002Fdiv>\n\u003C\u002Fdl>\n",[593,1399,1400,1408,1417,1430,1442,1450,1458,1470,1482,1490,1498,1510,1522,1530,1539,1552,1565,1574],{"__ignoreMap":616},[620,1401,1402,1404,1406],{"class":622,"line":623},[620,1403,627],{"class":626},[620,1405,653],{"class":630},[620,1407,638],{"class":626},[620,1409,1410,1412,1415],{"class":622,"line":641},[620,1411,661],{"class":626},[620,1413,1414],{"class":630},"div",[620,1416,638],{"class":626},[620,1418,1419,1422,1424,1426,1428],{"class":622,"line":648},[620,1420,1421],{"class":626},"    \u003C",[620,1423,664],{"class":630},[620,1425,1236],{"class":626},[620,1427,664],{"class":630},[620,1429,638],{"class":626},[620,1431,1432,1434,1436,1438,1440],{"class":622,"line":658},[620,1433,1421],{"class":626},[620,1435,679],{"class":630},[620,1437,1249],{"class":626},[620,1439,679],{"class":630},[620,1441,638],{"class":626},[620,1443,1444,1446,1448],{"class":622,"line":674},[620,1445,977],{"class":626},[620,1447,1414],{"class":630},[620,1449,638],{"class":626},[620,1451,1452,1454,1456],{"class":622,"line":689},[620,1453,661],{"class":626},[620,1455,1414],{"class":630},[620,1457,638],{"class":626},[620,1459,1460,1462,1464,1466,1468],{"class":622,"line":694},[620,1461,1421],{"class":626},[620,1463,664],{"class":630},[620,1465,1262],{"class":626},[620,1467,664],{"class":630},[620,1469,638],{"class":626},[620,1471,1472,1474,1476,1478,1480],{"class":622,"line":708},[620,1473,1421],{"class":626},[620,1475,679],{"class":630},[620,1477,1275],{"class":626},[620,1479,679],{"class":630},[620,1481,638],{"class":626},[620,1483,1484,1486,1488],{"class":622,"line":722},[620,1485,977],{"class":626},[620,1487,1414],{"class":630},[620,1489,638],{"class":626},[620,1491,1492,1494,1496],{"class":622,"line":727},[620,1493,661],{"class":626},[620,1495,1414],{"class":630},[620,1497,638],{"class":626},[620,1499,1500,1502,1504,1506,1508],{"class":622,"line":741},[620,1501,1421],{"class":626},[620,1503,664],{"class":630},[620,1505,1288],{"class":626},[620,1507,664],{"class":630},[620,1509,638],{"class":626},[620,1511,1512,1514,1516,1518,1520],{"class":622,"line":755},[620,1513,1421],{"class":626},[620,1515,679],{"class":630},[620,1517,1301],{"class":626},[620,1519,679],{"class":630},[620,1521,638],{"class":626},[620,1523,1524,1526,1528],{"class":622,"line":867},[620,1525,977],{"class":626},[620,1527,1414],{"class":630},[620,1529,638],{"class":626},[620,1531,1533,1535,1537],{"class":622,"line":1532},14,[620,1534,661],{"class":626},[620,1536,1414],{"class":630},[620,1538,638],{"class":626},[620,1540,1542,1544,1546,1548,1550],{"class":622,"line":1541},15,[620,1543,1421],{"class":626},[620,1545,664],{"class":630},[620,1547,1314],{"class":626},[620,1549,664],{"class":630},[620,1551,638],{"class":626},[620,1553,1555,1557,1559,1561,1563],{"class":622,"line":1554},16,[620,1556,1421],{"class":626},[620,1558,679],{"class":630},[620,1560,1327],{"class":626},[620,1562,679],{"class":630},[620,1564,638],{"class":626},[620,1566,1568,1570,1572],{"class":622,"line":1567},17,[620,1569,977],{"class":626},[620,1571,1414],{"class":630},[620,1573,638],{"class":626},[620,1575,1577,1579,1581],{"class":622,"line":1576},18,[620,1578,758],{"class":626},[620,1580,653],{"class":630},[620,1582,638],{"class":626},[1001,1584,1003],{"id":1585},"결과-4",[871,1587,1588],{"id":1588},"참고",[586,1590,1591,1592,1594,1595,1597],{},"페이지에서 들여쓰기를 하기 위한 목적으로 ",[593,1593,595],{}," (또는 ",[593,1596,408],{},") 요소를 사용하지 마세요. 작동할 수는 있으나 좋지 않은 방법이고, 설명 목록의 원래 목적을 흐립니다.",[586,1599,1600,1601,1605,1606,1609],{},"용어의 들여쓰기를 수정하려면 ",[878,1602,1604],{"href":1603},"\u002Fko\u002Fdocs\u002FWeb\u002FCSS","CSS"," ",[593,1607,1608],{},"margin"," 속성을 사용하세요.",[871,1611,1613],{"id":1612},"기술-요약","기술 요약",[1615,1616,1619,1620],"table",{"className":1617},[1618],"properties","\n  ",[1621,1622,1623,1624,1623,1652],"tbody",{},"\n    ",[1625,1626,1627,1628,1627,1637,1623],"tr",{},"\n      ",[1629,1630,1632,1633,1627],"th",{"scope":1631},"row","\n        ",[878,1634,1636],{"href":1635},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FContent_categories","콘텐츠 카테고리",[1638,1639,1632,1640,1644,1645,1647,1648,1627],"td",{},[878,1641,1643],{"href":1642},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FContent_categories#플로우_콘텐츠","플로우 콘텐츠",", 만약 ",[593,1646,595],{},"의 자식 중 이름-값 그룹이 포함된 경우에는 ",[878,1649,1651],{"href":1650},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FContent_categories#뚜렷한_콘텐츠","뚜렷한 콘텐츠.",[1625,1653,1627,1654,1627,1657],{},[1629,1655,1656],{"scope":1631},"가능한 콘텐츠",[1638,1658,1632,1659,1662,1665],{},[586,1660,1661],{},"\n          하나 이상의 `",[664,1663,1664],{},"` 요소와 하나 이상의\n          `",[679,1666,1667,1668,1672,1676,1680],{},"` 요소로 구성한 그룹 0개 이상. 선택적으로\n          `",[1669,1670,1671],"script",{},"`와\n          `\u003Ctemplate>`을 혼합 가능.\u003Cbr \u002F>또는, 하나\n          이상의 `\u003Cdiv>`. 선택적으로\n          `\u003Cscript>`, `\u003Ctemplate>`\n          혼합 가능.\n        \u003C\u002Fp>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">태그 생략\u003C\u002Fth>\n      \u003Ctd>불가능, 시작과 끝에 태그를 추가 필수.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">가능한 부모 요소\u003C\u002Fth>\n      \u003Ctd>\n        \u003Ca href=\"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FContent_categories#플로우_콘텐츠\"\n          >플로우 콘텐츠\u003C\u002Fa\n        >를 허용하는 모든 요소.\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">암시적 ARIA 역할\u003C\u002Fth>\n      \u003Ctd>\n        \u003Ca href='https:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml-aria\u002F#dfn-no-corresponding-role'>해당 역할 없음\u003C\u002Fa>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">가능한 ARIA 역할\u003C\u002Fth>\n      \u003Ctd>\n        \u003Ca href='\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fgroup_role'>\u003Ccode>group\u003C\u002Fcode>\u003C\u002Fa>,\n        \u003Ca href='\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Flist_role'>\u003Ccode>list\u003C\u002Fcode>\u003C\u002Fa>,\n        \u003Ca href='\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fnone_role'>\u003Ccode>none\u003C\u002Fcode>\u003C\u002Fa>,\n        \u003Ca href='\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fpresentation_role'>\u003Ccode>presentation\u003C\u002Fcode>\u003C\u002Fa>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">DOM 인터페이스\u003C\u002Fth>\n      \u003Ctd>`HTMLDListElement`\u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n명세",[871,1673,1675],{"id":1674},"브라우저-호환성","브라우저 호환성",[871,1677,1679],{"id":1678},"같이-보기","같이 보기",[903,1681,1682,1686],{},[906,1683,1684,596],{},[593,1685,603],{},[906,1687,1688,596],{},[593,1689,607],{},[1691,1692,1693],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}",{"title":616,"searchDepth":641,"depth":641,"links":1695},[1696,1697,1698,1707,1708],{"id":873,"depth":641,"text":873},{"id":885,"depth":641,"text":886},{"id":923,"depth":641,"text":923,"children":1699},[1700,1701,1702,1703,1704,1705],{"id":927,"depth":648,"text":928},{"id":1006,"depth":648,"text":1007},{"id":1104,"depth":648,"text":1105},{"id":1202,"depth":648,"text":1203},{"id":1209,"depth":648,"text":1209},{"id":1380,"depth":648,"text":1706},"이름-값 그룹을 \u003Cdiv>로 감싸기",{"id":1588,"depth":641,"text":1588},{"id":1612,"depth":641,"text":1613},"HTML \u003Cdl> 요소는 설명 목록을 나타냅니다. \u003Cdl>은 \u003Cdt>로 표기한 용어와 \u003Cdd> 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다.","md",{"slug":1712,"original_slug":1712,"l10n":1713},"develop\u002Fhtml\u002Felements\u002Fdl",{"sourceCommit":1714},"9231a7046973685f4600e1891fa644ecce41ef3b",{"title":156,"description":1709},"s4phgi_C2RoXK1EvMOO7uGp7MelFbESXYutYyUO6Pvw",[1718,1721,1724,1835,1843,1868],{"title":5,"icon":6,"path":7,"stem":8,"children":1719,"page":15},[1720],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1722,"page":15},[1723],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1725,"page":15},[1726,1729,1827],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1727,"page":15},[1728],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1730,"page":15},[1731,1826],{"title":49,"path":50,"stem":51,"children":1732,"icon":54},[1733,1734,1735,1736,1737,1738,1739,1740,1741,1742,1743,1744,1745,1746,1747,1748,1749,1750,1751,1752,1753,1754,1755,1756,1757,1758,1759,1760,1761,1762,1763,1764,1765,1766,1767,1768,1769,1770,1771,1772,1773,1774,1775,1776,1777,1778,1779,1780,1781,1782,1783,1784,1785,1786,1787,1788,1789,1790,1791,1792,1793,1794,1795,1796,1797,1798,1799,1800,1801,1802,1803,1804,1805,1806,1807,1808,1809,1810,1811,1812,1813,1814,1815,1816,1817,1818,1819,1820,1821,1822,1823,1824,1825],{"title":49,"path":50,"stem":51,"icon":54},{"title":56,"path":57,"stem":58},{"title":60,"path":61,"stem":62},{"title":64,"path":65,"stem":66},{"title":68,"path":69,"stem":70},{"title":72,"path":73,"stem":74},{"title":76,"path":77,"stem":78},{"title":80,"path":81,"stem":82},{"title":84,"path":85,"stem":86},{"title":88,"path":89,"stem":90},{"title":92,"path":93,"stem":94},{"title":96,"path":97,"stem":98},{"title":100,"path":101,"stem":102},{"title":104,"path":105,"stem":106},{"title":108,"path":109,"stem":110},{"title":112,"path":113,"stem":114},{"title":116,"path":117,"stem":118},{"title":120,"path":121,"stem":122},{"title":124,"path":125,"stem":126},{"title":128,"path":129,"stem":130},{"title":132,"path":133,"stem":134},{"title":136,"path":137,"stem":138},{"title":140,"path":141,"stem":142},{"title":144,"path":145,"stem":146},{"title":148,"path":149,"stem":150},{"title":152,"path":153,"stem":154},{"title":156,"path":157,"stem":158},{"title":160,"path":161,"stem":162},{"title":164,"path":165,"stem":166},{"title":168,"path":169,"stem":170},{"title":172,"path":173,"stem":174},{"title":176,"path":177,"stem":178},{"title":180,"path":181,"stem":182},{"title":184,"path":185,"stem":186},{"title":188,"path":189,"stem":190},{"title":192,"path":193,"stem":194},{"title":196,"path":197,"stem":198},{"title":200,"path":201,"stem":202},{"title":204,"path":205,"stem":206},{"title":208,"path":209,"stem":210},{"title":212,"path":213,"stem":214},{"title":216,"path":217,"stem":218},{"title":220,"path":221,"stem":222},{"title":224,"path":225,"stem":226},{"title":228,"path":229,"stem":230},{"title":232,"path":233,"stem":234},{"title":236,"path":237,"stem":238},{"title":240,"path":241,"stem":242},{"title":244,"path":245,"stem":246},{"title":248,"path":249,"stem":250},{"title":252,"path":253,"stem":254},{"title":256,"path":257,"stem":258},{"title":260,"path":261,"stem":262},{"title":264,"path":265,"stem":266},{"title":268,"path":269,"stem":270},{"title":272,"path":273,"stem":274},{"title":276,"path":277,"stem":278},{"title":280,"path":281,"stem":282},{"title":284,"path":285,"stem":286},{"title":288,"path":289,"stem":290},{"title":292,"path":293,"stem":294},{"title":296,"path":297,"stem":298},{"title":300,"path":301,"stem":302},{"title":304,"path":305,"stem":306},{"title":308,"path":309,"stem":310},{"title":312,"path":313,"stem":314},{"title":316,"path":317,"stem":318},{"title":320,"path":321,"stem":322},{"title":324,"path":325,"stem":326},{"title":328,"path":329,"stem":330},{"title":332,"path":333,"stem":334},{"title":336,"path":337,"stem":338},{"title":340,"path":341,"stem":342},{"title":344,"path":345,"stem":346},{"title":348,"path":349,"stem":350},{"title":352,"path":353,"stem":354},{"title":356,"path":357,"stem":358},{"title":360,"path":361,"stem":362},{"title":364,"path":365,"stem":366},{"title":368,"path":369,"stem":370},{"title":372,"path":373,"stem":374},{"title":376,"path":377,"stem":378},{"title":380,"path":381,"stem":382},{"title":384,"path":385,"stem":386},{"title":388,"path":389,"stem":390},{"title":392,"path":393,"stem":394},{"title":396,"path":397,"stem":398},{"title":400,"path":401,"stem":402},{"title":404,"path":405,"stem":406},{"title":408,"path":409,"stem":410},{"title":412,"path":413,"stem":414},{"title":416,"path":417,"stem":418},{"title":420,"path":421,"stem":422},{"title":424,"path":425,"stem":426,"icon":54},{"title":428,"icon":29,"path":429,"stem":430,"children":1828,"page":15},[1829,1832],{"title":433,"icon":434,"path":435,"stem":436,"children":1830,"page":15},[1831],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1833,"page":15},[1834],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1836,"page":15},[1837],{"title":460,"icon":455,"path":461,"stem":462,"children":1838},[1839,1840],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1841,"page":15},[1842],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1844,"page":15},[1845,1848,1855],{"title":428,"icon":484,"path":485,"stem":486,"children":1846,"page":15},[1847],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1849,"page":15},[1850],{"title":498,"path":499,"stem":500,"children":1851,"page":15},[1852],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1853,"page":15},[1854],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1856,"page":15},[1857,1858,1859,1860,1861,1862,1863,1864,1865,1866,1867],{"title":521,"path":515,"stem":522},{"title":524,"path":525,"stem":526},{"title":528,"path":529,"stem":530},{"title":532,"path":533,"stem":534},{"title":536,"path":537,"stem":538},{"title":540,"path":541,"stem":542},{"title":544,"path":545,"stem":546},{"title":548,"path":549,"stem":550},{"title":552,"path":553,"stem":554},{"title":556,"path":557,"stem":558},{"title":560,"path":561,"stem":562},{"title":564,"icon":565,"path":566,"stem":567,"children":1869,"page":15},[1870],{"title":570,"path":571,"stem":572,"children":1871,"page":15},[1872],{"title":575,"path":576,"stem":577,"icon":578},[1874,1875],{"title":152,"path":153,"stem":154,"children":-1},{"title":160,"path":161,"stem":162,"children":-1},1775726370050]