[{"data":1,"prerenderedAt":1815},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Ffieldset":579,"nav":1656,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Ffieldset":1812},[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":172,"authors":581,"body":582,"description":1650,"draft":15,"extension":1651,"head":581,"icon":581,"image":581,"meta":1652,"navigation":659,"path":173,"publishedAt":581,"seo":1654,"stem":174,"tags":581,"updatedAt":581,"__hash__":1655},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Ffieldset.md",null,{"type":583,"value":584,"toc":1639},"minimark",[585,601,879,975,1007,1011,1020,1089,1093,1098,1141,1162,1189,1206,1209,1214,1223,1320,1324,1333,1523,1527,1628,1631,1635],[586,587,588,597,598,600],"p",{},[589,590,591,592,596],"strong",{},"HTML ",[593,594,595],"code",{},"\u003Cfieldset>"," 요소","는 웹 양식의 여러 컨트롤과 레이블(",[593,599,236],{},")을 묶을 때 사용합니다.",[602,603,609],"pre",{"className":604,"code":605,"language":606,"meta":607,"style":608},"language-html shiki shiki-themes github-light github-dark","\u003Cform>\n  \u003Cfieldset>\n    \u003Clegend>Choose your favorite monster\u003C\u002Flegend>\n\n    \u003Cinput type=\"radio\" id=\"kraken\" name=\"monster\" value=\"K\" \u002F>\n    \u003Clabel for=\"kraken\">Kraken\u003C\u002Flabel>\u003Cbr \u002F>\n\n    \u003Cinput type=\"radio\" id=\"sasquatch\" name=\"monster\" value=\"S\" \u002F>\n    \u003Clabel for=\"sasquatch\">Sasquatch\u003C\u002Flabel>\u003Cbr \u002F>\n\n    \u003Cinput type=\"radio\" id=\"mothman\" name=\"monster\" value=\"M\" \u002F>\n    \u003Clabel for=\"mothman\">Mothman\u003C\u002Flabel>\n  \u003C\u002Ffieldset>\n\u003C\u002Fform>\n","html","interactive-example","",[593,610,611,627,638,654,661,707,735,740,775,799,804,839,859,869],{"__ignoreMap":608},[612,613,616,620,624],"span",{"class":614,"line":615},"line",1,[612,617,619],{"class":618},"sVt8B","\u003C",[612,621,623],{"class":622},"s9eBZ","form",[612,625,626],{"class":618},">\n",[612,628,630,633,636],{"class":614,"line":629},2,[612,631,632],{"class":618},"  \u003C",[612,634,635],{"class":622},"fieldset",[612,637,626],{"class":618},[612,639,641,644,647,650,652],{"class":614,"line":640},3,[612,642,643],{"class":618},"    \u003C",[612,645,646],{"class":622},"legend",[612,648,649],{"class":618},">Choose your favorite monster\u003C\u002F",[612,651,646],{"class":622},[612,653,626],{"class":618},[612,655,657],{"class":614,"line":656},4,[612,658,660],{"emptyLinePlaceholder":659},true,"\n",[612,662,664,666,669,673,676,680,683,685,688,691,693,696,699,701,704],{"class":614,"line":663},5,[612,665,643],{"class":618},[612,667,668],{"class":622},"input",[612,670,672],{"class":671},"sScJk"," type",[612,674,675],{"class":618},"=",[612,677,679],{"class":678},"sZZnC","\"radio\"",[612,681,682],{"class":671}," id",[612,684,675],{"class":618},[612,686,687],{"class":678},"\"kraken\"",[612,689,690],{"class":671}," name",[612,692,675],{"class":618},[612,694,695],{"class":678},"\"monster\"",[612,697,698],{"class":671}," value",[612,700,675],{"class":618},[612,702,703],{"class":678},"\"K\"",[612,705,706],{"class":618}," \u002F>\n",[612,708,710,712,715,718,720,722,725,727,730,733],{"class":614,"line":709},6,[612,711,643],{"class":618},[612,713,714],{"class":622},"label",[612,716,717],{"class":671}," for",[612,719,675],{"class":618},[612,721,687],{"class":678},[612,723,724],{"class":618},">Kraken\u003C\u002F",[612,726,714],{"class":622},[612,728,729],{"class":618},">\u003C",[612,731,732],{"class":622},"br",[612,734,706],{"class":618},[612,736,738],{"class":614,"line":737},7,[612,739,660],{"emptyLinePlaceholder":659},[612,741,743,745,747,749,751,753,755,757,760,762,764,766,768,770,773],{"class":614,"line":742},8,[612,744,643],{"class":618},[612,746,668],{"class":622},[612,748,672],{"class":671},[612,750,675],{"class":618},[612,752,679],{"class":678},[612,754,682],{"class":671},[612,756,675],{"class":618},[612,758,759],{"class":678},"\"sasquatch\"",[612,761,690],{"class":671},[612,763,675],{"class":618},[612,765,695],{"class":678},[612,767,698],{"class":671},[612,769,675],{"class":618},[612,771,772],{"class":678},"\"S\"",[612,774,706],{"class":618},[612,776,778,780,782,784,786,788,791,793,795,797],{"class":614,"line":777},9,[612,779,643],{"class":618},[612,781,714],{"class":622},[612,783,717],{"class":671},[612,785,675],{"class":618},[612,787,759],{"class":678},[612,789,790],{"class":618},">Sasquatch\u003C\u002F",[612,792,714],{"class":622},[612,794,729],{"class":618},[612,796,732],{"class":622},[612,798,706],{"class":618},[612,800,802],{"class":614,"line":801},10,[612,803,660],{"emptyLinePlaceholder":659},[612,805,807,809,811,813,815,817,819,821,824,826,828,830,832,834,837],{"class":614,"line":806},11,[612,808,643],{"class":618},[612,810,668],{"class":622},[612,812,672],{"class":671},[612,814,675],{"class":618},[612,816,679],{"class":678},[612,818,682],{"class":671},[612,820,675],{"class":618},[612,822,823],{"class":678},"\"mothman\"",[612,825,690],{"class":671},[612,827,675],{"class":618},[612,829,695],{"class":678},[612,831,698],{"class":671},[612,833,675],{"class":618},[612,835,836],{"class":678},"\"M\"",[612,838,706],{"class":618},[612,840,842,844,846,848,850,852,855,857],{"class":614,"line":841},12,[612,843,643],{"class":618},[612,845,714],{"class":622},[612,847,717],{"class":671},[612,849,675],{"class":618},[612,851,823],{"class":678},[612,853,854],{"class":618},">Mothman\u003C\u002F",[612,856,714],{"class":622},[612,858,626],{"class":618},[612,860,862,865,867],{"class":614,"line":861},13,[612,863,864],{"class":618},"  \u003C\u002F",[612,866,635],{"class":622},[612,868,626],{"class":618},[612,870,872,875,877],{"class":614,"line":871},14,[612,873,874],{"class":618},"\u003C\u002F",[612,876,623],{"class":622},[612,878,626],{"class":618},[602,880,884],{"className":881,"code":882,"language":883,"meta":607,"style":608},"language-css shiki shiki-themes github-light github-dark","legend {\n  background-color: #000;\n  color: #fff;\n  padding: 3px 6px;\n}\n\ninput {\n  margin: 0.4rem;\n}\n","css",[593,885,886,893,908,920,941,946,950,956,971],{"__ignoreMap":608},[612,887,888,890],{"class":614,"line":615},[612,889,646],{"class":622},[612,891,892],{"class":618}," {\n",[612,894,895,899,902,905],{"class":614,"line":629},[612,896,898],{"class":897},"sj4cs","  background-color",[612,900,901],{"class":618},": ",[612,903,904],{"class":897},"#000",[612,906,907],{"class":618},";\n",[612,909,910,913,915,918],{"class":614,"line":640},[612,911,912],{"class":897},"  color",[612,914,901],{"class":618},[612,916,917],{"class":897},"#fff",[612,919,907],{"class":618},[612,921,922,925,927,930,934,937,939],{"class":614,"line":656},[612,923,924],{"class":897},"  padding",[612,926,901],{"class":618},[612,928,929],{"class":897},"3",[612,931,933],{"class":932},"szBVR","px",[612,935,936],{"class":897}," 6",[612,938,933],{"class":932},[612,940,907],{"class":618},[612,942,943],{"class":614,"line":663},[612,944,945],{"class":618},"}\n",[612,947,948],{"class":614,"line":709},[612,949,660],{"emptyLinePlaceholder":659},[612,951,952,954],{"class":614,"line":737},[612,953,668],{"class":622},[612,955,892],{"class":618},[612,957,958,961,963,966,969],{"class":614,"line":742},[612,959,960],{"class":897},"  margin",[612,962,901],{"class":618},[612,964,965],{"class":897},"0.4",[612,967,968],{"class":932},"rem",[612,970,907],{"class":618},[612,972,973],{"class":614,"line":777},[612,974,945],{"class":618},[586,976,977,978,980,981,983,984,986,987,990,991,993,994,996,997,999,1000,1003,1004,1006],{},"위의 예제에서 보듯, ",[593,979,595],{}," 요소는 HTML 양식 속에서 그룹을 만들 수 있으며 ",[593,982,240],{}," 요소로 그룹의 설명을 제공할 수 있습니다. 여러 특성을 지정할 수 있는데, 그 중 중요한 것 하나는 페이지 내 ",[593,985,188],{}," 요소의 ",[593,988,989],{},"id","를 받을 수 있는 ",[593,992,623],{}," 특성으로, ",[593,995,188],{}," 바깥의 ",[593,998,595],{}," 요소를 해당 양식에 포함해야 할 때 사용합니다. 다른 하나는 ",[593,1001,1002],{},"disabled","로, ",[593,1005,595],{},"의 모든 콘텐츠를 한 번에 비활성화할 수 있습니다.",[1008,1009,1010],"h2",{"id":1010},"특성",[586,1012,1013,1014,1019],{},"이 요소는 ",[1015,1016,1018],"a",{"href":1017},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","을 포함합니다.",[1021,1022,1023,1039,1065],"ul",{},[1024,1025,1026,1028],"li",{},[593,1027,1002],{},[1021,1029,1030],{},[1024,1031,1032,1033,1035,1036,1038],{},": 지정한 경우, 모든 자손 컨트롤을 비활성화합니다. 비활성 컨트롤은 편집할 수 없고, ",[593,1034,188],{},"을 제출할 때 데이터에 포함되지 않습니다. 마우스 클릭, 포커스 등 브라우저 이벤트도 모두 받지 않습니다. 브라우저는 비활성 컨트롤을 주로 회색으로 표시합니다. 단, ",[593,1037,240],{}," 안의 양식 요소는 비활성 상태로 전환되지 않습니다.",[1024,1040,1041,1043],{},[593,1042,623],{},[1021,1044,1045],{},[1024,1046,901,1047,1049,1050,1052,1053,1058,1059,1061,1062,1064],{},[593,1048,595],{}," 요소와 연결할 ",[593,1051,188],{}," 요소(\"양식 소유자\")의 ",[1015,1054,1056],{"href":1055},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes#id",[593,1057,989],{},". ",[593,1060,595],{},"이 해당 ",[593,1063,188],{}," 안에 위치하지 않아도 연결할 수 있습니다.",[1024,1066,1067,1070],{},[593,1068,1069],{},"name",[1021,1071,1072],{},[1024,1073,1074,1075],{},": 그룹과 연관지을 이름.",[1076,1077,1078],"blockquote",{},[586,1079,1080,1083,1085,1086,1088],{},[612,1081,1082],{},"!NOTE",[593,1084,595],{},"에 대한 설명은 자신이 포함한 첫 번째 ",[593,1087,240],{}," 요소가 담당합니다.",[1008,1090,1092],{"id":1091},"css-스타일링","CSS 스타일링",[586,1094,1095,1097],{},[593,1096,595],{},"에 스타일을 적용하기 전에 고려해야 하는 부분이 있습니다.",[586,1099,1100,1102,1103,1106,1107,1110,1111,1115,1116,1118,1119,1122,1123,1125,1126,1128,1129,1132,1133,1136,1137,1140],{},[593,1101,595],{},"의 ",[593,1104,1105],{},"display"," 속성의 값은 기본적으로 ",[593,1108,1109],{},"block","이며, 새로운 ",[1015,1112,1114],{"href":1113},"\u002Fko\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_display\u002FBlock_formatting_context","블록 서식 맥락","을 형성합니다. 인라인형 ",[593,1117,1105],{}," 값을 지정하면 ",[593,1120,1121],{},"inline-block",", 그렇지 않으면 ",[593,1124,1109],{},"처럼 행동합니다. ",[593,1127,595],{},"은 기본 스타일로 콘텐츠를 감싸는 ",[593,1130,1131],{},"2px"," 너비의 ",[593,1134,1135],{},"groove"," 테두리, 작은 양의 내부 여백, 그리고 ",[593,1138,1139],{},"min-inline-size","를 갖습니다.",[586,1142,1143,1145,1146,1148,1149,1151,1152,1154,1155,1158,1159,1161],{},[593,1144,240],{}," 요소는 ",[593,1147,595],{},"의 블록 시작 방향(대개 위쪽) 테두리 위를 가로지르는 위치에 놓입니다. ",[593,1150,240],{}," 또한 자신의 블록 서식 맥락을 만들며, 너비는 자신의 콘텐츠에 맞춰져 늘어나거나 줄어듭니다. ",[593,1153,1105],{},"는 항상 블록형이 됩니다. 즉, ",[593,1156,1157],{},"display: inline","도 ",[593,1160,1109],{},"처럼 동작합니다.",[586,1163,1164,1166,1167,1169,1170,1173,1174,1177,1178,1181,1182,1177,1185,1188],{},[593,1165,595],{},"의 콘텐츠는 별도의 익명 상자가 담게 됩니다. 익명 상자는 ",[593,1168,595],{},"으로부터 특정 속성을 상속합니다. ",[593,1171,1172],{},"\u003Cfielset>","에 ",[593,1175,1176],{},"display: grid"," 또는 ",[593,1179,1180],{},"display: inline-grid","를 지정하면 익명 상자는 그리드 서식 맥락을 가지며, ",[593,1183,1184],{},"display: flex",[593,1186,1187],{},"display: inline-flex","를 지정하면 익명 상자가 플렉스 서식 맥락을 갖습니다. 그 외의 경우 블록 서식 맥락입니다.",[1076,1190,1191],{},[586,1192,1193,1195,1196,1198,1199,1205],{},[612,1194,1082],{},"\n글 작성 시점에서, Microsoft Edge와 Google Chrome에는 ",[593,1197,595],{}," 내부에서 플렉스박스와 그리드 레이아웃을 사용할 수 없는 버그가 존재합니다. ",[1015,1200,1204],{"href":1201,"rel":1202},"https:\u002F\u002Fgithub.com\u002Fw3c\u002Fcsswg-drafts\u002Fissues\u002F321",[1203],"nofollow","GitHub 이슈","에서 버그 추적 링크를 확인할 수 있습니다.",[1008,1207,1208],{"id":1208},"예제",[1210,1211,1213],"h3",{"id":1212},"간단한-필드셋","간단한 필드셋",[586,1215,1216,1217,1219,1220,1222],{},"다음 예제는 ",[593,1218,240],{},"와 하나의 컨트롤을 가진 단순한 ",[593,1221,595],{},"을 보입니다.",[602,1224,1226],{"className":604,"code":1225,"language":606,"meta":608,"style":608},"\u003Cform action=\"#\">\n  \u003Cfieldset>\n    \u003Clegend>Simple fieldset\u003C\u002Flegend>\n    \u003Cinput type=\"radio\" id=\"radio\" \u002F>\n    \u003Clabel for=\"radio\">Spirit of radio\u003C\u002Flabel>\n  \u003C\u002Ffieldset>\n\u003C\u002Fform>\n",[593,1227,1228,1244,1252,1265,1285,1304,1312],{"__ignoreMap":608},[612,1229,1230,1232,1234,1237,1239,1242],{"class":614,"line":615},[612,1231,619],{"class":618},[612,1233,623],{"class":622},[612,1235,1236],{"class":671}," action",[612,1238,675],{"class":618},[612,1240,1241],{"class":678},"\"#\"",[612,1243,626],{"class":618},[612,1245,1246,1248,1250],{"class":614,"line":629},[612,1247,632],{"class":618},[612,1249,635],{"class":622},[612,1251,626],{"class":618},[612,1253,1254,1256,1258,1261,1263],{"class":614,"line":640},[612,1255,643],{"class":618},[612,1257,646],{"class":622},[612,1259,1260],{"class":618},">Simple fieldset\u003C\u002F",[612,1262,646],{"class":622},[612,1264,626],{"class":618},[612,1266,1267,1269,1271,1273,1275,1277,1279,1281,1283],{"class":614,"line":656},[612,1268,643],{"class":618},[612,1270,668],{"class":622},[612,1272,672],{"class":671},[612,1274,675],{"class":618},[612,1276,679],{"class":678},[612,1278,682],{"class":671},[612,1280,675],{"class":618},[612,1282,679],{"class":678},[612,1284,706],{"class":618},[612,1286,1287,1289,1291,1293,1295,1297,1300,1302],{"class":614,"line":663},[612,1288,643],{"class":618},[612,1290,714],{"class":622},[612,1292,717],{"class":671},[612,1294,675],{"class":618},[612,1296,679],{"class":678},[612,1298,1299],{"class":618},">Spirit of radio\u003C\u002F",[612,1301,714],{"class":622},[612,1303,626],{"class":618},[612,1305,1306,1308,1310],{"class":614,"line":709},[612,1307,864],{"class":618},[612,1309,635],{"class":622},[612,1311,626],{"class":618},[612,1313,1314,1316,1318],{"class":614,"line":737},[612,1315,874],{"class":618},[612,1317,623],{"class":622},[612,1319,626],{"class":618},[1210,1321,1323],{"id":1322},"비활성-필드셋","비활성 필드셋",[586,1325,1326,1327,1329,1330,1332],{},"다음 예제는 두 개의 컨트롤을 가진 비활성 ",[593,1328,595],{},"을 보입니다. 각각의 컨트롤은 ",[593,1331,1002],{}," 특성이 없으나, 필드셋으로 인해 함께 비활성 상태가 된 점을 확인할 수 있습니다.",[602,1334,1336],{"className":604,"code":1335,"language":606,"meta":608,"style":608},"\u003Cform action=\"#\">\n  \u003Cfieldset disabled>\n    \u003Clegend>Disabled fieldset\u003C\u002Flegend>\n    \u003Cdiv>\n      \u003Clabel for=\"name\">Name: \u003C\u002Flabel>\n      \u003Cinput type=\"name\" id=\"text\" value=\"Chris\" \u002F>\n    \u003C\u002Fdiv>\n    \u003Cdiv>\n      \u003Clabel for=\"pwd\">Archetype: \u003C\u002Flabel>\n      \u003Cinput type=\"password\" id=\"text\" value=\"Wookie\" \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Ffieldset>\n\u003C\u002Fform>\n",[593,1337,1338,1352,1363,1376,1385,1406,1434,1443,1451,1471,1499,1507,1515],{"__ignoreMap":608},[612,1339,1340,1342,1344,1346,1348,1350],{"class":614,"line":615},[612,1341,619],{"class":618},[612,1343,623],{"class":622},[612,1345,1236],{"class":671},[612,1347,675],{"class":618},[612,1349,1241],{"class":678},[612,1351,626],{"class":618},[612,1353,1354,1356,1358,1361],{"class":614,"line":629},[612,1355,632],{"class":618},[612,1357,635],{"class":622},[612,1359,1360],{"class":671}," disabled",[612,1362,626],{"class":618},[612,1364,1365,1367,1369,1372,1374],{"class":614,"line":640},[612,1366,643],{"class":618},[612,1368,646],{"class":622},[612,1370,1371],{"class":618},">Disabled fieldset\u003C\u002F",[612,1373,646],{"class":622},[612,1375,626],{"class":618},[612,1377,1378,1380,1383],{"class":614,"line":656},[612,1379,643],{"class":618},[612,1381,1382],{"class":622},"div",[612,1384,626],{"class":618},[612,1386,1387,1390,1392,1394,1396,1399,1402,1404],{"class":614,"line":663},[612,1388,1389],{"class":618},"      \u003C",[612,1391,714],{"class":622},[612,1393,717],{"class":671},[612,1395,675],{"class":618},[612,1397,1398],{"class":678},"\"name\"",[612,1400,1401],{"class":618},">Name: \u003C\u002F",[612,1403,714],{"class":622},[612,1405,626],{"class":618},[612,1407,1408,1410,1412,1414,1416,1418,1420,1422,1425,1427,1429,1432],{"class":614,"line":709},[612,1409,1389],{"class":618},[612,1411,668],{"class":622},[612,1413,672],{"class":671},[612,1415,675],{"class":618},[612,1417,1398],{"class":678},[612,1419,682],{"class":671},[612,1421,675],{"class":618},[612,1423,1424],{"class":678},"\"text\"",[612,1426,698],{"class":671},[612,1428,675],{"class":618},[612,1430,1431],{"class":678},"\"Chris\"",[612,1433,706],{"class":618},[612,1435,1436,1439,1441],{"class":614,"line":737},[612,1437,1438],{"class":618},"    \u003C\u002F",[612,1440,1382],{"class":622},[612,1442,626],{"class":618},[612,1444,1445,1447,1449],{"class":614,"line":742},[612,1446,643],{"class":618},[612,1448,1382],{"class":622},[612,1450,626],{"class":618},[612,1452,1453,1455,1457,1459,1461,1464,1467,1469],{"class":614,"line":777},[612,1454,1389],{"class":618},[612,1456,714],{"class":622},[612,1458,717],{"class":671},[612,1460,675],{"class":618},[612,1462,1463],{"class":678},"\"pwd\"",[612,1465,1466],{"class":618},">Archetype: \u003C\u002F",[612,1468,714],{"class":622},[612,1470,626],{"class":618},[612,1472,1473,1475,1477,1479,1481,1484,1486,1488,1490,1492,1494,1497],{"class":614,"line":801},[612,1474,1389],{"class":618},[612,1476,668],{"class":622},[612,1478,672],{"class":671},[612,1480,675],{"class":618},[612,1482,1483],{"class":678},"\"password\"",[612,1485,682],{"class":671},[612,1487,675],{"class":618},[612,1489,1424],{"class":678},[612,1491,698],{"class":671},[612,1493,675],{"class":618},[612,1495,1496],{"class":678},"\"Wookie\"",[612,1498,706],{"class":618},[612,1500,1501,1503,1505],{"class":614,"line":806},[612,1502,1438],{"class":618},[612,1504,1382],{"class":622},[612,1506,626],{"class":618},[612,1508,1509,1511,1513],{"class":614,"line":841},[612,1510,864],{"class":618},[612,1512,635],{"class":622},[612,1514,626],{"class":618},[612,1516,1517,1519,1521],{"class":614,"line":861},[612,1518,874],{"class":618},[612,1520,623],{"class":622},[612,1522,626],{"class":618},[1008,1524,1526],{"id":1525},"기술-요약","기술 요약",[1528,1529,1532,1533],"table",{"className":1530},[1531],"properties","\n  ",[1534,1535,1536,1537,1536,1568,1536,1582,1536,1590,1536,1600,1536,1620,1532],"tbody",{},"\n    ",[1538,1539,1540,1541,1540,1550,1536],"tr",{},"\n      ",[1542,1543,1545,1546,1540],"th",{"scope":1544},"row","\n        ",[1015,1547,1549],{"href":1548},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories","콘텐츠 카테고리",[1551,1552,1545,1553,1557,1558,1562,1563,1567],"td",{},[1015,1554,1556],{"href":1555},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#플로우_콘텐츠","플로우 콘텐츠",", 구획 루트,\n        ",[1015,1559,1561],{"href":1560},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#양식_관련_콘텐츠","양식 관련 콘텐츠","(",[1015,1564,1566],{"href":1565},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#나열됨","나열됨","), 뚜렷한 콘텐츠.\n      ",[1538,1569,1540,1570,1540,1573,1536],{},[1542,1571,1572],{"scope":1544},"가능한 콘텐츠",[1551,1574,1575,1576],{},"\n        선택적인 `",[646,1577,1578,1579,1581],{},"` 요소와 그 이후의\n        ",[1015,1580,1556],{"href":1555},".\n      ",[1538,1583,1540,1584,1540,1587,1536],{},[1542,1585,1586],{"scope":1544},"태그 생략",[1551,1588,1589],{},"불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.",[1538,1591,1540,1592,1540,1595,1536],{},[1542,1593,1594],{"scope":1544},"가능한 부모 요소",[1551,1596,1545,1597,1599],{},[1015,1598,1556],{"href":1555},"를 허용하는 모든 요소.\n      ",[1538,1601,1540,1602,1540,1605,1536],{},[1542,1603,1604],{"scope":1544},"가능한 ARIA 역할",[1551,1606,1545,1607,1613,1614,1540],{},[1015,1608,1610],{"href":1609},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fgroup_role",[593,1611,1612],{},"group",", ",[1015,1615,1617],{"href":1616},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fpresentation_role",[593,1618,1619],{},"presentation",[1538,1621,1540,1622,1540,1625,1536],{},[1542,1623,1624],{"scope":1544},"DOM 인터페이스",[1551,1626,1627],{},"`HTMLFieldSetElement`",[1008,1629,1630],{"id":1630},"명세",[1008,1632,1634],{"id":1633},"브라우저-호환성","브라우저 호환성",[1636,1637,1638],"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 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}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}",{"title":608,"searchDepth":629,"depth":629,"links":1640},[1641,1642,1643,1647,1648,1649],{"id":1010,"depth":629,"text":1010},{"id":1091,"depth":629,"text":1092},{"id":1208,"depth":629,"text":1208,"children":1644},[1645,1646],{"id":1212,"depth":640,"text":1213},{"id":1322,"depth":640,"text":1323},{"id":1525,"depth":629,"text":1526},{"id":1630,"depth":629,"text":1630},{"id":1633,"depth":629,"text":1634},"HTML \u003Cfieldset> 요소는 웹 양식의 여러 컨트롤과 레이블(\u003Clabel>)을 묶을 때 사용합니다.","md",{"slug":1653,"original_slug":1653},"develop\u002Fhtml\u002Felements\u002Ffieldset",{"title":172,"description":1650},"TZ_FuIt2VqBr_DxdX4zlnX4DwLb0kMg1K5JK0xtMefU",[1657,1660,1663,1774,1782,1807],{"title":5,"icon":6,"path":7,"stem":8,"children":1658,"page":15},[1659],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1661,"page":15},[1662],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1664,"page":15},[1665,1668,1766],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1666,"page":15},[1667],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1669,"page":15},[1670,1765],{"title":49,"path":50,"stem":51,"children":1671,"icon":54},[1672,1673,1674,1675,1676,1677,1678,1679,1680,1681,1682,1683,1684,1685,1686,1687,1688,1689,1690,1691,1692,1693,1694,1695,1696,1697,1698,1699,1700,1701,1702,1703,1704,1705,1706,1707,1708,1709,1710,1711,1712,1713,1714,1715,1716,1717,1718,1719,1720,1721,1722,1723,1724,1725,1726,1727,1728,1729,1730,1731,1732,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],{"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":1767,"page":15},[1768,1771],{"title":433,"icon":434,"path":435,"stem":436,"children":1769,"page":15},[1770],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1772,"page":15},[1773],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1775,"page":15},[1776],{"title":460,"icon":455,"path":461,"stem":462,"children":1777},[1778,1779],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1780,"page":15},[1781],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1783,"page":15},[1784,1787,1794],{"title":428,"icon":484,"path":485,"stem":486,"children":1785,"page":15},[1786],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1788,"page":15},[1789],{"title":498,"path":499,"stem":500,"children":1790,"page":15},[1791],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1792,"page":15},[1793],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1795,"page":15},[1796,1797,1798,1799,1800,1801,1802,1803,1804,1805,1806],{"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":1808,"page":15},[1809],{"title":570,"path":571,"stem":572,"children":1810,"page":15},[1811],{"title":575,"path":576,"stem":577,"icon":578},[1813,1814],{"title":168,"path":169,"stem":170,"children":-1},{"title":176,"path":177,"stem":178,"children":-1},1775726370192]