[{"data":1,"prerenderedAt":1555},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fdiv":579,"nav":1396,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fdiv":1552},[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":152,"authors":581,"body":582,"description":1388,"draft":15,"extension":1389,"head":581,"icon":581,"image":581,"meta":1390,"navigation":804,"path":153,"publishedAt":581,"seo":1394,"stem":154,"tags":581,"updatedAt":581,"__hash__":1395},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fdiv.md",null,{"type":583,"value":584,"toc":1378},"minimark",[585,607,702,894,921,925,933,958,962,977,980,995,998,1003,1067,1071,1075,1093,1095,1135,1138,1273,1276,1280,1374],[586,587,588,593,594,601,602,606],"p",{},[589,590,592],"a",{"href":591},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML","HTML"," ",[595,596,597],"strong",{},[598,599,600],"code",{},"\u003Cdiv>"," 요소는 플로우 콘텐츠를 담는 일반적인 컨테이너입니다. CSS를 통해 직접 스타일을 적용하거나 ",[589,603,605],{"href":604},"\u002Fko\u002Fdocs\u002FWeb\u002FCSS\u002FGuides\u002FFlexible_box_layout","플렉스박스"," 같은 레이아웃 모델이 부모 요소에 적용되지 않는 한, 해당 요소 자체는 콘텐츠나 레이아웃에 아무런 영향을 주지 않습니다.",[608,609,615],"pre",{"className":610,"code":611,"language":612,"meta":613,"style":614},"language-html shiki shiki-themes github-light github-dark","\u003Cdiv class=\"warning\">\n  \u003Cimg\n    src=\"\u002Fshared-assets\u002Fimages\u002Fexamples\u002Fleopard.jpg\"\n    alt=\"An intimidating leopard.\" \u002F>\n  \u003Cp>Beware of the leopard\u003C\u002Fp>\n\u003C\u002Fdiv>\n","html","interactive-example","",[598,616,617,644,653,664,678,692],{"__ignoreMap":614},[618,619,622,626,630,634,637,641],"span",{"class":620,"line":621},"line",1,[618,623,625],{"class":624},"sVt8B","\u003C",[618,627,629],{"class":628},"s9eBZ","div",[618,631,633],{"class":632},"sScJk"," class",[618,635,636],{"class":624},"=",[618,638,640],{"class":639},"sZZnC","\"warning\"",[618,642,643],{"class":624},">\n",[618,645,647,650],{"class":620,"line":646},2,[618,648,649],{"class":624},"  \u003C",[618,651,652],{"class":628},"img\n",[618,654,656,659,661],{"class":620,"line":655},3,[618,657,658],{"class":632},"    src",[618,660,636],{"class":624},[618,662,663],{"class":639},"\"\u002Fshared-assets\u002Fimages\u002Fexamples\u002Fleopard.jpg\"\n",[618,665,667,670,672,675],{"class":620,"line":666},4,[618,668,669],{"class":632},"    alt",[618,671,636],{"class":624},[618,673,674],{"class":639},"\"An intimidating leopard.\"",[618,676,677],{"class":624}," \u002F>\n",[618,679,681,683,685,688,690],{"class":620,"line":680},5,[618,682,649],{"class":624},[618,684,586],{"class":628},[618,686,687],{"class":624},">Beware of the leopard\u003C\u002F",[618,689,586],{"class":628},[618,691,643],{"class":624},[618,693,695,698,700],{"class":620,"line":694},6,[618,696,697],{"class":624},"\u003C\u002F",[618,699,629],{"class":628},[618,701,643],{"class":624},[608,703,707],{"className":704,"code":705,"language":706,"meta":613,"style":614},"language-css shiki shiki-themes github-light github-dark",".warning {\n  border: 10px ridge #f00;\n  background-color: #ff0;\n  padding: 0.5rem;\n  display: flex;\n  flex-direction: column;\n}\n\n.warning img {\n  width: 100%;\n}\n\n.warning p {\n  font: small-caps bold 1.2rem sans-serif;\n  text-align: center;\n}\n","css",[598,708,709,717,742,754,769,781,793,799,806,816,832,837,842,852,876,889],{"__ignoreMap":614},[618,710,711,714],{"class":620,"line":621},[618,712,713],{"class":632},".warning",[618,715,716],{"class":624}," {\n",[618,718,719,723,726,729,733,736,739],{"class":620,"line":646},[618,720,722],{"class":721},"sj4cs","  border",[618,724,725],{"class":624},": ",[618,727,728],{"class":721},"10",[618,730,732],{"class":731},"szBVR","px",[618,734,735],{"class":721}," ridge",[618,737,738],{"class":721}," #f00",[618,740,741],{"class":624},";\n",[618,743,744,747,749,752],{"class":620,"line":655},[618,745,746],{"class":721},"  background-color",[618,748,725],{"class":624},[618,750,751],{"class":721},"#ff0",[618,753,741],{"class":624},[618,755,756,759,761,764,767],{"class":620,"line":666},[618,757,758],{"class":721},"  padding",[618,760,725],{"class":624},[618,762,763],{"class":721},"0.5",[618,765,766],{"class":731},"rem",[618,768,741],{"class":624},[618,770,771,774,776,779],{"class":620,"line":680},[618,772,773],{"class":721},"  display",[618,775,725],{"class":624},[618,777,778],{"class":721},"flex",[618,780,741],{"class":624},[618,782,783,786,788,791],{"class":620,"line":694},[618,784,785],{"class":721},"  flex-direction",[618,787,725],{"class":624},[618,789,790],{"class":721},"column",[618,792,741],{"class":624},[618,794,796],{"class":620,"line":795},7,[618,797,798],{"class":624},"}\n",[618,800,802],{"class":620,"line":801},8,[618,803,805],{"emptyLinePlaceholder":804},true,"\n",[618,807,809,811,814],{"class":620,"line":808},9,[618,810,713],{"class":632},[618,812,813],{"class":628}," img",[618,815,716],{"class":624},[618,817,819,822,824,827,830],{"class":620,"line":818},10,[618,820,821],{"class":721},"  width",[618,823,725],{"class":624},[618,825,826],{"class":721},"100",[618,828,829],{"class":731},"%",[618,831,741],{"class":624},[618,833,835],{"class":620,"line":834},11,[618,836,798],{"class":624},[618,838,840],{"class":620,"line":839},12,[618,841,805],{"emptyLinePlaceholder":804},[618,843,845,847,850],{"class":620,"line":844},13,[618,846,713],{"class":632},[618,848,849],{"class":628}," p",[618,851,716],{"class":624},[618,853,855,858,860,863,866,869,871,874],{"class":620,"line":854},14,[618,856,857],{"class":721},"  font",[618,859,725],{"class":624},[618,861,862],{"class":721},"small-caps",[618,864,865],{"class":721}," bold",[618,867,868],{"class":721}," 1.2",[618,870,766],{"class":731},[618,872,873],{"class":721}," sans-serif",[618,875,741],{"class":624},[618,877,879,882,884,887],{"class":620,"line":878},15,[618,880,881],{"class":721},"  text-align",[618,883,725],{"class":624},[618,885,886],{"class":721},"center",[618,888,741],{"class":624},[618,890,892],{"class":620,"line":891},16,[618,893,798],{"class":624},[586,895,896,897,899,900,906,907,913,914,920],{},"\"순수한\" 컨테이너로서 ",[598,898,600],{}," 요소는 본래 아무런 의미를 갖지 않습니다. 대신, 콘텐츠를 그룹화해서 ",[589,901,903],{"href":902},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes\u002Fclass",[598,904,905],{},"class","나 ",[589,908,910],{"href":909},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes\u002Fid",[598,911,912],{},"id"," 속성을 사용해 쉽게 스타일을 지정하거나, ",[589,915,917],{"href":916},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes\u002Flang",[598,918,919],{},"lang"," 속성을 사용해 문서의 일부가 다른 언어로 작성되었음을 표시하는 등의 용도로 사용됩니다.",[922,923,924],"h2",{"id":924},"특성",[586,926,927,928,932],{},"이 요소는 ",[589,929,931],{"href":930},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","을 포함합니다.",[934,935,936],"blockquote",{},[586,937,938,941,942,945,946,948,949,906,953,957],{},[618,939,940],{},"!NOTE"," > ",[598,943,944],{},"align"," 속성은 더 이상 사용되지 않는 구식 속성이므로 사용하지 않습니다. 대신, ",[598,947,600],{}," 요소를 정렬하거나 배치할 때는 ",[589,950,952],{"href":951},"\u002Fko\u002Fdocs\u002FWeb\u002FCSS\u002FGuides\u002FGrid_layout","CSS Grid",[589,954,956],{"href":955},"\u002Fko\u002Fdocs\u002FLearn_web_development\u002FCore\u002FCSS_layout\u002FFlexbox","CSS Flexbox"," 같은 CSS 속성이나 기술을 사용하는 것이 좋습니다.",[922,959,961],{"id":960},"사용-일람","사용 일람",[963,964,965],"ul",{},[966,967,968,970,971,906,973,976],"li",{},[598,969,600],{}," 요소는 ",[598,972,68],{},[598,974,975],{},"\u003Cnav>"," 같은 다른 시맨틱 요소를 사용할 수 없는 경우에만 사용해야 합니다.",[922,978,979],{"id":979},"접근성",[586,981,982,970,984,994],{},[598,983,600],{},[589,985,989,990,993],{"href":986,"rel":987},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fwai-aria-1.2\u002F#generic",[988],"nofollow","암시적으로 ",[598,991,992],{},"generic","의 역할","을 가지며, none이 아닙니다. 이로 인해 특정 역할을 가진 자식 요소가 있어야 제대로 동작하는 일부 ARIA 조합 선언에서는 영향을 줄 수 있습니다.",[922,996,997],{"id":997},"예제",[999,1000,1002],"h3",{"id":1001},"기본-예제","기본 예제",[608,1004,1006],{"className":610,"code":1005,"language":612,"meta":614,"style":614},"\u003Cdiv>\n  \u003Cp>\n    Any kind of content here. Such as <p>, <table>. You name it!\n  \u003C\u002Fp>\n\u003C\u002Fdiv>\n",[598,1007,1008,1016,1024,1050,1059],{"__ignoreMap":614},[618,1009,1010,1012,1014],{"class":620,"line":621},[618,1011,625],{"class":624},[618,1013,629],{"class":628},[618,1015,643],{"class":624},[618,1017,1018,1020,1022],{"class":620,"line":646},[618,1019,649],{"class":624},[618,1021,586],{"class":628},[618,1023,643],{"class":624},[618,1025,1026,1029,1032,1034,1037,1040,1042,1045,1047],{"class":620,"line":655},[618,1027,1028],{"class":624},"    Any kind of content here. Such as ",[618,1030,1031],{"class":721},"<",[618,1033,586],{"class":624},[618,1035,1036],{"class":721},">",[618,1038,1039],{"class":624},", ",[618,1041,1031],{"class":721},[618,1043,1044],{"class":624},"table",[618,1046,1036],{"class":721},[618,1048,1049],{"class":624},". You name it!\n",[618,1051,1052,1055,1057],{"class":620,"line":666},[618,1053,1054],{"class":624},"  \u003C\u002F",[618,1056,586],{"class":628},[618,1058,643],{"class":624},[618,1060,1061,1063,1065],{"class":620,"line":680},[618,1062,697],{"class":624},[618,1064,629],{"class":628},[618,1066,643],{"class":624},[1068,1069,1070],"h4",{"id":1070},"결과",[999,1072,1074],{"id":1073},"스타일-적용-예제","스타일 적용 예제",[586,1076,1077,1078,1080,1081,1084,1085,1087,1088,1092],{},"이 예제는 ",[598,1079,600],{}," 요소에 CSS 스타일을 적용해 그림자 박스를 만듭니다. ",[598,1082,1083],{},"\"shadowbox\"","라는 스타일을 적용하기 위해 ",[598,1086,600],{},"에 ",[589,1089,1090],{"href":902},[598,1091,905],{}," 속성을 사용한 점에 주목하세요.",[1068,1094,592],{"id":612},[608,1096,1098],{"className":610,"code":1097,"language":612,"meta":614,"style":614},"\u003Cdiv class=\"shadowbox\">\n  \u003Cp>Here's a very interesting note displayed in a lovely shadowed box.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[598,1099,1100,1114,1127],{"__ignoreMap":614},[618,1101,1102,1104,1106,1108,1110,1112],{"class":620,"line":621},[618,1103,625],{"class":624},[618,1105,629],{"class":628},[618,1107,633],{"class":632},[618,1109,636],{"class":624},[618,1111,1083],{"class":639},[618,1113,643],{"class":624},[618,1115,1116,1118,1120,1123,1125],{"class":620,"line":646},[618,1117,649],{"class":624},[618,1119,586],{"class":628},[618,1121,1122],{"class":624},">Here's a very interesting note displayed in a lovely shadowed box.\u003C\u002F",[618,1124,586],{"class":628},[618,1126,643],{"class":624},[618,1128,1129,1131,1133],{"class":620,"line":655},[618,1130,697],{"class":624},[618,1132,629],{"class":628},[618,1134,643],{"class":624},[1068,1136,1137],{"id":706},"CSS",[608,1139,1141],{"className":704,"code":1140,"language":706,"meta":614,"style":614},".shadowbox {\n  width: 15em;\n  border: 1px solid #333;\n  box-shadow: 8px 8px 5px #444;\n  padding: 8px 12px;\n  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);\n}\n",[598,1142,1143,1150,1164,1183,1210,1227,1269],{"__ignoreMap":614},[618,1144,1145,1148],{"class":620,"line":621},[618,1146,1147],{"class":632},".shadowbox",[618,1149,716],{"class":624},[618,1151,1152,1154,1156,1159,1162],{"class":620,"line":646},[618,1153,821],{"class":721},[618,1155,725],{"class":624},[618,1157,1158],{"class":721},"15",[618,1160,1161],{"class":731},"em",[618,1163,741],{"class":624},[618,1165,1166,1168,1170,1173,1175,1178,1181],{"class":620,"line":655},[618,1167,722],{"class":721},[618,1169,725],{"class":624},[618,1171,1172],{"class":721},"1",[618,1174,732],{"class":731},[618,1176,1177],{"class":721}," solid",[618,1179,1180],{"class":721}," #333",[618,1182,741],{"class":624},[618,1184,1185,1188,1190,1193,1195,1198,1200,1203,1205,1208],{"class":620,"line":666},[618,1186,1187],{"class":721},"  box-shadow",[618,1189,725],{"class":624},[618,1191,1192],{"class":721},"8",[618,1194,732],{"class":731},[618,1196,1197],{"class":721}," 8",[618,1199,732],{"class":731},[618,1201,1202],{"class":721}," 5",[618,1204,732],{"class":731},[618,1206,1207],{"class":721}," #444",[618,1209,741],{"class":624},[618,1211,1212,1214,1216,1218,1220,1223,1225],{"class":620,"line":680},[618,1213,758],{"class":721},[618,1215,725],{"class":624},[618,1217,1192],{"class":721},[618,1219,732],{"class":731},[618,1221,1222],{"class":721}," 12",[618,1224,732],{"class":731},[618,1226,741],{"class":624},[618,1228,1229,1232,1234,1237,1240,1243,1246,1248,1251,1253,1256,1259,1261,1263,1266],{"class":620,"line":694},[618,1230,1231],{"class":721},"  background-image",[618,1233,725],{"class":624},[618,1235,1236],{"class":721},"linear-gradient",[618,1238,1239],{"class":624},"(",[618,1241,1242],{"class":721},"180",[618,1244,1245],{"class":731},"deg",[618,1247,1039],{"class":624},[618,1249,1250],{"class":721},"#fff",[618,1252,1039],{"class":624},[618,1254,1255],{"class":721},"#ddd",[618,1257,1258],{"class":721}," 40",[618,1260,829],{"class":731},[618,1262,1039],{"class":624},[618,1264,1265],{"class":721},"#ccc",[618,1267,1268],{"class":624},");\n",[618,1270,1271],{"class":620,"line":795},[618,1272,798],{"class":624},[1068,1274,1070],{"id":1275},"결과-1",[922,1277,1279],{"id":1278},"기술-요약","기술 요약",[1044,1281,1284,1285],{"className":1282},[1283],"properties","\n  ",[1286,1287,1288,1289,1288,1314],"tbody",{},"\n    ",[1290,1291,1292,1293,1292,1302,1288],"tr",{},"\n      ",[1294,1295,1297,1298,1292],"th",{"scope":1296},"row","\n        ",[589,1299,1301],{"href":1300},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FGuides\u002FContent_categories","콘텐츠 카테고리",[1303,1304,1297,1305,1039,1309,1313],"td",{},[589,1306,1308],{"href":1307},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FGuides\u002FContent_categories#flow_content","플로우 콘텐츠",[589,1310,1312],{"href":1311},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FGuides\u002FContent_categories#palpable_content","인식 가능 콘텐츠",".\n      ",[1290,1315,1292,1316,1292,1319],{},[1294,1317,1318],{"scope":1296},"가능한 콘텐츠",[1303,1320,1297,1321,1323,1324,1327,1328],{},[589,1322,1308],{"href":1307},".",[1325,1326],"br",{},"또는 (WHATWG HTML 기준으로),\n        `",[1329,1330,1331,1332,1336],"dl",{},"`가 부모 요소인 경우 하나 이상의\n        `",[1333,1334,1335],"dt",{},"` 요소 다음에 하나 이상의\n        `",[1337,1338,1339,1340,1344,1348,1352],"dd",{},"` 요소가 와야하며, 필요에 따라\n        `",[1341,1342,1343],"script",{},"`나\n        `\u003Ctemplate>` 요소가 섞여 있어도 됩니다.\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">태그 생략\u003C\u002Fth>\n      \u003Ctd>생략 불가. 시작과 종료 태그 모두 필수.\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">가능한 부모 요소\u003C\u002Fth>\n      \u003Ctd>\n        \u003Ca href=\"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FGuides\u002FContent_categories#flow_content\"\n          >플로우 콘텐츠\u003C\u002Fa\n        >를 허용하는 모든 요소.\u003Cbr \u002F>또는 (WHATWG HTML 기준으로),\n        `\u003Cdl>` 요소.\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">암시적 ARIA 역할\u003C\u002Fth>\n      \u003Ctd>\n        \u003Ccode\n          >\u003Ca href=\"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FReference\u002FRoles\u002Fgeneric_role\"\n            >generic\u003C\u002Fa\n          >\u003C\u002Fcode\n        >\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">가능한 ARIA 역할\u003C\u002Fth>\n      \u003Ctd>제한 없음\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Cth scope=\"row\">DOM 인터페이스\u003C\u002Fth>\n      \u003Ctd>`HTMLDivElement`\u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n명세서",[922,1345,1347],{"id":1346},"브라우저-호환성","브라우저 호환성",[922,1349,1351],{"id":1350},"같이-보기","같이 보기",[963,1353,1354,1368],{},[966,1355,1356,1357,1039,1360,1039,1362,1039,1364,1039,1366],{},"시맨틱 구획 요소: ",[598,1358,1359],{},"\u003Csection>",[598,1361,68],{},[598,1363,975],{},[598,1365,200],{},[598,1367,184],{},[966,1369,1370,1371,1373],{},"문장 콘텐츠에 스타일을 적용할 수 있는 ",[598,1372,364],{}," 요소",[1375,1376,1377],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":614,"searchDepth":646,"depth":646,"links":1379},[1380,1381,1382,1383,1387],{"id":924,"depth":646,"text":924},{"id":960,"depth":646,"text":961},{"id":979,"depth":646,"text":979},{"id":997,"depth":646,"text":997,"children":1384},[1385,1386],{"id":1001,"depth":655,"text":1002},{"id":1073,"depth":655,"text":1074},{"id":1278,"depth":646,"text":1279},"HTML \u003Cdiv> 요소는 플로우 콘텐츠를 담는 일반적인 컨테이너입니다. CSS를 통해 직접 스타일을 적용하거나 플렉스박스 같은 레이아웃 모델이 부모 요소에 적용되지 않는 한, 해당 요소 자체는 콘텐츠나 레이아웃에 아무런 영향을 주지 않습니다.","md",{"slug":1391,"original_slug":1391,"l10n":1392},"develop\u002Fhtml\u002Felements\u002Fdiv",{"sourceCommit":1393},"e9b6cd1b7fa8612257b72b2a85a96dd7d45c0200",{"title":152,"description":1388},"11Zhk9ar62lur8_fKuGLKgqYFIVg1uVU-mJb5U-aJ5s",[1397,1400,1403,1514,1522,1547],{"title":5,"icon":6,"path":7,"stem":8,"children":1398,"page":15},[1399],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1401,"page":15},[1402],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1404,"page":15},[1405,1408,1506],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1406,"page":15},[1407],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1409,"page":15},[1410,1505],{"title":49,"path":50,"stem":51,"children":1411,"icon":54},[1412,1413,1414,1415,1416,1417,1418,1419,1420,1421,1422,1423,1424,1425,1426,1427,1428,1429,1430,1431,1432,1433,1434,1435,1436,1437,1438,1439,1440,1441,1442,1443,1444,1445,1446,1447,1448,1449,1450,1451,1452,1453,1454,1455,1456,1457,1458,1459,1460,1461,1462,1463,1464,1465,1466,1467,1468,1469,1470,1471,1472,1473,1474,1475,1476,1477,1478,1479,1480,1481,1482,1483,1484,1485,1486,1487,1488,1489,1490,1491,1492,1493,1494,1495,1496,1497,1498,1499,1500,1501,1502,1503,1504],{"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":1507,"page":15},[1508,1511],{"title":433,"icon":434,"path":435,"stem":436,"children":1509,"page":15},[1510],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1512,"page":15},[1513],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1515,"page":15},[1516],{"title":460,"icon":455,"path":461,"stem":462,"children":1517},[1518,1519],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1520,"page":15},[1521],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1523,"page":15},[1524,1527,1534],{"title":428,"icon":484,"path":485,"stem":486,"children":1525,"page":15},[1526],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1528,"page":15},[1529],{"title":498,"path":499,"stem":500,"children":1530,"page":15},[1531],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1532,"page":15},[1533],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1535,"page":15},[1536,1537,1538,1539,1540,1541,1542,1543,1544,1545,1546],{"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":1548,"page":15},[1549],{"title":570,"path":571,"stem":572,"children":1550,"page":15},[1551],{"title":575,"path":576,"stem":577,"icon":578},[1553,1554],{"title":148,"path":149,"stem":150,"children":-1},{"title":156,"path":157,"stem":158,"children":-1},1775726369956]