[{"data":1,"prerenderedAt":1543},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Ftemplate":579,"nav":1384,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Ftemplate":1540},[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":380,"authors":581,"body":582,"description":1378,"draft":15,"extension":1379,"head":581,"icon":581,"image":581,"meta":1380,"navigation":883,"path":381,"publishedAt":581,"seo":1382,"stem":382,"tags":581,"updatedAt":581,"__hash__":1383},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Ftemplate.md",null,{"type":583,"value":584,"toc":1371},"minimark",[585,598,604,702,706,714,733,736,739,964,967,970,1288,1291,1346,1349,1353,1357,1367],[586,587,588,597],"p",{},[589,590,591,592,596],"strong",{},"HTML ",[593,594,595],"code",{},"\u003Ctemplate>"," 요소","는 페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합니다.",[586,599,600,601,603],{},"템플릿은 콘텐츠 조각을 나중에 사용하기 위해 담아놓는 컨테이너로 생각하세요. 페이지를 불러오는 동안 구문 분석기가 ",[593,602,595],{}," 요소의 콘텐츠도 읽기는 하지만, 이는 유효성을 검증하기 위함이며 렌더링 하기 위함은 아닙니다.",[605,606,609,610,680,683,684],"table",{"className":607},[608],"properties","\n  ",[611,612,613,614,613,649,613,657,613,665],"tbody",{},"\n    ",[615,616,617,618,617,628,613],"tr",{},"\n      ",[619,620,622,623,617],"th",{"scope":621},"row","\n        ",[624,625,627],"a",{"href":626},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories","콘텐츠 카테고리",[629,630,622,631,635,636,635,640,635,644,648],"td",{},[624,632,634],{"href":633},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#메타데이터_콘텐츠","메타데이터 콘텐츠",",\n        ",[624,637,639],{"href":638},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#플로우_콘텐츠","플로우 콘텐츠",[624,641,643],{"href":642},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#구문_콘텐츠","구문 콘텐츠",[624,645,647],{"href":646},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#스크립트_지원_요소","스크립트 지원 요소",".\n      ",[615,650,617,651,617,654,613],{},[619,652,653],{"scope":621},"가능한 콘텐츠",[629,655,656],{},"제한 없음.",[615,658,617,659,617,662,613],{},[619,660,661],{"scope":621},"태그 생략",[629,663,664],{},"불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.",[615,666,617,667,617,670],{},[619,668,669],{"scope":621},"가능한 부모 요소",[629,671,672,673,679],{},"\n        메타데이터 콘텐츠, 구문 콘텐츠, 또는 스크립트 지원 요소를 허용하는 모든\n        요소. 또한, ",[624,674,676],{"href":675},"\u002Fdevelop\u002Fhtml\u002Felements\u002Fcolgroup#span",[593,677,678],{},"span"," 특성이 없는\n        `",[681,682],"colgroup",{},"\n    \n    ",[611,685,686,613,694,609],{},[615,687,617,688,617,691,613],{},[619,689,690],{"scope":621},"가능한 ARIA 역할",[629,692,693],{},"없음",[615,695,617,696,617,699,613],{},[619,697,698],{"scope":621},"DOM 인터페이스",[629,700,701],{},"`HTMLTemplateElement`",[703,704,705],"h2",{"id":705},"특성",[586,707,708,709,713],{},"이 요소는 ",[624,710,712],{"href":711},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","만 포함합니다.",[586,715,716,717,720,721,724,725,728,729,732],{},"다만, ",[593,718,719],{},"HTMLTemplateElement","는 읽기 전용 ",[593,722,723],{},"HTMLTemplateElement.content"," 속성을 가집니다. ",[593,726,727],{},"content","는 템플릿이 담고 있는 DOM 하위 트리를 나타내는 ",[593,730,731],{},"DocumentFragment","입니다.",[703,734,735],{"id":735},"예제",[586,737,738],{},"우선 예제의 HTML부터 보겠습니다.",[740,741,746],"pre",{"className":742,"code":743,"language":744,"meta":745,"style":745},"language-html shiki shiki-themes github-light github-dark","\u003Ctable id=\"producttable\">\n  \u003Cthead>\n    \u003Ctr>\n      \u003Ctd>UPC_Code\u003C\u002Ftd>\n      \u003Ctd>Product_Name\u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Fthead>\n  \u003Ctbody>\n    \u003C!-- 존재하는 데이터는 선택적으로 여기에 포함됩니다 -->\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n\u003Ctemplate id=\"productrow\">\n  \u003Ctr>\n    \u003Ctd class=\"record\">\u003C\u002Ftd>\n    \u003Ctd>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftemplate>\n","html","",[593,747,748,773,784,794,809,823,833,843,852,859,868,878,885,902,911,933,946,955],{"__ignoreMap":745},[678,749,752,756,759,763,766,770],{"class":750,"line":751},"line",1,[678,753,755],{"class":754},"sVt8B","\u003C",[678,757,605],{"class":758},"s9eBZ",[678,760,762],{"class":761},"sScJk"," id",[678,764,765],{"class":754},"=",[678,767,769],{"class":768},"sZZnC","\"producttable\"",[678,771,772],{"class":754},">\n",[678,774,776,779,782],{"class":750,"line":775},2,[678,777,778],{"class":754},"  \u003C",[678,780,781],{"class":758},"thead",[678,783,772],{"class":754},[678,785,787,790,792],{"class":750,"line":786},3,[678,788,789],{"class":754},"    \u003C",[678,791,615],{"class":758},[678,793,772],{"class":754},[678,795,797,800,802,805,807],{"class":750,"line":796},4,[678,798,799],{"class":754},"      \u003C",[678,801,629],{"class":758},[678,803,804],{"class":754},">UPC_Code\u003C\u002F",[678,806,629],{"class":758},[678,808,772],{"class":754},[678,810,812,814,816,819,821],{"class":750,"line":811},5,[678,813,799],{"class":754},[678,815,629],{"class":758},[678,817,818],{"class":754},">Product_Name\u003C\u002F",[678,820,629],{"class":758},[678,822,772],{"class":754},[678,824,826,829,831],{"class":750,"line":825},6,[678,827,828],{"class":754},"    \u003C\u002F",[678,830,615],{"class":758},[678,832,772],{"class":754},[678,834,836,839,841],{"class":750,"line":835},7,[678,837,838],{"class":754},"  \u003C\u002F",[678,840,781],{"class":758},[678,842,772],{"class":754},[678,844,846,848,850],{"class":750,"line":845},8,[678,847,778],{"class":754},[678,849,611],{"class":758},[678,851,772],{"class":754},[678,853,855],{"class":750,"line":854},9,[678,856,858],{"class":857},"sJ8bj","    \u003C!-- 존재하는 데이터는 선택적으로 여기에 포함됩니다 -->\n",[678,860,862,864,866],{"class":750,"line":861},10,[678,863,838],{"class":754},[678,865,611],{"class":758},[678,867,772],{"class":754},[678,869,871,874,876],{"class":750,"line":870},11,[678,872,873],{"class":754},"\u003C\u002F",[678,875,605],{"class":758},[678,877,772],{"class":754},[678,879,881],{"class":750,"line":880},12,[678,882,884],{"emptyLinePlaceholder":883},true,"\n",[678,886,888,890,893,895,897,900],{"class":750,"line":887},13,[678,889,755],{"class":754},[678,891,892],{"class":758},"template",[678,894,762],{"class":761},[678,896,765],{"class":754},[678,898,899],{"class":768},"\"productrow\"",[678,901,772],{"class":754},[678,903,905,907,909],{"class":750,"line":904},14,[678,906,778],{"class":754},[678,908,615],{"class":758},[678,910,772],{"class":754},[678,912,914,916,918,921,923,926,929,931],{"class":750,"line":913},15,[678,915,789],{"class":754},[678,917,629],{"class":758},[678,919,920],{"class":761}," class",[678,922,765],{"class":754},[678,924,925],{"class":768},"\"record\"",[678,927,928],{"class":754},">\u003C\u002F",[678,930,629],{"class":758},[678,932,772],{"class":754},[678,934,936,938,940,942,944],{"class":750,"line":935},16,[678,937,789],{"class":754},[678,939,629],{"class":758},[678,941,928],{"class":754},[678,943,629],{"class":758},[678,945,772],{"class":754},[678,947,949,951,953],{"class":750,"line":948},17,[678,950,838],{"class":754},[678,952,615],{"class":758},[678,954,772],{"class":754},[678,956,958,960,962],{"class":750,"line":957},18,[678,959,873],{"class":754},[678,961,892],{"class":758},[678,963,772],{"class":754},[586,965,966],{},"먼저, 나중에 JavaScript 코드를 사용해 컨텐츠를 삽입할 테이블이 있습니다. 그 다음 테이블의 열을 표현하는 HTML 조각의 구조를 설명하는 템플릿이 옵니다.",[586,968,969],{},"이제 테이블이 생성되었고 템플릿이 정의되었으므로, JavaScript 를 사용해 템플릿을 사용해 구성된 열을 기반으로 각 열을 테이블로 삽입합니다.",[740,971,975],{"className":972,"code":973,"language":974,"meta":745,"style":745},"language-js shiki shiki-themes github-light github-dark","\u002F\u002F 템플릿 엘리먼트의 컨텐츠 존재 유무를 통해\n\u002F\u002F 브라우저가 HTML 템플릿 엘리먼트를 지원하는지 확인합니다\nif (\"content\" in document.createElement(\"template\")) {\n  \u002F\u002F 기존 HTML tbody 와 템플릿 열로 테이블을 인스턴스화합니다\n  var t = document.querySelector(\"#productrow\");\n\n  \u002F\u002F 새로운 열을 복제하고 테이블에 삽입합니다\n  var tb = document.querySelector(\"tbody\");\n  var clone = document.importNode(t.content, true);\n  td = clone.querySelectorAll(\"td\");\n  td[0].textContent = \"1235646565\";\n  td[1].textContent = \"Stuff\";\n\n  tb.appendChild(clone);\n\n  \u002F\u002F 새로운 열을 복제하고 테이블에 삽입합니다\n  var clone2 = document.importNode(t.content, true);\n  td = clone2.querySelectorAll(\"td\");\n  td[0].textContent = \"0384928528\";\n  td[1].textContent = \"Acme Kidney Beans 2\";\n\n  tb.appendChild(clone2);\n} else {\n  \u002F\u002F HTML 템플릿 엘리먼트를 지원하지 않으므로\n  \u002F\u002F 테이블에 열을 추가하는 다른 방법을 찾습니다.\n}\n","js",[593,976,977,982,987,1017,1022,1045,1049,1054,1074,1097,1117,1136,1152,1156,1167,1171,1175,1194,1211,1227,1243,1248,1258,1270,1276,1282],{"__ignoreMap":745},[678,978,979],{"class":750,"line":751},[678,980,981],{"class":857},"\u002F\u002F 템플릿 엘리먼트의 컨텐츠 존재 유무를 통해\n",[678,983,984],{"class":750,"line":775},[678,985,986],{"class":857},"\u002F\u002F 브라우저가 HTML 템플릿 엘리먼트를 지원하는지 확인합니다\n",[678,988,989,993,996,999,1002,1005,1008,1011,1014],{"class":750,"line":786},[678,990,992],{"class":991},"szBVR","if",[678,994,995],{"class":754}," (",[678,997,998],{"class":768},"\"content\"",[678,1000,1001],{"class":991}," in",[678,1003,1004],{"class":754}," document.",[678,1006,1007],{"class":761},"createElement",[678,1009,1010],{"class":754},"(",[678,1012,1013],{"class":768},"\"template\"",[678,1015,1016],{"class":754},")) {\n",[678,1018,1019],{"class":750,"line":796},[678,1020,1021],{"class":857},"  \u002F\u002F 기존 HTML tbody 와 템플릿 열로 테이블을 인스턴스화합니다\n",[678,1023,1024,1027,1030,1032,1034,1037,1039,1042],{"class":750,"line":811},[678,1025,1026],{"class":991},"  var",[678,1028,1029],{"class":754}," t ",[678,1031,765],{"class":991},[678,1033,1004],{"class":754},[678,1035,1036],{"class":761},"querySelector",[678,1038,1010],{"class":754},[678,1040,1041],{"class":768},"\"#productrow\"",[678,1043,1044],{"class":754},");\n",[678,1046,1047],{"class":750,"line":825},[678,1048,884],{"emptyLinePlaceholder":883},[678,1050,1051],{"class":750,"line":835},[678,1052,1053],{"class":857},"  \u002F\u002F 새로운 열을 복제하고 테이블에 삽입합니다\n",[678,1055,1056,1058,1061,1063,1065,1067,1069,1072],{"class":750,"line":845},[678,1057,1026],{"class":991},[678,1059,1060],{"class":754}," tb ",[678,1062,765],{"class":991},[678,1064,1004],{"class":754},[678,1066,1036],{"class":761},[678,1068,1010],{"class":754},[678,1070,1071],{"class":768},"\"tbody\"",[678,1073,1044],{"class":754},[678,1075,1076,1078,1081,1083,1085,1088,1091,1095],{"class":750,"line":854},[678,1077,1026],{"class":991},[678,1079,1080],{"class":754}," clone ",[678,1082,765],{"class":991},[678,1084,1004],{"class":754},[678,1086,1087],{"class":761},"importNode",[678,1089,1090],{"class":754},"(t.content, ",[678,1092,1094],{"class":1093},"sj4cs","true",[678,1096,1044],{"class":754},[678,1098,1099,1102,1104,1107,1110,1112,1115],{"class":750,"line":861},[678,1100,1101],{"class":754},"  td ",[678,1103,765],{"class":991},[678,1105,1106],{"class":754}," clone.",[678,1108,1109],{"class":761},"querySelectorAll",[678,1111,1010],{"class":754},[678,1113,1114],{"class":768},"\"td\"",[678,1116,1044],{"class":754},[678,1118,1119,1122,1125,1128,1130,1133],{"class":750,"line":870},[678,1120,1121],{"class":754},"  td[",[678,1123,1124],{"class":1093},"0",[678,1126,1127],{"class":754},"].textContent ",[678,1129,765],{"class":991},[678,1131,1132],{"class":768}," \"1235646565\"",[678,1134,1135],{"class":754},";\n",[678,1137,1138,1140,1143,1145,1147,1150],{"class":750,"line":880},[678,1139,1121],{"class":754},[678,1141,1142],{"class":1093},"1",[678,1144,1127],{"class":754},[678,1146,765],{"class":991},[678,1148,1149],{"class":768}," \"Stuff\"",[678,1151,1135],{"class":754},[678,1153,1154],{"class":750,"line":887},[678,1155,884],{"emptyLinePlaceholder":883},[678,1157,1158,1161,1164],{"class":750,"line":904},[678,1159,1160],{"class":754},"  tb.",[678,1162,1163],{"class":761},"appendChild",[678,1165,1166],{"class":754},"(clone);\n",[678,1168,1169],{"class":750,"line":913},[678,1170,884],{"emptyLinePlaceholder":883},[678,1172,1173],{"class":750,"line":935},[678,1174,1053],{"class":857},[678,1176,1177,1179,1182,1184,1186,1188,1190,1192],{"class":750,"line":948},[678,1178,1026],{"class":991},[678,1180,1181],{"class":754}," clone2 ",[678,1183,765],{"class":991},[678,1185,1004],{"class":754},[678,1187,1087],{"class":761},[678,1189,1090],{"class":754},[678,1191,1094],{"class":1093},[678,1193,1044],{"class":754},[678,1195,1196,1198,1200,1203,1205,1207,1209],{"class":750,"line":957},[678,1197,1101],{"class":754},[678,1199,765],{"class":991},[678,1201,1202],{"class":754}," clone2.",[678,1204,1109],{"class":761},[678,1206,1010],{"class":754},[678,1208,1114],{"class":768},[678,1210,1044],{"class":754},[678,1212,1214,1216,1218,1220,1222,1225],{"class":750,"line":1213},19,[678,1215,1121],{"class":754},[678,1217,1124],{"class":1093},[678,1219,1127],{"class":754},[678,1221,765],{"class":991},[678,1223,1224],{"class":768}," \"0384928528\"",[678,1226,1135],{"class":754},[678,1228,1230,1232,1234,1236,1238,1241],{"class":750,"line":1229},20,[678,1231,1121],{"class":754},[678,1233,1142],{"class":1093},[678,1235,1127],{"class":754},[678,1237,765],{"class":991},[678,1239,1240],{"class":768}," \"Acme Kidney Beans 2\"",[678,1242,1135],{"class":754},[678,1244,1246],{"class":750,"line":1245},21,[678,1247,884],{"emptyLinePlaceholder":883},[678,1249,1251,1253,1255],{"class":750,"line":1250},22,[678,1252,1160],{"class":754},[678,1254,1163],{"class":761},[678,1256,1257],{"class":754},"(clone2);\n",[678,1259,1261,1264,1267],{"class":750,"line":1260},23,[678,1262,1263],{"class":754},"} ",[678,1265,1266],{"class":991},"else",[678,1268,1269],{"class":754}," {\n",[678,1271,1273],{"class":750,"line":1272},24,[678,1274,1275],{"class":857},"  \u002F\u002F HTML 템플릿 엘리먼트를 지원하지 않으므로\n",[678,1277,1279],{"class":750,"line":1278},25,[678,1280,1281],{"class":857},"  \u002F\u002F 테이블에 열을 추가하는 다른 방법을 찾습니다.\n",[678,1283,1285],{"class":750,"line":1284},26,[678,1286,1287],{"class":754},"}\n",[586,1289,1290],{},"결과는 JavaScript 를 통해 추가된 두 개의 새로운 열을 포함하는 기존 HTML 테이블입니다.",[740,1292,1297],{"className":1293,"code":1294,"language":1295,"meta":1296,"style":745},"language-css shiki shiki-themes github-light github-dark","table {\n  background: #000;\n}\ntable td {\n  background: #fff;\n}\n","css","hidden",[593,1298,1299,1305,1318,1322,1331,1342],{"__ignoreMap":745},[678,1300,1301,1303],{"class":750,"line":751},[678,1302,605],{"class":758},[678,1304,1269],{"class":754},[678,1306,1307,1310,1313,1316],{"class":750,"line":775},[678,1308,1309],{"class":1093},"  background",[678,1311,1312],{"class":754},": ",[678,1314,1315],{"class":1093},"#000",[678,1317,1135],{"class":754},[678,1319,1320],{"class":750,"line":786},[678,1321,1287],{"class":754},[678,1323,1324,1326,1329],{"class":750,"line":796},[678,1325,605],{"class":758},[678,1327,1328],{"class":758}," td",[678,1330,1269],{"class":754},[678,1332,1333,1335,1337,1340],{"class":750,"line":811},[678,1334,1309],{"class":1093},[678,1336,1312],{"class":754},[678,1338,1339],{"class":1093},"#fff",[678,1341,1135],{"class":754},[678,1343,1344],{"class":750,"line":825},[678,1345,1287],{"class":754},[703,1347,1348],{"id":1348},"명세",[703,1350,1352],{"id":1351},"브라우저-호환성","브라우저 호환성",[703,1354,1356],{"id":1355},"같이-보기","같이 보기",[1358,1359,1360],"ul",{},[1361,1362,1363],"li",{},[624,1364,1366],{"href":1365},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FWeb_components\u002FUsing_templates_and_slots","템플릿과 슬롯 사용하기",[1368,1369,1370],"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 pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":745,"searchDepth":775,"depth":775,"links":1372},[1373,1374,1375,1376,1377],{"id":705,"depth":775,"text":705},{"id":735,"depth":775,"text":735},{"id":1348,"depth":775,"text":1348},{"id":1351,"depth":775,"text":1352},{"id":1355,"depth":775,"text":1356},"HTML \u003Ctemplate> 요소는 페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합니다.","md",{"slug":1381,"original_slug":1381},"develop\u002Fhtml\u002Felements\u002Ftemplate",{"title":380,"description":1378},"jgncR4-DIb3HQyQB6hdFT1wzNQ6MMK_h66gxJwdm_5M",[1385,1388,1391,1502,1510,1535],{"title":5,"icon":6,"path":7,"stem":8,"children":1386,"page":15},[1387],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1389,"page":15},[1390],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1392,"page":15},[1393,1396,1494],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1394,"page":15},[1395],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1397,"page":15},[1398,1493],{"title":49,"path":50,"stem":51,"children":1399,"icon":54},[1400,1401,1402,1403,1404,1405,1406,1407,1408,1409,1410,1411,1412,1413,1414,1415,1416,1417,1418,1419,1420,1421,1422,1423,1424,1425,1426,1427,1428,1429,1430,1431,1432,1433,1434,1435,1436,1437,1438,1439,1440,1441,1442,1443,1444,1445,1446,1447,1448,1449,1450,1451,1452,1453,1454,1455,1456,1457,1458,1459,1460,1461,1462,1463,1464,1465,1466,1467,1468,1469,1470,1471,1472,1473,1474,1475,1476,1477,1478,1479,1480,1481,1482,1483,1484,1485,1486,1487,1488,1489,1490,1491,1492],{"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":1495,"page":15},[1496,1499],{"title":433,"icon":434,"path":435,"stem":436,"children":1497,"page":15},[1498],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1500,"page":15},[1501],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1503,"page":15},[1504],{"title":460,"icon":455,"path":461,"stem":462,"children":1505},[1506,1507],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1508,"page":15},[1509],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1511,"page":15},[1512,1515,1522],{"title":428,"icon":484,"path":485,"stem":486,"children":1513,"page":15},[1514],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1516,"page":15},[1517],{"title":498,"path":499,"stem":500,"children":1518,"page":15},[1519],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1520,"page":15},[1521],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1523,"page":15},[1524,1525,1526,1527,1528,1529,1530,1531,1532,1533,1534],{"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":1536,"page":15},[1537],{"title":570,"path":571,"stem":572,"children":1538,"page":15},[1539],{"title":575,"path":576,"stem":577,"icon":578},[1541,1542],{"title":376,"path":377,"stem":378,"children":-1},{"title":384,"path":385,"stem":386,"children":-1},1775726377326]