[{"data":1,"prerenderedAt":1596},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fmain":579,"nav":1437,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fmain":1593},[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":252,"authors":581,"body":582,"description":1431,"draft":15,"extension":1432,"head":581,"icon":581,"image":581,"meta":1433,"navigation":637,"path":253,"publishedAt":581,"seo":1435,"stem":254,"tags":581,"updatedAt":581,"__hash__":1436},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fmain.md",null,{"type":583,"value":584,"toc":1418},"minimark",[585,601,726,780,793,886,890,898,902,907,922,925,1154,1158,1162,1185,1189,1192,1204,1292,1304,1308,1324,1333,1336,1340,1352,1376,1380,1414],[586,587,588,596,597,600],"p",{},[589,590,591,592,595],"strong",{},"HTML ",[593,594,252],"code",{}," 요소","는 문서 ",[593,598,599],{},"\u003Cbody>","의 주요 콘텐츠를 나타냅니다. 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠로 이루어집니다.",[602,603,609],"pre",{"className":604,"code":605,"language":606,"meta":607,"style":608},"language-html shiki shiki-themes github-light github-dark","\u003Cheader>Gecko facts\u003C\u002Fheader>\n\n\u003Cmain>\n  \u003Cp>\n    Geckos are a group of usually small, usually nocturnal lizards. They are\n    found on every continent except Antarctica.\n  \u003C\u002Fp>\n\n  \u003Cp>\n    Many species of gecko have adhesive toe pads which enable them to climb\n    walls and even windows.\n  \u003C\u002Fp>\n\u003C\u002Fmain>\n","html","interactive-example","",[593,610,611,632,639,649,659,665,671,681,686,695,701,707,716],{"__ignoreMap":608},[612,613,616,620,624,627,629],"span",{"class":614,"line":615},"line",1,[612,617,619],{"class":618},"sVt8B","\u003C",[612,621,623],{"class":622},"s9eBZ","header",[612,625,626],{"class":618},">Gecko facts\u003C\u002F",[612,628,623],{"class":622},[612,630,631],{"class":618},">\n",[612,633,635],{"class":614,"line":634},2,[612,636,638],{"emptyLinePlaceholder":637},true,"\n",[612,640,642,644,647],{"class":614,"line":641},3,[612,643,619],{"class":618},[612,645,646],{"class":622},"main",[612,648,631],{"class":618},[612,650,652,655,657],{"class":614,"line":651},4,[612,653,654],{"class":618},"  \u003C",[612,656,586],{"class":622},[612,658,631],{"class":618},[612,660,662],{"class":614,"line":661},5,[612,663,664],{"class":618},"    Geckos are a group of usually small, usually nocturnal lizards. They are\n",[612,666,668],{"class":614,"line":667},6,[612,669,670],{"class":618},"    found on every continent except Antarctica.\n",[612,672,674,677,679],{"class":614,"line":673},7,[612,675,676],{"class":618},"  \u003C\u002F",[612,678,586],{"class":622},[612,680,631],{"class":618},[612,682,684],{"class":614,"line":683},8,[612,685,638],{"emptyLinePlaceholder":637},[612,687,689,691,693],{"class":614,"line":688},9,[612,690,654],{"class":618},[612,692,586],{"class":622},[612,694,631],{"class":618},[612,696,698],{"class":614,"line":697},10,[612,699,700],{"class":618},"    Many species of gecko have adhesive toe pads which enable them to climb\n",[612,702,704],{"class":614,"line":703},11,[612,705,706],{"class":618},"    walls and even windows.\n",[612,708,710,712,714],{"class":614,"line":709},12,[612,711,676],{"class":618},[612,713,586],{"class":622},[612,715,631],{"class":618},[612,717,719,722,724],{"class":614,"line":718},13,[612,720,721],{"class":618},"\u003C\u002F",[612,723,646],{"class":622},[612,725,631],{"class":618},[602,727,731],{"className":728,"code":729,"language":730,"meta":607,"style":608},"language-css shiki shiki-themes github-light github-dark","header {\n  font:\n    bold 7vw Arial,\n    sans-serif;\n}\n","css",[593,732,733,740,749,767,775],{"__ignoreMap":608},[612,734,735,737],{"class":614,"line":615},[612,736,623],{"class":622},[612,738,739],{"class":618}," {\n",[612,741,742,746],{"class":614,"line":634},[612,743,745],{"class":744},"sj4cs","  font",[612,747,748],{"class":618},":\n",[612,750,751,754,757,761,764],{"class":614,"line":641},[612,752,753],{"class":744},"    bold",[612,755,756],{"class":744}," 7",[612,758,760],{"class":759},"szBVR","vw",[612,762,763],{"class":744}," Arial",[612,765,766],{"class":618},",\n",[612,768,769,772],{"class":614,"line":651},[612,770,771],{"class":744},"    sans-serif",[612,773,774],{"class":618},";\n",[612,776,777],{"class":614,"line":661},[612,778,779],{"class":618},"}\n",[586,781,782,789,790,792],{},[783,784,786],"a",{"href":785},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes#hidden",[593,787,788],{},"hidden"," 속성 없이는 문서에 하나보다 많은 ",[593,791,252],{}," 요소가 존재해선 안됩니다.",[794,795,798,799],"table",{"className":796},[797],"properties","\n  ",[800,801,802,803,802,825,802,835,802,843,802,860,802,878,798],"tbody",{},"\n    ",[804,805,806,807,806,816,802],"tr",{},"\n      ",[808,809,811,812,806],"th",{"scope":810},"row","\n        ",[783,813,815],{"href":814},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002F컨텐트_카테고리","콘텐츠 카테고리",[817,818,811,819,824],"td",{},[783,820,823],{"href":821,"title":822},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002F컨텐트_카테고리#플로우_콘텐츠","HTML\u002FContent_categories#Flow_content","플로우 콘텐츠",", 뚜렷한 콘텐츠.\n      ",[804,826,806,827,806,830,802],{},[808,828,829],{"scope":810},"가능한 콘텐츠",[817,831,811,832,834],{},[783,833,823],{"href":821,"title":822},".\n      ",[804,836,806,837,806,840,802],{},[808,838,839],{"scope":810},"태그 생략",[817,841,842],{},"불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.",[804,844,806,845,806,848,802],{},[808,846,847],{"scope":810},"가능한 부모 요소",[817,849,811,850,852,853,859],{},[783,851,823],{"href":821},"를 허용하는 요소. 단,\n        ",[783,854,856,857,595],{"href":855},"https:\u002F\u002Fhtml.spec.whatwg.org\u002Fmultipage\u002Fgrouping-content.html#hierarchically-correct-main-element","구조적으로 올바른 ",[593,858,252],{},"여야 합니다.\n      ",[804,861,806,862,806,865,802],{},[808,863,864],{"scope":810},"가능한 ARIA 역할",[817,866,867,868,870,871,877],{},"\n        기본적으로 ",[593,869,646],{}," 역할 포함,\n        ",[783,872,874],{"href":873},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fpresentation_role",[593,875,876],{},"presentation"," 가능.\n      ",[804,879,806,880,806,883,802],{},[808,881,882],{"scope":810},"DOM 인터페이스",[817,884,885],{},"`HTMLElement`",[887,888,889],"h2",{"id":889},"특성",[586,891,892,893,897],{},"이 요소는 ",[783,894,896],{"href":895},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","만 포함합니다.",[887,899,901],{"id":900},"사용-일람","사용 일람",[586,903,904,906],{},[593,905,252],{}," 요소의 콘텐츠는 문서의 유일한 내용이어야 합니다. 사이드바, 탐색 링크, 저작권 정보, 사이트 로고, 검색 폼 등 여러 문서에 걸쳐 반복되는 콘텐츠는 포함해선 안됩니다. 그러나 검색 폼이 페이지의 주요 기능이라면 예외로 둘 수 있습니다.",[586,908,909,911,912,914,915,918,919,921],{},[593,910,252],{},"은 요소 개요에 영향을 주지 않습니다. ",[593,913,599],{}," 등의 요소나 ",[593,916,917],{},"\u003Ch2>","와 같은 제목 요소와 달리 ",[593,920,252],{},"은 페이지의 개념적 구조를 바꾸지 않으며 온전히 정보 제공용입니다.",[887,923,924],{"id":924},"예제",[602,926,928],{"className":604,"code":927,"language":606,"meta":608,"style":608},"\u003C!-- other content -->\n\n\u003Cmain>\n  \u003Ch1>Apples\u003C\u002Fh1>\n  \u003Cp>The apple is the pomaceous fruit of the apple tree.\u003C\u002Fp>\n\n  \u003Carticle>\n    \u003Ch2>Red Delicious\u003C\u002Fh2>\n    \u003Cp>\n      These bright red apples are the most common found in many supermarkets.\n    \u003C\u002Fp>\n    \u003Cp>...\u003C\u002Fp>\n    \u003Cp>...\u003C\u002Fp>\n  \u003C\u002Farticle>\n\n  \u003Carticle>\n    \u003Ch2>Granny Smith\u003C\u002Fh2>\n    \u003Cp>These juicy, green apples make a great filling for apple pies.\u003C\u002Fp>\n    \u003Cp>...\u003C\u002Fp>\n    \u003Cp>...\u003C\u002Fp>\n  \u003C\u002Farticle>\n\u003C\u002Fmain>\n\n\u003C!-- other content -->\n",[593,929,930,936,940,948,962,975,979,988,1002,1010,1015,1024,1037,1049,1058,1063,1072,1086,1100,1113,1126,1135,1144,1149],{"__ignoreMap":608},[612,931,932],{"class":614,"line":615},[612,933,935],{"class":934},"sJ8bj","\u003C!-- other content -->\n",[612,937,938],{"class":614,"line":634},[612,939,638],{"emptyLinePlaceholder":637},[612,941,942,944,946],{"class":614,"line":641},[612,943,619],{"class":618},[612,945,646],{"class":622},[612,947,631],{"class":618},[612,949,950,952,955,958,960],{"class":614,"line":651},[612,951,654],{"class":618},[612,953,954],{"class":622},"h1",[612,956,957],{"class":618},">Apples\u003C\u002F",[612,959,954],{"class":622},[612,961,631],{"class":618},[612,963,964,966,968,971,973],{"class":614,"line":661},[612,965,654],{"class":618},[612,967,586],{"class":622},[612,969,970],{"class":618},">The apple is the pomaceous fruit of the apple tree.\u003C\u002F",[612,972,586],{"class":622},[612,974,631],{"class":618},[612,976,977],{"class":614,"line":667},[612,978,638],{"emptyLinePlaceholder":637},[612,980,981,983,986],{"class":614,"line":673},[612,982,654],{"class":618},[612,984,985],{"class":622},"article",[612,987,631],{"class":618},[612,989,990,993,995,998,1000],{"class":614,"line":683},[612,991,992],{"class":618},"    \u003C",[612,994,887],{"class":622},[612,996,997],{"class":618},">Red Delicious\u003C\u002F",[612,999,887],{"class":622},[612,1001,631],{"class":618},[612,1003,1004,1006,1008],{"class":614,"line":688},[612,1005,992],{"class":618},[612,1007,586],{"class":622},[612,1009,631],{"class":618},[612,1011,1012],{"class":614,"line":697},[612,1013,1014],{"class":618},"      These bright red apples are the most common found in many supermarkets.\n",[612,1016,1017,1020,1022],{"class":614,"line":703},[612,1018,1019],{"class":618},"    \u003C\u002F",[612,1021,586],{"class":622},[612,1023,631],{"class":618},[612,1025,1026,1028,1030,1033,1035],{"class":614,"line":709},[612,1027,992],{"class":618},[612,1029,586],{"class":622},[612,1031,1032],{"class":618},">...\u003C\u002F",[612,1034,586],{"class":622},[612,1036,631],{"class":618},[612,1038,1039,1041,1043,1045,1047],{"class":614,"line":718},[612,1040,992],{"class":618},[612,1042,586],{"class":622},[612,1044,1032],{"class":618},[612,1046,586],{"class":622},[612,1048,631],{"class":618},[612,1050,1052,1054,1056],{"class":614,"line":1051},14,[612,1053,676],{"class":618},[612,1055,985],{"class":622},[612,1057,631],{"class":618},[612,1059,1061],{"class":614,"line":1060},15,[612,1062,638],{"emptyLinePlaceholder":637},[612,1064,1066,1068,1070],{"class":614,"line":1065},16,[612,1067,654],{"class":618},[612,1069,985],{"class":622},[612,1071,631],{"class":618},[612,1073,1075,1077,1079,1082,1084],{"class":614,"line":1074},17,[612,1076,992],{"class":618},[612,1078,887],{"class":622},[612,1080,1081],{"class":618},">Granny Smith\u003C\u002F",[612,1083,887],{"class":622},[612,1085,631],{"class":618},[612,1087,1089,1091,1093,1096,1098],{"class":614,"line":1088},18,[612,1090,992],{"class":618},[612,1092,586],{"class":622},[612,1094,1095],{"class":618},">These juicy, green apples make a great filling for apple pies.\u003C\u002F",[612,1097,586],{"class":622},[612,1099,631],{"class":618},[612,1101,1103,1105,1107,1109,1111],{"class":614,"line":1102},19,[612,1104,992],{"class":618},[612,1106,586],{"class":622},[612,1108,1032],{"class":618},[612,1110,586],{"class":622},[612,1112,631],{"class":618},[612,1114,1116,1118,1120,1122,1124],{"class":614,"line":1115},20,[612,1117,992],{"class":618},[612,1119,586],{"class":622},[612,1121,1032],{"class":618},[612,1123,586],{"class":622},[612,1125,631],{"class":618},[612,1127,1129,1131,1133],{"class":614,"line":1128},21,[612,1130,676],{"class":618},[612,1132,985],{"class":622},[612,1134,631],{"class":618},[612,1136,1138,1140,1142],{"class":614,"line":1137},22,[612,1139,721],{"class":618},[612,1141,646],{"class":622},[612,1143,631],{"class":618},[612,1145,1147],{"class":614,"line":1146},23,[612,1148,638],{"emptyLinePlaceholder":637},[612,1150,1152],{"class":614,"line":1151},24,[612,1153,935],{"class":934},[887,1155,1157],{"id":1156},"접근성-고려사항","접근성 고려사항",[1159,1160,1161],"h3",{"id":1161},"랜드마크",[586,1163,1164,1166,1167,1173,1174,1177,1178,1181,1182,1184],{},[593,1165,252],{}," 요소는 ",[783,1168,1170,1172],{"href":1169},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002FMain_role",[593,1171,646],{}," 랜드마크"," 역할과 동일하게 행동합니다. ",[783,1175,1161],{"href":1176},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FARIA_Techniques","는 접근성 보조기술이 문서의 큰 구획을 찾고 이동할 때 쓰입니다. 구형 브라우저를 지원할 필요가 없다면, ",[593,1179,1180],{},"role=\"main\"","보다 ",[593,1183,252],{}," 요소를 사용하세요.",[1159,1186,1188],{"id":1187},"건너뛰기-링크","건너뛰기 링크",[586,1190,1191],{},"건너뛰기 링크, 스킵 내비게이션(skipnav)은 접근성 보조기술이 주요 탐색 구획, 정보 배너 등 반복되는 큰 구획을 빠르게 넘어갈 수 있도록 지원하는 기법으로, 사용자가 페이지의 주요 내용으로 신속하게 접근할 수 있도록 도와줍니다.",[586,1193,1194,1196,1197,1203],{},[593,1195,252],{}," 요소에 ",[783,1198,1200],{"href":1199},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes#id",[593,1201,1202],{},"id"," 요소를 추가해 건너뛰기 링크의 대상으로 지정하세요.",[602,1205,1207],{"className":604,"code":1206,"language":606,"meta":608,"style":608},"\u003Cbody>\n  \u003Ca href=\"#main-content\">Skip to main content\u003C\u002Fa>\n\n  \u003C!-- navigation and header content -->\n\n  \u003Cmain id=\"main-content\">\n    \u003C!-- main page content -->\n  \u003C\u002Fmain>\n\u003C\u002Fbody>\n",[593,1208,1209,1218,1242,1246,1251,1255,1271,1276,1284],{"__ignoreMap":608},[612,1210,1211,1213,1216],{"class":614,"line":615},[612,1212,619],{"class":618},[612,1214,1215],{"class":622},"body",[612,1217,631],{"class":618},[612,1219,1220,1222,1224,1228,1231,1235,1238,1240],{"class":614,"line":634},[612,1221,654],{"class":618},[612,1223,783],{"class":622},[612,1225,1227],{"class":1226},"sScJk"," href",[612,1229,1230],{"class":618},"=",[612,1232,1234],{"class":1233},"sZZnC","\"#main-content\"",[612,1236,1237],{"class":618},">Skip to main content\u003C\u002F",[612,1239,783],{"class":622},[612,1241,631],{"class":618},[612,1243,1244],{"class":614,"line":641},[612,1245,638],{"emptyLinePlaceholder":637},[612,1247,1248],{"class":614,"line":651},[612,1249,1250],{"class":934},"  \u003C!-- navigation and header content -->\n",[612,1252,1253],{"class":614,"line":661},[612,1254,638],{"emptyLinePlaceholder":637},[612,1256,1257,1259,1261,1264,1266,1269],{"class":614,"line":667},[612,1258,654],{"class":618},[612,1260,646],{"class":622},[612,1262,1263],{"class":1226}," id",[612,1265,1230],{"class":618},[612,1267,1268],{"class":1233},"\"main-content\"",[612,1270,631],{"class":618},[612,1272,1273],{"class":614,"line":673},[612,1274,1275],{"class":934},"    \u003C!-- main page content -->\n",[612,1277,1278,1280,1282],{"class":614,"line":683},[612,1279,676],{"class":618},[612,1281,646],{"class":622},[612,1283,631],{"class":618},[612,1285,1286,1288,1290],{"class":614,"line":688},[612,1287,721],{"class":618},[612,1289,1215],{"class":622},[612,1291,631],{"class":618},[1293,1294,1295],"ul",{},[1296,1297,1298],"li",{},[783,1299,1303],{"href":1300,"rel":1301},"https:\u002F\u002Fwebaim.org\u002Ftechniques\u002Fskipnav\u002F",[1302],"nofollow","WebAIM: \"Skip Navigation\" Links",[1159,1305,1307],{"id":1306},"읽기-모드","읽기 모드",[586,1309,1310,1311,1313,1314,1318,1319,1323],{},"브라우저 읽기 모드는 문서 콘텐츠를 변환할 때 ",[593,1312,252],{}," 요소와 더불어 ",[783,1315,1317],{"href":1316},"\u002Fdevelop\u002Fhtml\u002Felements\u002FHeading_Elements","제목","과 ",[783,1320,1322],{"href":1321},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FElements#%EC%BD%98%ED%85%90%EC%B8%A0_%EA%B5%AC%ED%9A%8D","콘텐츠 구획"," 요소를 사용합니다.",[1293,1325,1326],{},[1296,1327,1328],{},[783,1329,1332],{"href":1330,"rel":1331},"https:\u002F\u002Fmedium.com\u002F@mandy.michael\u002Fbuilding-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9",[1302],"Building websites for Safari Reader Mode and other reading apps.",[887,1334,1335],{"id":1335},"명세",[887,1337,1339],{"id":1338},"브라우저-호환성","브라우저 호환성",[586,1341,1342,1343,1345,1346,1196,1348,1351],{},"대부분의 브라우저에서 ",[593,1344,252],{}," 요소를 지원합니다. 그러나 Internet Explorer 11 이하를 지원할 땐 ",[593,1347,252],{},[593,1349,1350],{},"\"main\""," ARIA 역할을 명시해 접근성을 확보하는 것이 좋습니다.",[602,1353,1355],{"className":604,"code":1354,"language":606,"meta":608,"style":608},"\u003Cmain role=\"main\">...\u003C\u002Fmain>\n",[593,1356,1357],{"__ignoreMap":608},[612,1358,1359,1361,1363,1366,1368,1370,1372,1374],{"class":614,"line":615},[612,1360,619],{"class":618},[612,1362,646],{"class":622},[612,1364,1365],{"class":1226}," role",[612,1367,1230],{"class":618},[612,1369,1350],{"class":1233},[612,1371,1032],{"class":618},[612,1373,646],{"class":622},[612,1375,631],{"class":618},[887,1377,1379],{"id":1378},"같이-보기","같이 보기",[1293,1381,1382,1394,1409],{},[1296,1383,1384,1385,1388,1389,1388,1392],{},"기본 구조 요소: ",[593,1386,1387],{},"\u003Chtml>",", ",[593,1390,1391],{},"\u003Chead>",[593,1393,599],{},[1296,1395,1396,1397,1388,1399,1388,1402,1388,1404,1388,1406],{},"구획 관련 요소: ",[593,1398,68],{},[593,1400,1401],{},"\u003Caside>",[593,1403,184],{},[593,1405,200],{},[593,1407,1408],{},"\u003Cnav>",[1296,1410,1411],{},[783,1412,1413],{"href":1169},"ARIA: Main role",[1415,1416,1417],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}",{"title":608,"searchDepth":634,"depth":634,"links":1419},[1420,1421,1422,1423,1428,1429,1430],{"id":889,"depth":634,"text":889},{"id":900,"depth":634,"text":901},{"id":924,"depth":634,"text":924},{"id":1156,"depth":634,"text":1157,"children":1424},[1425,1426,1427],{"id":1161,"depth":641,"text":1161},{"id":1187,"depth":641,"text":1188},{"id":1306,"depth":641,"text":1307},{"id":1335,"depth":634,"text":1335},{"id":1338,"depth":634,"text":1339},{"id":1378,"depth":634,"text":1379},"HTML \u003Cmain> 요소는 문서 \u003Cbody>의 주요 콘텐츠를 나타냅니다. 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠로 이루어집니다.","md",{"slug":1434,"original_slug":1434},"develop\u002Fhtml\u002Felements\u002Fmain",{"title":252,"description":1431},"BGNPynWU3B6IhBRC1O5q4GwlnAqXgyOScCOqsQXIAB8",[1438,1441,1444,1555,1563,1588],{"title":5,"icon":6,"path":7,"stem":8,"children":1439,"page":15},[1440],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1442,"page":15},[1443],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1445,"page":15},[1446,1449,1547],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1447,"page":15},[1448],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1450,"page":15},[1451,1546],{"title":49,"path":50,"stem":51,"children":1452,"icon":54},[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,1493,1494,1495,1496,1497,1498,1499,1500,1501,1502,1503,1504,1505,1506,1507,1508,1509,1510,1511,1512,1513,1514,1515,1516,1517,1518,1519,1520,1521,1522,1523,1524,1525,1526,1527,1528,1529,1530,1531,1532,1533,1534,1535,1536,1537,1538,1539,1540,1541,1542,1543,1544,1545],{"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":1548,"page":15},[1549,1552],{"title":433,"icon":434,"path":435,"stem":436,"children":1550,"page":15},[1551],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1553,"page":15},[1554],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1556,"page":15},[1557],{"title":460,"icon":455,"path":461,"stem":462,"children":1558},[1559,1560],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1561,"page":15},[1562],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1564,"page":15},[1565,1568,1575],{"title":428,"icon":484,"path":485,"stem":486,"children":1566,"page":15},[1567],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1569,"page":15},[1570],{"title":498,"path":499,"stem":500,"children":1571,"page":15},[1572],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1573,"page":15},[1574],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1576,"page":15},[1577,1578,1579,1580,1581,1582,1583,1584,1585,1586,1587],{"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":1589,"page":15},[1590],{"title":570,"path":571,"stem":572,"children":1591,"page":15},[1592],{"title":575,"path":576,"stem":577,"icon":578},[1594,1595],{"title":248,"path":249,"stem":250,"children":-1},{"title":256,"path":257,"stem":258,"children":-1},1775726372818]