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