[{"data":1,"prerenderedAt":1870},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Ftrack":579,"nav":1711,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Ftrack":1867},[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":400,"authors":581,"body":582,"description":1703,"draft":15,"extension":1704,"head":581,"icon":581,"image":581,"meta":1705,"navigation":813,"path":401,"publishedAt":581,"seo":1709,"stem":402,"tags":581,"updatedAt":581,"__hash__":1710},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Ftrack.md",null,{"type":583,"value":584,"toc":1692},"minimark",[585,616,771,841,925,929,937,1103,1107,1112,1134,1147,1151,1165,1183,1265,1268,1665,1668,1672,1676,1688],[586,587,588,597,598,601,602,605,606,611,612,615],"p",{},[589,590,591,592,596],"strong",{},"HTML ",[593,594,595],"code",{},"\u003Ctrack>"," 요소","는 미디어 요소(",[593,599,600],{},"\u003Caudio>",", ",[593,603,604],{},"\u003Cvideo>",")의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다. 트랙은 ",[607,608,610],"a",{"href":609},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FWebVTT_API","WebVTT","(Web Video Text Tracks, ",[593,613,614],{},".vtt"," 파일) 형식을 사용해야 합니다.",[617,618,624],"pre",{"className":619,"code":620,"language":621,"meta":622,"style":623},"language-html shiki shiki-themes github-light github-dark","\u003Cvideo controls src=\"\u002Fshared-assets\u002Fvideos\u002Ffriday.mp4\">\n  \u003Ctrack\n    default\n    kind=\"captions\"\n    srclang=\"en\"\n    src=\"\u002Fshared-assets\u002Fmisc\u002Ffriday.vtt\" \u002F>\n  Download the\n  \u003Ca href=\"\u002Fshared-assets\u002Fvideos\u002Ffriday.mp4\">MP4\u003C\u002Fa>\n  video, and\n  \u003Ca href=\"\u002Fshared-assets\u002Fmisc\u002Ffriday.vtt\">subtitles\u003C\u002Fa>.\n\u003C\u002Fvideo>\n","html","interactive-example","",[593,625,626,656,665,671,682,693,707,713,734,740,761],{"__ignoreMap":623},[627,628,631,635,639,643,646,649,653],"span",{"class":629,"line":630},"line",1,[627,632,634],{"class":633},"sVt8B","\u003C",[627,636,638],{"class":637},"s9eBZ","video",[627,640,642],{"class":641},"sScJk"," controls",[627,644,645],{"class":641}," src",[627,647,648],{"class":633},"=",[627,650,652],{"class":651},"sZZnC","\"\u002Fshared-assets\u002Fvideos\u002Ffriday.mp4\"",[627,654,655],{"class":633},">\n",[627,657,659,662],{"class":629,"line":658},2,[627,660,661],{"class":633},"  \u003C",[627,663,664],{"class":637},"track\n",[627,666,668],{"class":629,"line":667},3,[627,669,670],{"class":641},"    default\n",[627,672,674,677,679],{"class":629,"line":673},4,[627,675,676],{"class":641},"    kind",[627,678,648],{"class":633},[627,680,681],{"class":651},"\"captions\"\n",[627,683,685,688,690],{"class":629,"line":684},5,[627,686,687],{"class":641},"    srclang",[627,689,648],{"class":633},[627,691,692],{"class":651},"\"en\"\n",[627,694,696,699,701,704],{"class":629,"line":695},6,[627,697,698],{"class":641},"    src",[627,700,648],{"class":633},[627,702,703],{"class":651},"\"\u002Fshared-assets\u002Fmisc\u002Ffriday.vtt\"",[627,705,706],{"class":633}," \u002F>\n",[627,708,710],{"class":629,"line":709},7,[627,711,712],{"class":633},"  Download the\n",[627,714,716,718,720,723,725,727,730,732],{"class":629,"line":715},8,[627,717,661],{"class":633},[627,719,607],{"class":637},[627,721,722],{"class":641}," href",[627,724,648],{"class":633},[627,726,652],{"class":651},[627,728,729],{"class":633},">MP4\u003C\u002F",[627,731,607],{"class":637},[627,733,655],{"class":633},[627,735,737],{"class":629,"line":736},9,[627,738,739],{"class":633},"  video, and\n",[627,741,743,745,747,749,751,753,756,758],{"class":629,"line":742},10,[627,744,661],{"class":633},[627,746,607],{"class":637},[627,748,722],{"class":641},[627,750,648],{"class":633},[627,752,703],{"class":651},[627,754,755],{"class":633},">subtitles\u003C\u002F",[627,757,607],{"class":637},[627,759,760],{"class":633},">.\n",[627,762,764,767,769],{"class":629,"line":763},11,[627,765,766],{"class":633},"\u003C\u002F",[627,768,638],{"class":637},[627,770,655],{"class":633},[617,772,776],{"className":773,"code":774,"language":775,"meta":622,"style":623},"language-css shiki shiki-themes github-light github-dark","video {\n  width: 250px;\n}\n\nvideo::cue {\n  font-size: 1rem;\n}\n","css",[593,777,778,785,804,809,815,822,837],{"__ignoreMap":623},[627,779,780,782],{"class":629,"line":630},[627,781,638],{"class":637},[627,783,784],{"class":633}," {\n",[627,786,787,791,794,797,801],{"class":629,"line":658},[627,788,790],{"class":789},"sj4cs","  width",[627,792,793],{"class":633},": ",[627,795,796],{"class":789},"250",[627,798,800],{"class":799},"szBVR","px",[627,802,803],{"class":633},";\n",[627,805,806],{"class":629,"line":667},[627,807,808],{"class":633},"}\n",[627,810,811],{"class":629,"line":673},[627,812,814],{"emptyLinePlaceholder":813},true,"\n",[627,816,817,819],{"class":629,"line":684},[627,818,638],{"class":637},[627,820,821],{"class":633},"::cue {\n",[627,823,824,827,829,832,835],{"class":629,"line":695},[627,825,826],{"class":789},"  font-size",[627,828,793],{"class":633},[627,830,831],{"class":789},"1",[627,833,834],{"class":799},"rem",[627,836,803],{"class":633},[627,838,839],{"class":629,"line":709},[627,840,808],{"class":633},[842,843,846,847],"table",{"className":844},[845],"properties","\n  ",[848,849,850,851,850,868,850,876,850,884,850,899,850,910,850,917,846],"tbody",{},"\n    ",[852,853,854,855,854,864,850],"tr",{},"\n      ",[856,857,859,860,854],"th",{"scope":858},"row","\n        ",[607,861,863],{"href":862},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories","콘텐츠 카테고리",[865,866,867],"td",{},"없음",[852,869,854,870,854,873,850],{},[856,871,872],{"scope":858},"가능한 콘텐츠",[865,874,875],{},"\n        없음. 빈 요소입니다.\n      ",[852,877,854,878,854,881,850],{},[856,879,880],{"scope":858},"태그 생략",[865,882,883],{},"여는 태그는 필수입니다. 닫는 태그는 존재해선 안됩니다.",[852,885,854,886,854,889,850],{},[856,887,888],{"scope":858},"가능한 부모 요소",[865,890,891,892],{},"\n        미디어 요소, `",[893,894,895,896],"audio",{},"` 또는 `",[638,897,898],{},"`.\n      ",[852,900,854,901,854,904,850],{},[856,902,903],{"scope":858},"포함되는 ARIA 역할",[865,905,859,906,854],{},[607,907,909],{"href":908},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml-aria\u002F#dfn-no-corresponding-role","해당되는 역할 없음",[852,911,854,912,854,915,850],{},[856,913,914],{"scope":858},"가능한 ARIA 역할",[865,916,867],{},[852,918,854,919,854,922,850],{},[856,920,921],{"scope":858},"DOM 인터페이스",[865,923,924],{},"`HTMLTrackElement`",[926,927,928],"h2",{"id":928},"특성",[586,930,931,932,936],{},"이 요소는 ",[607,933,935],{"href":934},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","을 포함합니다.",[938,939,940,954,1037,1047,1076],"ul",{},[941,942,943,946],"li",{},[593,944,945],{},"default",[938,947,948],{},[941,949,950,951,953],{},": 사용자 설정이 다른 자막을 가리키지 않는다면 활성화할 기본 트랙을 나타냅니다. 하나의 미디어 요소 당 하나의 ",[593,952,595],{}," 요소에만 사용할 수 있습니다.",[941,955,956,959],{},[593,957,958],{},"kind",[938,960,961],{},[941,962,963,964,967,968,971,972,974,975],{},": 텍스트 트랙의 종류. 생략할 경우 ",[593,965,966],{},"subtitles","로 간주합니다. 유효하지 않은 값을 가진 경우 ",[593,969,970],{},"metadata","로 간주합니다 (Chrome 52 미만에서는 ",[593,973,966],{},"). 가능한 키워드는 다음과 같습니다.\n",[938,976,977,989,1005,1018,1028],{},[941,978,979,981],{},[593,980,966],{},[938,982,983,986],{},[941,984,985],{},"자막은 시청자가 이해할 수 없는 언어에 대한 번역을 제공합니다. 예를 들면, 비영어권 시청자에게 영어 영상을 보여줄 때 제공할 대화문이나 텍스트 등입니다.",[941,987,988],{},"자막은 배경 설명과 같은 추가 콘텐츠를 포함할 수 있습니다. 예를 들면, 스타워즈 영화 오프닝 텍스트, 혹은 현재 장면의 날짜와 시간, 장소 등입니다.",[941,990,991,994],{},[593,992,993],{},"captions",[938,995,996,999,1002],{},[941,997,998],{},"폐쇄자막은 오디오 트랜스크립션을 제공하며, 번역도 포함할 수 있습니다.",[941,1000,1001],{},"음악 신호, 소리 효과와 같은 비언어적 소리 효과도 나타낼 수 있습니다. 효과의 원인(음악, 글자, 등장인물...)도 설명할 수 있습니다.",[941,1003,1004],{},"음소거로 시청하는 경우와 청각 장애를 가진 시청자에게 적합합니다.",[941,1006,1007,1010],{},[593,1008,1009],{},"descriptions",[938,1011,1012,1015],{},[941,1013,1014],{},"비디오 콘텐츠의 텍스트 설명입니다.",[941,1016,1017],{},"비디오를 볼 수 없는 환경과 시각 장애를 가진 시청자에게 적합합니다.",[941,1019,1020,1023],{},[593,1021,1022],{},"chapters",[938,1024,1025],{},[941,1026,1027],{},"챕터 타이틀은 미디어 리소스를 탐색할 때 사용합니다.",[941,1029,1030,1032],{},[593,1031,970],{},[938,1033,1034],{},[941,1035,1036],{},"트랙을 스크립트가 사용합니다. 사용자에게 보이지 않습니다.",[941,1038,1039,1042],{},[593,1040,1041],{},"label",[938,1043,1044],{},[941,1045,1046],{},": 사용자가 읽을 수 있는 형태의 텍스트 트랙 제목. 브라우저에서 사용 가능한 트랙의 이름 목록을 생성할 때 사용합니다.",[941,1048,1049,1052],{},[593,1050,1051],{},"src",[938,1053,1054],{},[941,1055,1056,1057,1059,1060,1062,1063,1065,1066,1068,1069,1075],{},": 자막의 주소(",[593,1058,614],{}," 파일). 유효한 URL이어야 합니다. 필수 특성이며, ",[593,1061,595],{},"의 부모 ",[593,1064,600],{},"\u002F",[593,1067,604],{}," 요소에 ",[607,1070,1072],{"href":1071},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FAttributes\u002Fcrossorigin",[593,1073,1074],{},"crossorigin"," 특성이 없다면 문서와 같은 출처여야 합니다.",[941,1077,1078,1081],{},[593,1079,1080],{},"srclang",[938,1082,1083],{},[941,1084,1085,1086,1092,1093,1095,1096,1099,1100,1102],{},": 텍스트 트랙의 언어. 유효한 ",[607,1087,1091],{"href":1088,"rel":1089},"https:\u002F\u002Fko.wikipedia.org\u002Fwiki\u002FIETF_%EC%96%B8%EC%96%B4_%ED%83%9C%EA%B7%B8",[1090],"nofollow","IETF 언어 태그","여야 합니다. ",[593,1094,958],{}," 특성이 ",[593,1097,1098],{},"subtitle","인 경우, ",[593,1101,1080],{},"은 반드시 정의되어야 합니다.",[926,1104,1106],{"id":1105},"사용-일람","사용 일람",[1108,1109,1111],"h3",{"id":1110},"트랙-데이터-유형","트랙 데이터 유형",[586,1113,1114,1116,1117,601,1119,601,1121,601,1123,601,1125,1127,1128,1130,1131,1133],{},[593,1115,595],{}," 요소가 미디어에 추가하는 데이터의 유형은 ",[593,1118,966],{},[593,1120,993],{},[593,1122,1009],{},[593,1124,1022],{},[593,1126,970],{}," 중 하나의 값을 가지는 ",[593,1129,958],{}," 특성으로 나타낼 수 있습니다. 사용자가 추가 데이터를 요청하는 경우, 브라우저는 ",[593,1132,595],{}," 요소가 가리키는 시간별 텍스트 데이터를 보여줍니다.",[586,1135,1136,1137,601,1139,601,1141,1143,1144,1146],{},"미디어 요소는 동일한 ",[593,1138,958],{},[593,1140,1080],{},[593,1142,1041],{},"을 가진 ",[593,1145,595],{},"을 하나보다 많이 포함할 수 없습니다.",[1108,1148,1150],{"id":1149},"cue-변경-감지","Cue 변경 감지",[586,1152,1153,1156,1157,1160,1161,1164],{},[593,1154,1155],{},"HTMLTrackElement.track"," 속성으로 나타나는 기본 ",[593,1158,1159],{},"TextTrack","은 현재 제시된 큐가 변경될 때마다 ",[593,1162,1163],{},"cuechange"," 이벤트를 수신합니다. 이는 track이 미디어 요소와 연결되지 않은 경우에도 발생합니다.",[586,1166,1167,1169,1170,1172,1173,1175,1176,1178,1179,1182],{},[593,1168,595],{}," 요소가 ",[593,1171,600],{}," 또는 ",[593,1174,604],{}," 요소의 자식으로 미디어 요소와 연결되어 있는 경우, ",[593,1177,1163],{}," 이벤트는 마찬가지로 ",[593,1180,1181],{},"HTMLTrackElement","에 전달됩니다.",[617,1184,1188],{"className":1185,"code":1186,"language":1187,"meta":623,"style":623},"language-js shiki shiki-themes github-light github-dark","let textTrackElem = document.getElementById(\"texttrack\");\n\ntextTrackElem.addEventListener(\"cuechange\", (event) => {\n  let cues = event.target.track.activeCues;\n});\n","js",[593,1189,1190,1215,1219,1247,1260],{"__ignoreMap":623},[627,1191,1192,1195,1198,1200,1203,1206,1209,1212],{"class":629,"line":630},[627,1193,1194],{"class":799},"let",[627,1196,1197],{"class":633}," textTrackElem ",[627,1199,648],{"class":799},[627,1201,1202],{"class":633}," document.",[627,1204,1205],{"class":641},"getElementById",[627,1207,1208],{"class":633},"(",[627,1210,1211],{"class":651},"\"texttrack\"",[627,1213,1214],{"class":633},");\n",[627,1216,1217],{"class":629,"line":658},[627,1218,814],{"emptyLinePlaceholder":813},[627,1220,1221,1224,1227,1229,1232,1235,1239,1242,1245],{"class":629,"line":667},[627,1222,1223],{"class":633},"textTrackElem.",[627,1225,1226],{"class":641},"addEventListener",[627,1228,1208],{"class":633},[627,1230,1231],{"class":651},"\"cuechange\"",[627,1233,1234],{"class":633},", (",[627,1236,1238],{"class":1237},"s4XuR","event",[627,1240,1241],{"class":633},") ",[627,1243,1244],{"class":799},"=>",[627,1246,784],{"class":633},[627,1248,1249,1252,1255,1257],{"class":629,"line":673},[627,1250,1251],{"class":799},"  let",[627,1253,1254],{"class":633}," cues ",[627,1256,648],{"class":799},[627,1258,1259],{"class":633}," event.target.track.activeCues;\n",[627,1261,1262],{"class":629,"line":684},[627,1263,1264],{"class":633},"});\n",[926,1266,1267],{"id":1267},"예제",[617,1269,1271],{"className":619,"code":1270,"language":621,"meta":623,"style":623},"\u003Cvideo controls poster=\"\u002Fimages\u002Fsample.gif\">\n  \u003Csource src=\"sample.mp4\" type=\"video\u002Fmp4\" \u002F>\n  \u003Csource src=\"sample.ogv\" type=\"video\u002Fogv\" \u002F>\n  \u003Ctrack kind=\"captions\" src=\"sampleCaptions.vtt\" srclang=\"en\" \u002F>\n  \u003Ctrack kind=\"descriptions\" src=\"sampleDescriptions.vtt\" srclang=\"en\" \u002F>\n  \u003Ctrack kind=\"chapters\" src=\"sampleChapters.vtt\" srclang=\"en\" \u002F>\n  \u003Ctrack kind=\"subtitles\" src=\"sampleSubtitles_de.vtt\" srclang=\"de\" \u002F>\n  \u003Ctrack kind=\"subtitles\" src=\"sampleSubtitles_en.vtt\" srclang=\"en\" \u002F>\n  \u003Ctrack kind=\"subtitles\" src=\"sampleSubtitles_ja.vtt\" srclang=\"ja\" \u002F>\n  \u003Ctrack kind=\"subtitles\" src=\"sampleSubtitles_oz.vtt\" srclang=\"oz\" \u002F>\n  \u003Ctrack kind=\"metadata\" src=\"keyStage1.vtt\" srclang=\"en\" label=\"Key Stage 1\" \u002F>\n  \u003Ctrack kind=\"metadata\" src=\"keyStage2.vtt\" srclang=\"en\" label=\"Key Stage 2\" \u002F>\n  \u003Ctrack kind=\"metadata\" src=\"keyStage3.vtt\" srclang=\"en\" label=\"Key Stage 3\" \u002F>\n  \u003C!-- Fallback -->\n  ...\n\u003C\u002Fvideo>\n",[593,1272,1273,1291,1315,1337,1369,1397,1425,1454,1481,1509,1537,1573,1608,1643,1650,1656],{"__ignoreMap":623},[627,1274,1275,1277,1279,1281,1284,1286,1289],{"class":629,"line":630},[627,1276,634],{"class":633},[627,1278,638],{"class":637},[627,1280,642],{"class":641},[627,1282,1283],{"class":641}," poster",[627,1285,648],{"class":633},[627,1287,1288],{"class":651},"\"\u002Fimages\u002Fsample.gif\"",[627,1290,655],{"class":633},[627,1292,1293,1295,1298,1300,1302,1305,1308,1310,1313],{"class":629,"line":658},[627,1294,661],{"class":633},[627,1296,1297],{"class":637},"source",[627,1299,645],{"class":641},[627,1301,648],{"class":633},[627,1303,1304],{"class":651},"\"sample.mp4\"",[627,1306,1307],{"class":641}," type",[627,1309,648],{"class":633},[627,1311,1312],{"class":651},"\"video\u002Fmp4\"",[627,1314,706],{"class":633},[627,1316,1317,1319,1321,1323,1325,1328,1330,1332,1335],{"class":629,"line":667},[627,1318,661],{"class":633},[627,1320,1297],{"class":637},[627,1322,645],{"class":641},[627,1324,648],{"class":633},[627,1326,1327],{"class":651},"\"sample.ogv\"",[627,1329,1307],{"class":641},[627,1331,648],{"class":633},[627,1333,1334],{"class":651},"\"video\u002Fogv\"",[627,1336,706],{"class":633},[627,1338,1339,1341,1344,1347,1349,1352,1354,1356,1359,1362,1364,1367],{"class":629,"line":673},[627,1340,661],{"class":633},[627,1342,1343],{"class":637},"track",[627,1345,1346],{"class":641}," kind",[627,1348,648],{"class":633},[627,1350,1351],{"class":651},"\"captions\"",[627,1353,645],{"class":641},[627,1355,648],{"class":633},[627,1357,1358],{"class":651},"\"sampleCaptions.vtt\"",[627,1360,1361],{"class":641}," srclang",[627,1363,648],{"class":633},[627,1365,1366],{"class":651},"\"en\"",[627,1368,706],{"class":633},[627,1370,1371,1373,1375,1377,1379,1382,1384,1386,1389,1391,1393,1395],{"class":629,"line":684},[627,1372,661],{"class":633},[627,1374,1343],{"class":637},[627,1376,1346],{"class":641},[627,1378,648],{"class":633},[627,1380,1381],{"class":651},"\"descriptions\"",[627,1383,645],{"class":641},[627,1385,648],{"class":633},[627,1387,1388],{"class":651},"\"sampleDescriptions.vtt\"",[627,1390,1361],{"class":641},[627,1392,648],{"class":633},[627,1394,1366],{"class":651},[627,1396,706],{"class":633},[627,1398,1399,1401,1403,1405,1407,1410,1412,1414,1417,1419,1421,1423],{"class":629,"line":695},[627,1400,661],{"class":633},[627,1402,1343],{"class":637},[627,1404,1346],{"class":641},[627,1406,648],{"class":633},[627,1408,1409],{"class":651},"\"chapters\"",[627,1411,645],{"class":641},[627,1413,648],{"class":633},[627,1415,1416],{"class":651},"\"sampleChapters.vtt\"",[627,1418,1361],{"class":641},[627,1420,648],{"class":633},[627,1422,1366],{"class":651},[627,1424,706],{"class":633},[627,1426,1427,1429,1431,1433,1435,1438,1440,1442,1445,1447,1449,1452],{"class":629,"line":709},[627,1428,661],{"class":633},[627,1430,1343],{"class":637},[627,1432,1346],{"class":641},[627,1434,648],{"class":633},[627,1436,1437],{"class":651},"\"subtitles\"",[627,1439,645],{"class":641},[627,1441,648],{"class":633},[627,1443,1444],{"class":651},"\"sampleSubtitles_de.vtt\"",[627,1446,1361],{"class":641},[627,1448,648],{"class":633},[627,1450,1451],{"class":651},"\"de\"",[627,1453,706],{"class":633},[627,1455,1456,1458,1460,1462,1464,1466,1468,1470,1473,1475,1477,1479],{"class":629,"line":715},[627,1457,661],{"class":633},[627,1459,1343],{"class":637},[627,1461,1346],{"class":641},[627,1463,648],{"class":633},[627,1465,1437],{"class":651},[627,1467,645],{"class":641},[627,1469,648],{"class":633},[627,1471,1472],{"class":651},"\"sampleSubtitles_en.vtt\"",[627,1474,1361],{"class":641},[627,1476,648],{"class":633},[627,1478,1366],{"class":651},[627,1480,706],{"class":633},[627,1482,1483,1485,1487,1489,1491,1493,1495,1497,1500,1502,1504,1507],{"class":629,"line":736},[627,1484,661],{"class":633},[627,1486,1343],{"class":637},[627,1488,1346],{"class":641},[627,1490,648],{"class":633},[627,1492,1437],{"class":651},[627,1494,645],{"class":641},[627,1496,648],{"class":633},[627,1498,1499],{"class":651},"\"sampleSubtitles_ja.vtt\"",[627,1501,1361],{"class":641},[627,1503,648],{"class":633},[627,1505,1506],{"class":651},"\"ja\"",[627,1508,706],{"class":633},[627,1510,1511,1513,1515,1517,1519,1521,1523,1525,1528,1530,1532,1535],{"class":629,"line":742},[627,1512,661],{"class":633},[627,1514,1343],{"class":637},[627,1516,1346],{"class":641},[627,1518,648],{"class":633},[627,1520,1437],{"class":651},[627,1522,645],{"class":641},[627,1524,648],{"class":633},[627,1526,1527],{"class":651},"\"sampleSubtitles_oz.vtt\"",[627,1529,1361],{"class":641},[627,1531,648],{"class":633},[627,1533,1534],{"class":651},"\"oz\"",[627,1536,706],{"class":633},[627,1538,1539,1541,1543,1545,1547,1550,1552,1554,1557,1559,1561,1563,1566,1568,1571],{"class":629,"line":763},[627,1540,661],{"class":633},[627,1542,1343],{"class":637},[627,1544,1346],{"class":641},[627,1546,648],{"class":633},[627,1548,1549],{"class":651},"\"metadata\"",[627,1551,645],{"class":641},[627,1553,648],{"class":633},[627,1555,1556],{"class":651},"\"keyStage1.vtt\"",[627,1558,1361],{"class":641},[627,1560,648],{"class":633},[627,1562,1366],{"class":651},[627,1564,1565],{"class":641}," label",[627,1567,648],{"class":633},[627,1569,1570],{"class":651},"\"Key Stage 1\"",[627,1572,706],{"class":633},[627,1574,1576,1578,1580,1582,1584,1586,1588,1590,1593,1595,1597,1599,1601,1603,1606],{"class":629,"line":1575},12,[627,1577,661],{"class":633},[627,1579,1343],{"class":637},[627,1581,1346],{"class":641},[627,1583,648],{"class":633},[627,1585,1549],{"class":651},[627,1587,645],{"class":641},[627,1589,648],{"class":633},[627,1591,1592],{"class":651},"\"keyStage2.vtt\"",[627,1594,1361],{"class":641},[627,1596,648],{"class":633},[627,1598,1366],{"class":651},[627,1600,1565],{"class":641},[627,1602,648],{"class":633},[627,1604,1605],{"class":651},"\"Key Stage 2\"",[627,1607,706],{"class":633},[627,1609,1611,1613,1615,1617,1619,1621,1623,1625,1628,1630,1632,1634,1636,1638,1641],{"class":629,"line":1610},13,[627,1612,661],{"class":633},[627,1614,1343],{"class":637},[627,1616,1346],{"class":641},[627,1618,648],{"class":633},[627,1620,1549],{"class":651},[627,1622,645],{"class":641},[627,1624,648],{"class":633},[627,1626,1627],{"class":651},"\"keyStage3.vtt\"",[627,1629,1361],{"class":641},[627,1631,648],{"class":633},[627,1633,1366],{"class":651},[627,1635,1565],{"class":641},[627,1637,648],{"class":633},[627,1639,1640],{"class":651},"\"Key Stage 3\"",[627,1642,706],{"class":633},[627,1644,1646],{"class":629,"line":1645},14,[627,1647,1649],{"class":1648},"sJ8bj","  \u003C!-- Fallback -->\n",[627,1651,1653],{"class":629,"line":1652},15,[627,1654,1655],{"class":633},"  ...\n",[627,1657,1659,1661,1663],{"class":629,"line":1658},16,[627,1660,766],{"class":633},[627,1662,638],{"class":637},[627,1664,655],{"class":633},[926,1666,1667],{"id":1667},"명세",[926,1669,1671],{"id":1670},"브라우저-호환성","브라우저 호환성",[926,1673,1675],{"id":1674},"같이-보기","같이 보기",[938,1677,1678,1683],{},[941,1679,1680],{},[607,1681,1682],{"href":609},"WebVTT 텍스트 트랙 형식",[941,1684,1685],{},[593,1686,1687],{},"HTMLMediaElement.textTracks",[1689,1690,1691],"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}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":623,"searchDepth":658,"depth":658,"links":1693},[1694,1695,1699,1700,1701,1702],{"id":928,"depth":658,"text":928},{"id":1105,"depth":658,"text":1106,"children":1696},[1697,1698],{"id":1110,"depth":667,"text":1111},{"id":1149,"depth":667,"text":1150},{"id":1267,"depth":658,"text":1267},{"id":1667,"depth":658,"text":1667},{"id":1670,"depth":658,"text":1671},{"id":1674,"depth":658,"text":1675},"HTML \u003Ctrack> 요소는 미디어 요소(\u003Caudio>, \u003Cvideo>)의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다. 트랙은 WebVTT(Web Video Text Tracks, .vtt 파일) 형식을 사용해야 합니다.","md",{"slug":1706,"original_slug":1706,"l10n":1707},"develop\u002Fhtml\u002Felements\u002Ftrack",{"sourceCommit":1708},"942a529383ee7ee3996fb234187641c08935f3ff",{"title":400,"description":1703},"G7xsH0Svm4EIx9fe2VU5wtBG4Vm5weQSBzcGojabX0E",[1712,1715,1718,1829,1837,1862],{"title":5,"icon":6,"path":7,"stem":8,"children":1713,"page":15},[1714],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1716,"page":15},[1717],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1719,"page":15},[1720,1723,1821],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1721,"page":15},[1722],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1724,"page":15},[1725,1820],{"title":49,"path":50,"stem":51,"children":1726,"icon":54},[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,1783,1784,1785,1786,1787,1788,1789,1790,1791,1792,1793,1794,1795,1796,1797,1798,1799,1800,1801,1802,1803,1804,1805,1806,1807,1808,1809,1810,1811,1812,1813,1814,1815,1816,1817,1818,1819],{"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":1822,"page":15},[1823,1826],{"title":433,"icon":434,"path":435,"stem":436,"children":1824,"page":15},[1825],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1827,"page":15},[1828],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1830,"page":15},[1831],{"title":460,"icon":455,"path":461,"stem":462,"children":1832},[1833,1834],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1835,"page":15},[1836],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1838,"page":15},[1839,1842,1849],{"title":428,"icon":484,"path":485,"stem":486,"children":1840,"page":15},[1841],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1843,"page":15},[1844],{"title":498,"path":499,"stem":500,"children":1845,"page":15},[1846],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1847,"page":15},[1848],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1850,"page":15},[1851,1852,1853,1854,1855,1856,1857,1858,1859,1860,1861],{"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":1863,"page":15},[1864],{"title":570,"path":571,"stem":572,"children":1865,"page":15},[1866],{"title":575,"path":576,"stem":577,"icon":578},[1868,1869],{"title":396,"path":397,"stem":398,"children":-1},{"title":404,"path":405,"stem":406,"children":-1},1775726377451]