[{"data":1,"prerenderedAt":1883},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fkbd":579,"nav":1724,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fkbd":1880},[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":232,"authors":581,"body":582,"description":1718,"draft":15,"extension":1719,"head":581,"icon":581,"image":581,"meta":1720,"navigation":1619,"path":233,"publishedAt":581,"seo":1722,"stem":234,"tags":581,"updatedAt":581,"__hash__":1723},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fkbd.md",null,{"type":583,"value":584,"toc":1705},"minimark",[585,598,675,939,1017,1021,1029,1033,1038,1080,1092,1095,1100,1141,1145,1148,1160,1164,1167,1171,1229,1238,1255,1258,1261,1265,1268,1271,1281,1347,1350,1353,1424,1427,1430,1433,1440,1509,1512,1515,1522,1525,1662,1680,1683,1686,1690,1694,1701],[586,587,588,597],"p",{},[589,590,591,592,596],"strong",{},"HTML ",[593,594,595],"code",{},"\u003Ckbd>"," 요소","는 키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냅니다. 관례에 따라 사용자 에이전트의 고정폭 글꼴로 표시하지만, HTML 표준은 그런 점을 강제하지 않습니다.",[599,600,606],"pre",{"className":601,"code":602,"language":603,"meta":604,"style":605},"language-html shiki shiki-themes github-light github-dark","\u003Cp>\n  Please press \u003Ckbd>Ctrl\u003C\u002Fkbd> + \u003Ckbd>Shift\u003C\u002Fkbd> + \u003Ckbd>R\u003C\u002Fkbd> to re-render an\n  MDN page.\n\u003C\u002Fp>\n","html","interactive-example","",[593,607,608,623,659,665],{"__ignoreMap":605},[609,610,613,617,620],"span",{"class":611,"line":612},"line",1,[609,614,616],{"class":615},"sVt8B","\u003C",[609,618,586],{"class":619},"s9eBZ",[609,621,622],{"class":615},">\n",[609,624,626,629,632,635,637,640,642,645,647,649,651,654,656],{"class":611,"line":625},2,[609,627,628],{"class":615},"  Please press \u003C",[609,630,631],{"class":619},"kbd",[609,633,634],{"class":615},">Ctrl\u003C\u002F",[609,636,631],{"class":619},[609,638,639],{"class":615},"> + \u003C",[609,641,631],{"class":619},[609,643,644],{"class":615},">Shift\u003C\u002F",[609,646,631],{"class":619},[609,648,639],{"class":615},[609,650,631],{"class":619},[609,652,653],{"class":615},">R\u003C\u002F",[609,655,631],{"class":619},[609,657,658],{"class":615},"> to re-render an\n",[609,660,662],{"class":611,"line":661},3,[609,663,664],{"class":615},"  MDN page.\n",[609,666,668,671,673],{"class":611,"line":667},4,[609,669,670],{"class":615},"\u003C\u002F",[609,672,586],{"class":619},[609,674,622],{"class":615},[599,676,680],{"className":677,"code":678,"language":679,"meta":604,"style":605},"language-css shiki shiki-themes github-light github-dark","kbd {\n  background-color: #eee;\n  border-radius: 3px;\n  border: 1px solid #b4b4b4;\n  box-shadow:\n    0 1px 1px rgba(0, 0, 0, 0.2),\n    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;\n  color: #333;\n  display: inline-block;\n  font-size: 0.85em;\n  font-weight: 700;\n  line-height: 1;\n  padding: 2px 4px;\n  white-space: nowrap;\n}\n","css",[593,681,682,689,704,720,740,749,790,833,846,859,875,888,900,920,933],{"__ignoreMap":605},[609,683,684,686],{"class":611,"line":612},[609,685,631],{"class":619},[609,687,688],{"class":615}," {\n",[609,690,691,695,698,701],{"class":611,"line":625},[609,692,694],{"class":693},"sj4cs","  background-color",[609,696,697],{"class":615},": ",[609,699,700],{"class":693},"#eee",[609,702,703],{"class":615},";\n",[609,705,706,709,711,714,718],{"class":611,"line":661},[609,707,708],{"class":693},"  border-radius",[609,710,697],{"class":615},[609,712,713],{"class":693},"3",[609,715,717],{"class":716},"szBVR","px",[609,719,703],{"class":615},[609,721,722,725,727,730,732,735,738],{"class":611,"line":667},[609,723,724],{"class":693},"  border",[609,726,697],{"class":615},[609,728,729],{"class":693},"1",[609,731,717],{"class":716},[609,733,734],{"class":693}," solid",[609,736,737],{"class":693}," #b4b4b4",[609,739,703],{"class":615},[609,741,743,746],{"class":611,"line":742},5,[609,744,745],{"class":693},"  box-shadow",[609,747,748],{"class":615},":\n",[609,750,752,755,758,760,762,764,767,770,773,776,778,780,782,784,787],{"class":611,"line":751},6,[609,753,754],{"class":693},"    0",[609,756,757],{"class":693}," 1",[609,759,717],{"class":716},[609,761,757],{"class":693},[609,763,717],{"class":716},[609,765,766],{"class":693}," rgba",[609,768,769],{"class":615},"(",[609,771,772],{"class":693},"0",[609,774,775],{"class":615},", ",[609,777,772],{"class":693},[609,779,775],{"class":615},[609,781,772],{"class":693},[609,783,775],{"class":615},[609,785,786],{"class":693},"0.2",[609,788,789],{"class":615},"),\n",[609,791,793,795,798,800,803,805,807,809,812,814,816,818,820,822,825,828,831],{"class":611,"line":792},7,[609,794,754],{"class":693},[609,796,797],{"class":693}," 2",[609,799,717],{"class":716},[609,801,802],{"class":693}," 0",[609,804,802],{"class":693},[609,806,766],{"class":693},[609,808,769],{"class":615},[609,810,811],{"class":693},"255",[609,813,775],{"class":615},[609,815,811],{"class":693},[609,817,775],{"class":615},[609,819,811],{"class":693},[609,821,775],{"class":615},[609,823,824],{"class":693},"0.7",[609,826,827],{"class":615},") ",[609,829,830],{"class":693},"inset",[609,832,703],{"class":615},[609,834,836,839,841,844],{"class":611,"line":835},8,[609,837,838],{"class":693},"  color",[609,840,697],{"class":615},[609,842,843],{"class":693},"#333",[609,845,703],{"class":615},[609,847,849,852,854,857],{"class":611,"line":848},9,[609,850,851],{"class":693},"  display",[609,853,697],{"class":615},[609,855,856],{"class":693},"inline-block",[609,858,703],{"class":615},[609,860,862,865,867,870,873],{"class":611,"line":861},10,[609,863,864],{"class":693},"  font-size",[609,866,697],{"class":615},[609,868,869],{"class":693},"0.85",[609,871,872],{"class":716},"em",[609,874,703],{"class":615},[609,876,878,881,883,886],{"class":611,"line":877},11,[609,879,880],{"class":693},"  font-weight",[609,882,697],{"class":615},[609,884,885],{"class":693},"700",[609,887,703],{"class":615},[609,889,891,894,896,898],{"class":611,"line":890},12,[609,892,893],{"class":693},"  line-height",[609,895,697],{"class":615},[609,897,729],{"class":693},[609,899,703],{"class":615},[609,901,903,906,908,911,913,916,918],{"class":611,"line":902},13,[609,904,905],{"class":693},"  padding",[609,907,697],{"class":615},[609,909,910],{"class":693},"2",[609,912,717],{"class":716},[609,914,915],{"class":693}," 4",[609,917,717],{"class":716},[609,919,703],{"class":615},[609,921,923,926,928,931],{"class":611,"line":922},14,[609,924,925],{"class":693},"  white-space",[609,927,697],{"class":615},[609,929,930],{"class":693},"nowrap",[609,932,703],{"class":615},[609,934,936],{"class":611,"line":935},15,[609,937,938],{"class":615},"}\n",[940,941,944,945],"table",{"className":942},[943],"properties","\n  ",[946,947,948,949,948,973,948,983,948,991,948,1001,948,1009,944],"tbody",{},"\n    ",[950,951,952,953,952,958,948],"tr",{},"\n      ",[954,955,957],"th",{"scope":956},"row","콘텐츠 카테고리",[959,960,961,962,967,968,972],"td",{},"\n        ",[963,964,966],"a",{"href":965},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#플로우_콘텐츠","플로우 콘텐츠",",\n        ",[963,969,971],{"href":970},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#구문_콘텐츠","구문 콘텐츠",", 뚜렷한 콘텐츠.\n      ",[950,974,952,975,952,978,948],{},[954,976,977],{"scope":956},"가능한 콘텐츠",[959,979,961,980,982],{},[963,981,971],{"href":970},".\n      ",[950,984,952,985,952,988,948],{},[954,986,987],{"scope":956},"태그 생략",[959,989,990],{},"불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.",[950,992,952,993,952,996,948],{},[954,994,995],{"scope":956},"가능한 부모 요소",[959,997,961,998,1000],{},[963,999,971],{"href":970},"를 허용하는 모든 요소.\n      ",[950,1002,952,1003,952,1006,948],{},[954,1004,1005],{"scope":956},"가능한 ARIA 역할",[959,1007,1008],{},"모두",[950,1010,952,1011,952,1014,948],{},[954,1012,1013],{"scope":956},"DOM 인터페이스",[959,1015,1016],{},"`HTMLElement`",[1018,1019,1020],"h2",{"id":1020},"특성",[586,1022,1023,1024,1028],{},"이 요소는 ",[963,1025,1027],{"href":1026},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","만 포함합니다.",[1018,1030,1032],{"id":1031},"사용-일람","사용 일람",[586,1034,1035,1037],{},[593,1036,595],{}," 요소를 다른 요소와 조합해 더 상세한 상황을 표현할 수 있습니다.",[1039,1040,1041,1055,1068],"ul",{},[1042,1043,1044,1046,1047,1049,1050,1054],"li",{},[593,1045,595],{}," 요소를 다른 ",[593,1048,595],{}," 요소 안에 배치해, 하나의 입력 안의 작은 부분이나, 실제 타이핑 키를 하나씩 나타낼 수 있습니다. 아래의 ",[963,1051,1053],{"href":1052},"#%EC%9E%85%EB%A0%A5_%EC%95%88%EC%9D%98_%ED%82%A4%EC%9E%85%EB%A0%A5_%EB%82%98%ED%83%80%EB%82%B4%EA%B8%B0","입력 안의 키입력 나타내기"," 예제를 참고하세요.",[1042,1056,1057,1059,1060,1063,1064,1054],{},[593,1058,595],{}," 요소를 ",[593,1061,1062],{},"\u003Csamp>"," 요소 안에 배치하면 시스템이 에코로써 다시 출력한 사용자 입력을 나타낼 수 있습니다. 아래의 ",[963,1065,1067],{"href":1066},"#%EC%9E%AC%EC%B6%9C%EB%A0%A5%EB%90%9C_%EC%9E%85%EB%A0%A5","재출력된 입력",[1042,1069,1070,1071,1059,1073,1075,1076,1054],{},"반면, ",[593,1072,1062],{},[593,1074,595],{}," 요소 안에 배치하면 화면에 표시된 메뉴 이름, 메뉴 항목, 버튼 이름 등 시스템이 출력한 텍스트를 기반으로 한 입력을 나타낼 수 있습니다. 아래의 ",[963,1077,1079],{"href":1078},"#%ED%99%94%EB%A9%B4%EC%97%90_%ED%91%9C%EC%8B%9C%EB%90%9C_%EC%9E%85%EB%A0%A5_%EC%98%B5%EC%85%98_%EB%82%98%ED%83%80%EB%82%B4%EA%B8%B0","화면에 표시된 입력 옵션 나타내기",[1081,1082,1083],"blockquote",{},[586,1084,1085,1088,1089,1091],{},[609,1086,1087],{},"!NOTE","\n사용자 지정 CSS 파일을 정의해 ",[593,1090,595],{}," 요소의 브라우저 기본 글꼴을 바꿀 수 있지만, 사용자 설정이 더 우선할 수도 있습니다.",[1018,1093,1094],{"id":1094},"예제",[1096,1097,1099],"h3",{"id":1098},"기본-예제","기본 예제",[599,1101,1103],{"className":601,"code":1102,"language":603,"meta":605,"style":605},"\u003Cp>\n  \u003Ckbd>help mycommand\u003C\u002Fkbd> 명령어를 입력해 \"mycommand\" 명령에 대한 문서를\n  확인하세요.\n\u003C\u002Fp>\n",[593,1104,1105,1113,1128,1133],{"__ignoreMap":605},[609,1106,1107,1109,1111],{"class":611,"line":612},[609,1108,616],{"class":615},[609,1110,586],{"class":619},[609,1112,622],{"class":615},[609,1114,1115,1118,1120,1123,1125],{"class":611,"line":625},[609,1116,1117],{"class":615},"  \u003C",[609,1119,631],{"class":619},[609,1121,1122],{"class":615},">help mycommand\u003C\u002F",[609,1124,631],{"class":619},[609,1126,1127],{"class":615},"> 명령어를 입력해 \"mycommand\" 명령에 대한 문서를\n",[609,1129,1130],{"class":611,"line":661},[609,1131,1132],{"class":615},"  확인하세요.\n",[609,1134,1135,1137,1139],{"class":611,"line":667},[609,1136,670],{"class":615},[609,1138,586],{"class":619},[609,1140,622],{"class":615},[1142,1143,1144],"h4",{"id":1144},"결과",[1096,1146,1053],{"id":1147},"입력-안의-키입력-나타내기",[586,1149,1150,1151,1153,1154,1156,1157,1159],{},"다수의 키입력으로 구성된 입력을 설명할 땐 여러 개의 ",[593,1152,595],{}," 요소를 중첩할 수 있습니다. 바깥 ",[593,1155,595],{},"는 전체 입력을, 각각의 키입력 또는 구성요소는 안쪽의 ",[593,1158,595],{},"로 나타냅니다.",[1142,1161,1163],{"id":1162},"스타일-없이","스타일 없이",[586,1165,1166],{},"우선 기본 HTML에서 어떻게 나타나나 확인해보겠습니다.",[1168,1169,1170],"h5",{"id":603},"HTML",[599,1172,1174],{"className":601,"code":1173,"language":603,"meta":605,"style":605},"\u003Cp>\n  새로운 문서는 키보드 단축키 \u003Ckbd>\u003Ckbd>Ctrl\u003C\u002Fkbd>+\u003Ckbd>N\u003C\u002Fkbd>\u003C\u002Fkbd\n  >으로 만들 수 있습니다.\n\u003C\u002Fp>\n",[593,1175,1176,1184,1216,1221],{"__ignoreMap":605},[609,1177,1178,1180,1182],{"class":611,"line":612},[609,1179,616],{"class":615},[609,1181,586],{"class":619},[609,1183,622],{"class":615},[609,1185,1186,1189,1191,1194,1196,1198,1200,1203,1205,1208,1210,1213],{"class":611,"line":625},[609,1187,1188],{"class":615},"  새로운 문서는 키보드 단축키 \u003C",[609,1190,631],{"class":619},[609,1192,1193],{"class":615},">\u003C",[609,1195,631],{"class":619},[609,1197,634],{"class":615},[609,1199,631],{"class":619},[609,1201,1202],{"class":615},">+\u003C",[609,1204,631],{"class":619},[609,1206,1207],{"class":615},">N\u003C\u002F",[609,1209,631],{"class":619},[609,1211,1212],{"class":615},">\u003C\u002F",[609,1214,1215],{"class":619},"kbd\n",[609,1217,1218],{"class":611,"line":661},[609,1219,1220],{"class":615},"  >으로 만들 수 있습니다.\n",[609,1222,1223,1225,1227],{"class":611,"line":667},[609,1224,670],{"class":615},[609,1226,586],{"class":619},[609,1228,622],{"class":615},[586,1230,1231,1232,1234,1235,1237],{},"단축키 조합 전체를 하나의 ",[593,1233,595],{},"로 감싼 후, 조합 구성요소를 나타내기 위해 각각의 키보드 키를 다른 ",[593,1236,595],{},"로 감싼 모습입니다.",[1081,1239,1240,1252],{},[586,1241,1242,1244,1245,1247,1248,1251],{},[609,1243,1087],{},"\n꼭 이렇게 중첩할 필요는 없습니다. 바깥 ",[593,1246,595],{},"를 생략하고, ",[593,1249,1250],{},"\u003Ckbd>Ctrl\u003C\u002Fkbd>+\u003Ckbd>N\u003C\u002Fkbd>","로 작성하더라도 완벽하게 유효한 표기법입니다.",[586,1253,1254],{},"다만 현재 사용 중인 스타일에 따라 중첩이 유용할 때도 있습니다.",[1168,1256,1144],{"id":1257},"결과-1",[586,1259,1260],{},"스타일 시트 없는 출력은 다음과 같습니다.",[1142,1262,1264],{"id":1263},"스타일-적용","스타일 적용",[586,1266,1267],{},"CSS를 좀 더해서 명확하게 바꿀 수 있습니다.",[1168,1269,1270],{"id":679},"CSS",[586,1272,1273,1274,1276,1277,1280],{},"키보드 버튼을 렌더링 할 때 사용할 수 있는, ",[593,1275,595],{}," 요소의 ",[593,1278,1279],{},"\"key\""," 스타일을 추가합니다.",[599,1282,1284],{"className":677,"code":1283,"language":679,"meta":605,"style":605},"kbd.key {\n  border-radius: 3px;\n  padding: 1px 2px 0;\n  border: 1px solid black;\n}\n",[593,1285,1286,1296,1308,1326,1343],{"__ignoreMap":605},[609,1287,1288,1290,1294],{"class":611,"line":612},[609,1289,631],{"class":619},[609,1291,1293],{"class":1292},"sScJk",".key",[609,1295,688],{"class":615},[609,1297,1298,1300,1302,1304,1306],{"class":611,"line":625},[609,1299,708],{"class":693},[609,1301,697],{"class":615},[609,1303,713],{"class":693},[609,1305,717],{"class":716},[609,1307,703],{"class":615},[609,1309,1310,1312,1314,1316,1318,1320,1322,1324],{"class":611,"line":661},[609,1311,905],{"class":693},[609,1313,697],{"class":615},[609,1315,729],{"class":693},[609,1317,717],{"class":716},[609,1319,797],{"class":693},[609,1321,717],{"class":716},[609,1323,802],{"class":693},[609,1325,703],{"class":615},[609,1327,1328,1330,1332,1334,1336,1338,1341],{"class":611,"line":667},[609,1329,724],{"class":693},[609,1331,697],{"class":615},[609,1333,729],{"class":693},[609,1335,717],{"class":716},[609,1337,734],{"class":693},[609,1339,1340],{"class":693}," black",[609,1342,703],{"class":615},[609,1344,1345],{"class":611,"line":742},[609,1346,938],{"class":615},[1168,1348,1170],{"id":1349},"html-1",[586,1351,1352],{},"HTML을 업데이트해 앞선 스타일을 적용합니다.",[599,1354,1356],{"className":601,"code":1355,"language":603,"meta":605,"style":605},"\u003Cp>\n  새로운 문서는 키보드 단축키\n  \u003Ckbd>\u003Ckbd class=\"key\">Ctrl\u003C\u002Fkbd>+\u003Ckbd class=\"key\">N\u003C\u002Fkbd>\u003C\u002Fkbd\n  >으로 만들 수 있습니다.\n\u003C\u002Fp>\n",[593,1357,1358,1366,1371,1412,1416],{"__ignoreMap":605},[609,1359,1360,1362,1364],{"class":611,"line":612},[609,1361,616],{"class":615},[609,1363,586],{"class":619},[609,1365,622],{"class":615},[609,1367,1368],{"class":611,"line":625},[609,1369,1370],{"class":615},"  새로운 문서는 키보드 단축키\n",[609,1372,1373,1375,1377,1379,1381,1384,1387,1390,1392,1394,1396,1398,1400,1402,1404,1406,1408,1410],{"class":611,"line":661},[609,1374,1117],{"class":615},[609,1376,631],{"class":619},[609,1378,1193],{"class":615},[609,1380,631],{"class":619},[609,1382,1383],{"class":1292}," class",[609,1385,1386],{"class":615},"=",[609,1388,1279],{"class":1389},"sZZnC",[609,1391,634],{"class":615},[609,1393,631],{"class":619},[609,1395,1202],{"class":615},[609,1397,631],{"class":619},[609,1399,1383],{"class":1292},[609,1401,1386],{"class":615},[609,1403,1279],{"class":1389},[609,1405,1207],{"class":615},[609,1407,631],{"class":619},[609,1409,1212],{"class":615},[609,1411,1215],{"class":619},[609,1413,1414],{"class":611,"line":667},[609,1415,1220],{"class":615},[609,1417,1418,1420,1422],{"class":611,"line":742},[609,1419,670],{"class":615},[609,1421,586],{"class":619},[609,1423,622],{"class":615},[1168,1425,1144],{"id":1426},"결과-2",[586,1428,1429],{},"원하던 바로 그 결과입니다!",[1096,1431,1067],{"id":1432},"재출력된-입력",[586,1434,1435,1059,1437,1439],{},[593,1436,595],{},[593,1438,1062],{}," 요소 안에 배치하면 시스템이 다시 출력한 입력을 나타낼 수 있습니다.",[599,1441,1443],{"className":601,"code":1442,"language":603,"meta":605,"style":605},"\u003Cp>\n  구문 오류가 발생하면, 오류 원인을 찾을 수 있도록 입력받은 명령을 다시\n  출력합니다.\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Csamp>\u003Ckbd>custom-git ad my-new-file.cpp\u003C\u002Fkbd>\u003C\u002Fsamp>\n\u003C\u002Fblockquote>\n",[593,1444,1445,1453,1458,1463,1471,1479,1501],{"__ignoreMap":605},[609,1446,1447,1449,1451],{"class":611,"line":612},[609,1448,616],{"class":615},[609,1450,586],{"class":619},[609,1452,622],{"class":615},[609,1454,1455],{"class":611,"line":625},[609,1456,1457],{"class":615},"  구문 오류가 발생하면, 오류 원인을 찾을 수 있도록 입력받은 명령을 다시\n",[609,1459,1460],{"class":611,"line":661},[609,1461,1462],{"class":615},"  출력합니다.\n",[609,1464,1465,1467,1469],{"class":611,"line":667},[609,1466,670],{"class":615},[609,1468,586],{"class":619},[609,1470,622],{"class":615},[609,1472,1473,1475,1477],{"class":611,"line":742},[609,1474,616],{"class":615},[609,1476,1081],{"class":619},[609,1478,622],{"class":615},[609,1480,1481,1483,1486,1488,1490,1493,1495,1497,1499],{"class":611,"line":751},[609,1482,1117],{"class":615},[609,1484,1485],{"class":619},"samp",[609,1487,1193],{"class":615},[609,1489,631],{"class":619},[609,1491,1492],{"class":615},">custom-git ad my-new-file.cpp\u003C\u002F",[609,1494,631],{"class":619},[609,1496,1212],{"class":615},[609,1498,1485],{"class":619},[609,1500,622],{"class":615},[609,1502,1503,1505,1507],{"class":611,"line":792},[609,1504,670],{"class":615},[609,1506,1081],{"class":619},[609,1508,622],{"class":615},[586,1510,1511],{},"결과는 다음과 같습니다.",[1096,1513,1079],{"id":1514},"화면에-표시된-입력-옵션-나타내기",[586,1516,1517,1059,1519,1521],{},[593,1518,1062],{},[593,1520,595],{}," 요소 안에 배치하면 시스템이 화면에 표시하는 입력 선택지(메뉴, 버튼...)에 기반한 사용자 입력을 나타냅니다.",[586,1523,1524],{},"예를 들면, \"파일\" 메뉴의 \"새 문서\" 옵션을 선택하는 방법에 대해 설명하는 HTML은 다음과 같은 형태를 가집니다.",[599,1526,1528],{"className":601,"code":1527,"language":603,"meta":605,"style":605},"\u003Cp>\n  새로운 파일을 생성하려면,\n  \u003Ckbd>\n    \u003Ckbd>\u003Csamp>파일\u003C\u002Fsamp>\u003C\u002Fkbd\n    >⇒\u003Ckbd>\u003Csamp>새 문서\u003C\u002Fsamp>\u003C\u002Fkbd>\n  \u003C\u002Fkbd>\n  메뉴를 선택하세요.\n\u003C\u002Fp>\n\n\u003Cp>\n  파일의 이름을 입력한 후, \u003Ckbd>\u003Csamp>확인\u003C\u002Fsamp>\u003C\u002Fkbd\n  >을 누르는 걸 잊지 마세요.\n\u003C\u002Fp>\n",[593,1529,1530,1538,1543,1551,1571,1593,1602,1607,1615,1621,1629,1649,1654],{"__ignoreMap":605},[609,1531,1532,1534,1536],{"class":611,"line":612},[609,1533,616],{"class":615},[609,1535,586],{"class":619},[609,1537,622],{"class":615},[609,1539,1540],{"class":611,"line":625},[609,1541,1542],{"class":615},"  새로운 파일을 생성하려면,\n",[609,1544,1545,1547,1549],{"class":611,"line":661},[609,1546,1117],{"class":615},[609,1548,631],{"class":619},[609,1550,622],{"class":615},[609,1552,1553,1556,1558,1560,1562,1565,1567,1569],{"class":611,"line":667},[609,1554,1555],{"class":615},"    \u003C",[609,1557,631],{"class":619},[609,1559,1193],{"class":615},[609,1561,1485],{"class":619},[609,1563,1564],{"class":615},">파일\u003C\u002F",[609,1566,1485],{"class":619},[609,1568,1212],{"class":615},[609,1570,1215],{"class":619},[609,1572,1573,1576,1578,1580,1582,1585,1587,1589,1591],{"class":611,"line":742},[609,1574,1575],{"class":615},"    >⇒\u003C",[609,1577,631],{"class":619},[609,1579,1193],{"class":615},[609,1581,1485],{"class":619},[609,1583,1584],{"class":615},">새 문서\u003C\u002F",[609,1586,1485],{"class":619},[609,1588,1212],{"class":615},[609,1590,631],{"class":619},[609,1592,622],{"class":615},[609,1594,1595,1598,1600],{"class":611,"line":751},[609,1596,1597],{"class":615},"  \u003C\u002F",[609,1599,631],{"class":619},[609,1601,622],{"class":615},[609,1603,1604],{"class":611,"line":792},[609,1605,1606],{"class":615},"  메뉴를 선택하세요.\n",[609,1608,1609,1611,1613],{"class":611,"line":835},[609,1610,670],{"class":615},[609,1612,586],{"class":619},[609,1614,622],{"class":615},[609,1616,1617],{"class":611,"line":848},[609,1618,1620],{"emptyLinePlaceholder":1619},true,"\n",[609,1622,1623,1625,1627],{"class":611,"line":861},[609,1624,616],{"class":615},[609,1626,586],{"class":619},[609,1628,622],{"class":615},[609,1630,1631,1634,1636,1638,1640,1643,1645,1647],{"class":611,"line":877},[609,1632,1633],{"class":615},"  파일의 이름을 입력한 후, \u003C",[609,1635,631],{"class":619},[609,1637,1193],{"class":615},[609,1639,1485],{"class":619},[609,1641,1642],{"class":615},">확인\u003C\u002F",[609,1644,1485],{"class":619},[609,1646,1212],{"class":615},[609,1648,1215],{"class":619},[609,1650,1651],{"class":611,"line":890},[609,1652,1653],{"class":615},"  >을 누르는 걸 잊지 마세요.\n",[609,1655,1656,1658,1660],{"class":611,"line":902},[609,1657,670],{"class":615},[609,1659,586],{"class":619},[609,1661,622],{"class":615},[586,1663,1664,1665,1667,1668,1670,1671,1673,1674,1676,1677,1679],{},"흥미로운 중첩 사용법을 볼 수 있습니다. 메뉴 옵션 설명을 보면, 전체 입력 시퀀스가 하나의 ",[593,1666,595],{}," 요소에 들어간 것을 볼 수 있으며, 메뉴 이름(\"파일\")과 메뉴 항목(\"새 문서\") 둘 다 각자의 ",[593,1669,595],{},"와 ",[593,1672,1062],{},"로 표시한 것을 볼 수 있습니다. ",[593,1675,595],{}," 안에 ",[593,1678,1062],{},"가 존재하므로, \"파일\"과 \"새 문서\"는 화면 위의 위젯을 사용한 입력임을 알 수 있습니다.",[1142,1681,1144],{"id":1682},"결과-3",[1018,1684,1685],{"id":1685},"명세",[1018,1687,1689],{"id":1688},"브라우저-호환성","브라우저 호환성",[1018,1691,1693],{"id":1692},"같이-보기","같이 보기",[1039,1695,1696],{},[1042,1697,1698],{},[593,1699,1700],{},"\u003Ccode>",[1702,1703,1704],"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 .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":605,"searchDepth":625,"depth":625,"links":1706},[1707,1708,1709,1715,1716,1717],{"id":1020,"depth":625,"text":1020},{"id":1031,"depth":625,"text":1032},{"id":1094,"depth":625,"text":1094,"children":1710},[1711,1712,1713,1714],{"id":1098,"depth":661,"text":1099},{"id":1147,"depth":661,"text":1053},{"id":1432,"depth":661,"text":1067},{"id":1514,"depth":661,"text":1079},{"id":1685,"depth":625,"text":1685},{"id":1688,"depth":625,"text":1689},{"id":1692,"depth":625,"text":1693},"HTML \u003Ckbd> 요소는 키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냅니다. 관례에 따라 사용자 에이전트의 고정폭 글꼴로 표시하지만, HTML 표준은 그런 점을 강제하지 않습니다.","md",{"slug":1721,"original_slug":1721},"develop\u002Fhtml\u002Felements\u002Fkbd",{"title":232,"description":1718},"HMMcthm0SIqmM7Mn9dl_-IK-ut0yvJHukOE2LZXHpr4",[1725,1728,1731,1842,1850,1875],{"title":5,"icon":6,"path":7,"stem":8,"children":1726,"page":15},[1727],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1729,"page":15},[1730],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1732,"page":15},[1733,1736,1834],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1734,"page":15},[1735],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1737,"page":15},[1738,1833],{"title":49,"path":50,"stem":51,"children":1739,"icon":54},[1740,1741,1742,1743,1744,1745,1746,1747,1748,1749,1750,1751,1752,1753,1754,1755,1756,1757,1758,1759,1760,1761,1762,1763,1764,1765,1766,1767,1768,1769,1770,1771,1772,1773,1774,1775,1776,1777,1778,1779,1780,1781,1782,1783,1784,1785,1786,1787,1788,1789,1790,1791,1792,1793,1794,1795,1796,1797,1798,1799,1800,1801,1802,1803,1804,1805,1806,1807,1808,1809,1810,1811,1812,1813,1814,1815,1816,1817,1818,1819,1820,1821,1822,1823,1824,1825,1826,1827,1828,1829,1830,1831,1832],{"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":1835,"page":15},[1836,1839],{"title":433,"icon":434,"path":435,"stem":436,"children":1837,"page":15},[1838],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1840,"page":15},[1841],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1843,"page":15},[1844],{"title":460,"icon":455,"path":461,"stem":462,"children":1845},[1846,1847],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1848,"page":15},[1849],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1851,"page":15},[1852,1855,1862],{"title":428,"icon":484,"path":485,"stem":486,"children":1853,"page":15},[1854],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1856,"page":15},[1857],{"title":498,"path":499,"stem":500,"children":1858,"page":15},[1859],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1860,"page":15},[1861],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1863,"page":15},[1864,1865,1866,1867,1868,1869,1870,1871,1872,1873,1874],{"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":1876,"page":15},[1877],{"title":570,"path":571,"stem":572,"children":1878,"page":15},[1879],{"title":575,"path":576,"stem":577,"icon":578},[1881,1882],{"title":228,"path":229,"stem":230,"children":-1},{"title":236,"path":237,"stem":238,"children":-1},1775726372559]