[{"data":1,"prerenderedAt":2460},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fbutton":579,"nav":2301,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fbutton":2457},[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":100,"authors":581,"body":582,"description":2295,"draft":15,"extension":2296,"head":581,"icon":581,"image":581,"meta":2297,"navigation":1056,"path":101,"publishedAt":581,"seo":2299,"stem":102,"tags":581,"updatedAt":581,"__hash__":2300},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fbutton.md",null,{"type":583,"value":584,"toc":2282},"minimark",[585,609,659,1197,1359,1363,1371,1758,1761,1797,1806,1809,1834,1838,1843,1851,1857,1861,1955,1964,1967,1989,1993,1996,2005,2028,2031,2034,2041,2050,2054,2060,2067,2080,2102,2106,2122,2221,2271,2274,2278],[586,587,588,597,598,603,604,608],"p",{},[589,590,591,592,596],"strong",{},"HTML ",[593,594,595],"code",{},"\u003Cbutton>"," 요소","는 클릭 가능한 버튼을 나타냅니다. 버튼은 ",[599,600,602],"a",{"href":601},"\u002Fko\u002Fdocs\u002FLearn_web_development\u002FExtensions\u002FForms","양식"," 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다. 기본값의 HTML 버튼은 사용자 에이전트의 호스트 플랫폼과 비슷한 디자인을 따라가지만, 외형은 ",[599,605,607],{"href":606},"\u002Fko\u002Fdocs\u002FWeb\u002FCSS","CSS","로 변경할 수 있습니다.",[610,611,617],"pre",{"className":612,"code":613,"language":614,"meta":615,"style":616},"language-html shiki shiki-themes github-light github-dark","\u003Cbutton class=\"favorite styled\" type=\"button\">Add to favorites\u003C\u002Fbutton>\n","html","interactive-example","",[593,618,619],{"__ignoreMap":616},[620,621,624,628,632,636,639,643,646,648,651,654,656],"span",{"class":622,"line":623},"line",1,[620,625,627],{"class":626},"sVt8B","\u003C",[620,629,631],{"class":630},"s9eBZ","button",[620,633,635],{"class":634},"sScJk"," class",[620,637,638],{"class":626},"=",[620,640,642],{"class":641},"sZZnC","\"favorite styled\"",[620,644,645],{"class":634}," type",[620,647,638],{"class":626},[620,649,650],{"class":641},"\"button\"",[620,652,653],{"class":626},">Add to favorites\u003C\u002F",[620,655,631],{"class":630},[620,657,658],{"class":626},">\n",[610,660,664],{"className":661,"code":662,"language":663,"meta":615,"style":616},"language-css shiki shiki-themes github-light github-dark",".styled {\n  border: 0;\n  line-height: 2.5;\n  padding: 0 20px;\n  font-size: 1rem;\n  text-align: center;\n  color: #fff;\n  text-shadow: 1px 1px 1px #000;\n  border-radius: 10px;\n  background-color: rgba(220, 0, 0, 1);\n  background-image: linear-gradient(\n    to top left,\n    rgba(0, 0, 0, 0.2),\n    rgba(0, 0, 0, 0.2) 30%,\n    rgba(0, 0, 0, 0)\n  );\n  box-shadow:\n    inset 2px 2px 3px rgba(255, 255, 255, 0.6),\n    inset -2px -2px 3px rgba(0, 0, 0, 0.6);\n}\n\n.styled:hover {\n  background-color: rgba(255, 0, 0, 1);\n}\n\n.styled:active {\n  box-shadow:\n    inset -2px -2px 3px rgba(255, 255, 255, 0.6),\n    inset 2px 2px 3px rgba(0, 0, 0, 0.6);\n}\n","css",[593,665,666,674,690,703,722,738,751,764,790,805,838,852,867,893,925,949,955,964,1007,1045,1051,1058,1066,1093,1098,1103,1111,1118,1155,1192],{"__ignoreMap":616},[620,667,668,671],{"class":622,"line":623},[620,669,670],{"class":634},".styled",[620,672,673],{"class":626}," {\n",[620,675,677,681,684,687],{"class":622,"line":676},2,[620,678,680],{"class":679},"sj4cs","  border",[620,682,683],{"class":626},": ",[620,685,686],{"class":679},"0",[620,688,689],{"class":626},";\n",[620,691,693,696,698,701],{"class":622,"line":692},3,[620,694,695],{"class":679},"  line-height",[620,697,683],{"class":626},[620,699,700],{"class":679},"2.5",[620,702,689],{"class":626},[620,704,706,709,711,713,716,720],{"class":622,"line":705},4,[620,707,708],{"class":679},"  padding",[620,710,683],{"class":626},[620,712,686],{"class":679},[620,714,715],{"class":679}," 20",[620,717,719],{"class":718},"szBVR","px",[620,721,689],{"class":626},[620,723,725,728,730,733,736],{"class":622,"line":724},5,[620,726,727],{"class":679},"  font-size",[620,729,683],{"class":626},[620,731,732],{"class":679},"1",[620,734,735],{"class":718},"rem",[620,737,689],{"class":626},[620,739,741,744,746,749],{"class":622,"line":740},6,[620,742,743],{"class":679},"  text-align",[620,745,683],{"class":626},[620,747,748],{"class":679},"center",[620,750,689],{"class":626},[620,752,754,757,759,762],{"class":622,"line":753},7,[620,755,756],{"class":679},"  color",[620,758,683],{"class":626},[620,760,761],{"class":679},"#fff",[620,763,689],{"class":626},[620,765,767,770,772,774,776,779,781,783,785,788],{"class":622,"line":766},8,[620,768,769],{"class":679},"  text-shadow",[620,771,683],{"class":626},[620,773,732],{"class":679},[620,775,719],{"class":718},[620,777,778],{"class":679}," 1",[620,780,719],{"class":718},[620,782,778],{"class":679},[620,784,719],{"class":718},[620,786,787],{"class":679}," #000",[620,789,689],{"class":626},[620,791,793,796,798,801,803],{"class":622,"line":792},9,[620,794,795],{"class":679},"  border-radius",[620,797,683],{"class":626},[620,799,800],{"class":679},"10",[620,802,719],{"class":718},[620,804,689],{"class":626},[620,806,808,811,813,816,819,822,825,827,829,831,833,835],{"class":622,"line":807},10,[620,809,810],{"class":679},"  background-color",[620,812,683],{"class":626},[620,814,815],{"class":679},"rgba",[620,817,818],{"class":626},"(",[620,820,821],{"class":679},"220",[620,823,824],{"class":626},", ",[620,826,686],{"class":679},[620,828,824],{"class":626},[620,830,686],{"class":679},[620,832,824],{"class":626},[620,834,732],{"class":679},[620,836,837],{"class":626},");\n",[620,839,841,844,846,849],{"class":622,"line":840},11,[620,842,843],{"class":679},"  background-image",[620,845,683],{"class":626},[620,847,848],{"class":679},"linear-gradient",[620,850,851],{"class":626},"(\n",[620,853,855,858,861,864],{"class":622,"line":854},12,[620,856,857],{"class":718},"    to",[620,859,860],{"class":679}," top",[620,862,863],{"class":679}," left",[620,865,866],{"class":626},",\n",[620,868,870,873,875,877,879,881,883,885,887,890],{"class":622,"line":869},13,[620,871,872],{"class":679},"    rgba",[620,874,818],{"class":626},[620,876,686],{"class":679},[620,878,824],{"class":626},[620,880,686],{"class":679},[620,882,824],{"class":626},[620,884,686],{"class":679},[620,886,824],{"class":626},[620,888,889],{"class":679},"0.2",[620,891,892],{"class":626},"),\n",[620,894,896,898,900,902,904,906,908,910,912,914,917,920,923],{"class":622,"line":895},14,[620,897,872],{"class":679},[620,899,818],{"class":626},[620,901,686],{"class":679},[620,903,824],{"class":626},[620,905,686],{"class":679},[620,907,824],{"class":626},[620,909,686],{"class":679},[620,911,824],{"class":626},[620,913,889],{"class":679},[620,915,916],{"class":626},") ",[620,918,919],{"class":679},"30",[620,921,922],{"class":718},"%",[620,924,866],{"class":626},[620,926,928,930,932,934,936,938,940,942,944,946],{"class":622,"line":927},15,[620,929,872],{"class":679},[620,931,818],{"class":626},[620,933,686],{"class":679},[620,935,824],{"class":626},[620,937,686],{"class":679},[620,939,824],{"class":626},[620,941,686],{"class":679},[620,943,824],{"class":626},[620,945,686],{"class":679},[620,947,948],{"class":626},")\n",[620,950,952],{"class":622,"line":951},16,[620,953,954],{"class":626},"  );\n",[620,956,958,961],{"class":622,"line":957},17,[620,959,960],{"class":679},"  box-shadow",[620,962,963],{"class":626},":\n",[620,965,967,970,973,975,977,979,982,984,987,989,992,994,996,998,1000,1002,1005],{"class":622,"line":966},18,[620,968,969],{"class":679},"    inset",[620,971,972],{"class":679}," 2",[620,974,719],{"class":718},[620,976,972],{"class":679},[620,978,719],{"class":718},[620,980,981],{"class":679}," 3",[620,983,719],{"class":718},[620,985,986],{"class":679}," rgba",[620,988,818],{"class":626},[620,990,991],{"class":679},"255",[620,993,824],{"class":626},[620,995,991],{"class":679},[620,997,824],{"class":626},[620,999,991],{"class":679},[620,1001,824],{"class":626},[620,1003,1004],{"class":679},"0.6",[620,1006,892],{"class":626},[620,1008,1010,1012,1015,1017,1019,1021,1023,1025,1027,1029,1031,1033,1035,1037,1039,1041,1043],{"class":622,"line":1009},19,[620,1011,969],{"class":679},[620,1013,1014],{"class":679}," -2",[620,1016,719],{"class":718},[620,1018,1014],{"class":679},[620,1020,719],{"class":718},[620,1022,981],{"class":679},[620,1024,719],{"class":718},[620,1026,986],{"class":679},[620,1028,818],{"class":626},[620,1030,686],{"class":679},[620,1032,824],{"class":626},[620,1034,686],{"class":679},[620,1036,824],{"class":626},[620,1038,686],{"class":679},[620,1040,824],{"class":626},[620,1042,1004],{"class":679},[620,1044,837],{"class":626},[620,1046,1048],{"class":622,"line":1047},20,[620,1049,1050],{"class":626},"}\n",[620,1052,1054],{"class":622,"line":1053},21,[620,1055,1057],{"emptyLinePlaceholder":1056},true,"\n",[620,1059,1061,1064],{"class":622,"line":1060},22,[620,1062,1063],{"class":634},".styled:hover",[620,1065,673],{"class":626},[620,1067,1069,1071,1073,1075,1077,1079,1081,1083,1085,1087,1089,1091],{"class":622,"line":1068},23,[620,1070,810],{"class":679},[620,1072,683],{"class":626},[620,1074,815],{"class":679},[620,1076,818],{"class":626},[620,1078,991],{"class":679},[620,1080,824],{"class":626},[620,1082,686],{"class":679},[620,1084,824],{"class":626},[620,1086,686],{"class":679},[620,1088,824],{"class":626},[620,1090,732],{"class":679},[620,1092,837],{"class":626},[620,1094,1096],{"class":622,"line":1095},24,[620,1097,1050],{"class":626},[620,1099,1101],{"class":622,"line":1100},25,[620,1102,1057],{"emptyLinePlaceholder":1056},[620,1104,1106,1109],{"class":622,"line":1105},26,[620,1107,1108],{"class":634},".styled:active",[620,1110,673],{"class":626},[620,1112,1114,1116],{"class":622,"line":1113},27,[620,1115,960],{"class":679},[620,1117,963],{"class":626},[620,1119,1121,1123,1125,1127,1129,1131,1133,1135,1137,1139,1141,1143,1145,1147,1149,1151,1153],{"class":622,"line":1120},28,[620,1122,969],{"class":679},[620,1124,1014],{"class":679},[620,1126,719],{"class":718},[620,1128,1014],{"class":679},[620,1130,719],{"class":718},[620,1132,981],{"class":679},[620,1134,719],{"class":718},[620,1136,986],{"class":679},[620,1138,818],{"class":626},[620,1140,991],{"class":679},[620,1142,824],{"class":626},[620,1144,991],{"class":679},[620,1146,824],{"class":626},[620,1148,991],{"class":679},[620,1150,824],{"class":626},[620,1152,1004],{"class":679},[620,1154,892],{"class":626},[620,1156,1158,1160,1162,1164,1166,1168,1170,1172,1174,1176,1178,1180,1182,1184,1186,1188,1190],{"class":622,"line":1157},29,[620,1159,969],{"class":679},[620,1161,972],{"class":679},[620,1163,719],{"class":718},[620,1165,972],{"class":679},[620,1167,719],{"class":718},[620,1169,981],{"class":679},[620,1171,719],{"class":718},[620,1173,986],{"class":679},[620,1175,818],{"class":626},[620,1177,686],{"class":679},[620,1179,824],{"class":626},[620,1181,686],{"class":679},[620,1183,824],{"class":626},[620,1185,686],{"class":679},[620,1187,824],{"class":626},[620,1189,1004],{"class":679},[620,1191,837],{"class":626},[620,1193,1195],{"class":622,"line":1194},30,[620,1196,1050],{"class":626},[1198,1199,1202,1203],"table",{"className":1200},[1201],"properties","\n  ",[1204,1205,1206,1207,1206,1253,1206,1266,1206,1274,1206,1284,1206,1296,1206,1351,1202],"tbody",{},"\n    ",[1208,1209,1210,1211,1210,1220,1206],"tr",{},"\n      ",[1212,1213,1215,1216,1210],"th",{"scope":1214},"row","\n        ",[599,1217,1219],{"href":1218},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories","콘텐츠 카테고리",[1221,1222,1215,1223,1227,1228,1227,1232,1227,1236,818,1240,1227,1244,1227,1248,1252],"td",{},[599,1224,1226],{"href":1225},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#플로우_콘텐츠","플로우 콘텐츠",",\n        ",[599,1229,1231],{"href":1230},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#구문_콘텐츠","구문 콘텐츠",[599,1233,1235],{"href":1234},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#대화형_콘텐츠","대화형 콘텐츠",[599,1237,1239],{"href":1238},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#양식_관련_콘텐츠","양식 관련 콘텐츠",[599,1241,1243],{"href":1242},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#나열됨","나열됨",[599,1245,1247],{"href":1246},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#레이블_가능","레이블 가능",[599,1249,1251],{"href":1250},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#제출_가능","제출 가능","), 뚜렷한 콘텐츠.\n      ",[1208,1254,1210,1255,1210,1258,1206],{},[1212,1256,1257],{"scope":1214},"가능한 콘텐츠",[1221,1259,1215,1260,1262,1263,1265],{},[599,1261,1235],{"href":1234},"를 제외한\n        ",[599,1264,1231],{"href":1230},".\n      ",[1208,1267,1210,1268,1210,1271,1206],{},[1212,1269,1270],{"scope":1214},"태그 생략",[1221,1272,1273],{},"불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.",[1208,1275,1210,1276,1210,1279,1206],{},[1212,1277,1278],{"scope":1214},"가능한 부모 요소",[1221,1280,1215,1281,1283],{},[599,1282,1231],{"href":1230},"를 허용하는 모든 요소.\n      ",[1208,1285,1210,1286,1210,1289,1206],{},[1212,1287,1288],{"scope":1214},"암시적 ARIA 역할",[1221,1290,1215,1291,1210],{},[593,1292,1293],{},[599,1294,631],{"href":1295},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fbutton_role",[1208,1297,1210,1298,1210,1301,1206],{},[1212,1299,1300],{"scope":1214},"가능한 ARIA 역할",[1221,1302,1215,1303,824,1309,1227,1315,1227,1321,1227,1327,824,1333,1227,1339,824,1345,1210],{},[599,1304,1306],{"href":1305},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fcheckbox_role",[593,1307,1308],{},"checkbox",[599,1310,1312],{"href":1311},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Flink_role",[593,1313,1314],{},"link",[599,1316,1318],{"href":1317},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fmenuitem_role",[593,1319,1320],{},"menuitem",[599,1322,1324],{"href":1323},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fmenuitemcheckbox_role",[593,1325,1326],{},"menuitemcheckbox",[599,1328,1330],{"href":1329},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fmenuitemradio_role",[593,1331,1332],{},"menuitemradio",[599,1334,1336],{"href":1335},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fradio_role",[593,1337,1338],{},"radio",[599,1340,1342],{"href":1341},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Fswitch_role",[593,1343,1344],{},"switch",[599,1346,1348],{"href":1347},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA\u002FRoles\u002Ftab_role",[593,1349,1350],{},"tab",[1208,1352,1210,1353,1210,1356,1206],{},[1212,1354,1355],{"scope":1214},"DOM 인터페이스",[1221,1357,1358],{},"`HTMLButtonElement`",[1360,1361,1362],"h2",{"id":1362},"특성",[586,1364,1365,1366,1370],{},"이 요소는 ",[599,1367,1369],{"href":1368},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","을 포함합니다.",[1372,1373,1374,1392,1425,1452,1495,1514,1573,1621,1646,1702,1716,1747],"ul",{},[1375,1376,1377,1380],"li",{},[593,1378,1379],{},"autofocus",[1372,1381,1382],{},[1375,1383,1384,1385,1388,1389,1391],{},": 페이지 로드 후, 이 버튼에 포커스가 위치해야 하는지 나타냅니다. 문서 내에서 ",[589,1386,1387],{},"하나의 요소","만 ",[593,1390,1379],{}," 특성을 가질 수 있습니다.",[1375,1393,1394,1397],{},[593,1395,1396],{},"autocomplete",[1372,1398,1399],{},[1375,1400,1401,1402,1404,1405,1411,1412,1414,1415,1418,1419,1424],{},": This attribute on a ",[593,1403,595],{}," is nonstandard and Firefox-specific. Unlike other browsers, ",[599,1406,1410],{"href":1407,"rel":1408},"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F5985839\u002Fbug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing",[1409],"nofollow","Firefox persists the dynamic disabled state"," of a ",[593,1413,595],{}," across page loads. Setting ",[593,1416,1417],{},"autocomplete=\"off\""," disables this feature; see ",[599,1420,1423],{"href":1421,"rel":1422},"https:\u002F\u002Fbugzil.la\u002F654072",[1409],"Firefox bug 654072",".",[1375,1426,1427,1430],{},[593,1428,1429],{},"disabled",[1372,1431,1432],{},[1375,1433,1434,1435,1438,1439,1411,1443,1445,1446,1451],{},": 버튼과 사용자의 상호작용, 즉 누르거나 클릭하는 것을 막습니다.",[1436,1437],"br",{},"Firefox, unlike other browsers, ",[599,1440,1442],{"href":1407,"rel":1441},[1409],"persist the dynamic disabled state",[593,1444,595],{}," across page loads. Use the ",[599,1447,1449],{"href":1448},"#autocomplete",[593,1450,1396],{}," attribute to control this feature.",[1375,1453,1454,1457],{},[593,1455,1456],{},"form",[1372,1458,1459],{},[1375,1460,1461,1462,1464,1465,1467,1468,1474,1475,1477,1478,1480,1481,1483,1484,1486,1488,1489,1491,1492,1494],{},": 버튼과 연결할 ",[593,1463,188],{}," 요소(\"양식 소유자\"). 같은 문서에 존재하는 ",[593,1466,188],{}," 요소의 ",[599,1469,1471],{"href":1470},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes#id",[593,1472,1473],{},"id"," 특성 값을 사용해야 합니다. ",[593,1476,1456],{}," 특성을 지정하지 않았으나 조상 중 ",[593,1479,188],{}," 요소가 존재하면 해당 ",[593,1482,188],{},"과 연결됩니다.",[1436,1485],{},[593,1487,1456],{}," 특성을 사용하면 버튼을 ",[593,1490,188],{}," 요소에 넣지 않고도 연결할 수 있고, 조상 중 ",[593,1493,188],{},"이 있더라도 소유자를 재정의할 수 있습니다.",[1375,1496,1497,1500],{},[593,1498,1499],{},"formaction",[1372,1501,1502],{},[1375,1503,683,1504,1506,1507,1513],{},[593,1505,595],{},"이 제출 버튼인 경우, 제출한 정보를 처리할 URL. 지정한 경우, 버튼의 양식 소유자가 가진 ",[599,1508,1510],{"href":1509},"\u002Fdevelop\u002Fhtml\u002Felements\u002Fform#action",[593,1511,1512],{},"action"," 특성보다 우선합니다. 양식 소유자가 존재하지 않으면 영향을 주지 않습니다.",[1375,1515,1516,1519],{},[593,1517,1518],{},"formenctype",[1372,1520,1521],{},[1375,1522,683,1523,1525,1526,1528,1529,1563,1565,1566,1572],{},[593,1524,595],{},"이 제출 버튼인 경우, ",[593,1527,1518],{}," 특성은 양식을 서버로 제출할 때 사용할 양식 데이터 인코딩을 지정합니다. 가능한 값은 다음과 같습니다.",[1372,1530,1531,1537,1557],{},[1375,1532,1533,1536],{},[593,1534,1535],{},"application\u002Fx-www-form-urlencoded",": 기본값.",[1375,1538,1539,683,1542,1548,1549,1552,1553,1556],{},[593,1540,1541],{},"multipart\u002Fform-data",[599,1543,1545],{"href":1544},"\u002Fdevelop\u002Fhtml\u002Felements\u002Finput#type",[593,1546,1547],{},"type"," 특성이 ",[593,1550,1551],{},"file","인 ",[593,1554,1555],{},"\u003Cinput>","이 존재하는 양식에서 사용하세요.",[1375,1558,1559,1562],{},[593,1560,1561],{},"text\u002Fplain",": 디버깅 전용으로 명세에 추가된 값입니다. 실제 양식 제출 시 사용해선 안됩니다.",[1436,1564],{},"지정한 경우, 버튼의 양식 소유자가 가진 ",[599,1567,1569],{"href":1568},"\u002Fdevelop\u002Fhtml\u002Felements\u002Fform#enctype",[593,1570,1571],{},"enctype"," 특성보다 우선합니다.",[1375,1574,1575,1578],{},[593,1576,1577],{},"formmethod",[1372,1579,1580],{},[1375,1581,683,1582,1525,1584,1586,1587,1591,1592,1613,1565,1615,1572],{},[593,1583,595],{},[593,1585,1577],{}," 특성은 양식을 서버로 제출할 때 사용할 ",[599,1588,1590],{"href":1589},"\u002Fko\u002Fdocs\u002FWeb\u002FHTTP\u002FReference\u002FMethods","HTTP 메서드","를 지정합니다. 가능한 값은 다음과 같습니다.",[1372,1593,1594,1600],{},[1375,1595,1596,1599],{},[593,1597,1598],{},"post",": 양식의 데이터를 HTTP 요청 본문에 넣습니다. 비밀번호처럼, 양식 데이터 중 공개하지 않아야 하는 항목이 있으면 사용하세요.",[1375,1601,1602,1605,1606,1608,1609,1612],{},[593,1603,1604],{},"get",": 양식 ",[593,1607,1512],{}," URL 뒤에 ",[593,1610,1611],{},"?"," 를 추가한 후 양식 데이터를 덧붙입니다. 검색 양식처럼, 양식이 사이드 이펙트를 갖지 않을 때 사용하세요.",[1436,1614],{},[599,1616,1618],{"href":1617},"\u002Fdevelop\u002Fhtml\u002Felements\u002Fform#method",[593,1619,1620],{},"method",[1375,1622,1623,1626],{},[593,1624,1625],{},"formnovalidate",[1372,1627,1628],{},[1375,1629,683,1630,1525,1632,1634,1635,1639,1640,1572],{},[593,1631,595],{},[593,1633,1625],{}," 특성은 양식을 제출할 때 ",[599,1636,1638],{"href":1637},"\u002Fko\u002Fdocs\u002FLearn\u002FForms\u002FForm_validation","유효성 검사","를 하지 않겠다는 것을 지정합니다. 지정한 경우, 버튼의 양식 소유자가 가진 ",[599,1641,1643],{"href":1642},"\u002Fdevelop\u002Fhtml\u002Felements\u002Fform#novalidate",[593,1644,1645],{},"novalidate",[1375,1647,1648,1651],{},[593,1649,1650],{},"formtarget",[1372,1652,1653],{},[1375,1654,683,1655,1525,1657,1659,1660,1663,1664,1670,1671],{},[593,1656,595],{},[593,1658,1650],{}," 특성에는 양식 제출의 결과를 표시할 위치를 나타내는 표준 키워드 혹은 사용자 지정 이름을 사용할 수 있습니다. 가능한 값은 브라우징 맥락(탭, 창, ",[593,1661,1662],{},"\u003Ciframe>",")의 이름 또는 키워드입니다. 지정한 경우, 버튼의 양식 소유자가 가진 ",[599,1665,1667],{"href":1666},"\u002Fdevelop\u002Fhtml\u002Felements\u002Fform#target",[593,1668,1669],{},"target"," 특성보다 우선합니다. 다음 키워드는 특별한 뜻을 가지고 있습니다.\n",[1372,1672,1673,1679,1685,1694],{},[1375,1674,1675,1678],{},[593,1676,1677],{},"_self",": 응답을 현재 브라우징 맥락에 표시합니다. 기본값.",[1375,1680,1681,1684],{},[593,1682,1683],{},"_blank",": 응답을 새로운 브라우징 맥락에 표시합니다. 보통 새 탭이지만, 사용자가 브라우저 설정을 통해 새 창으로 바꿀 수 있습니다.",[1375,1686,1687,1690,1691,1693],{},[593,1688,1689],{},"_parent",": 응답을 현재 브라우징 맥락의 부모에 표시합니다. 부모가 존재하지 않으면 ",[593,1692,1677],{},"와 동일하게 행동합니다.",[1375,1695,1696,1699,1700,1693],{},[593,1697,1698],{},"_top",": 응답을 최상단 브라우징 맥락(현재 맥락의 부모면서 자신의 부모가 존재하지 않는, 제일 높은 맥락)에 표시합니다. 부모가 존재하지 않으면 ",[593,1701,1677],{},[1375,1703,1704,1707],{},[593,1705,1706],{},"name",[1372,1708,1709],{},[1375,1710,1711,1712,1715],{},": 버튼의 이름. 제출할 때, 버튼의 ",[593,1713,1714],{},"value"," 특성과 함께 양식 데이터의 일부를 구성합니다.",[1375,1717,1718,1720],{},[593,1719,1547],{},[1372,1721,1722],{},[1375,1723,1724,1725],{},": 버튼의 행동 방식. 가능한 값은 다음과 같습니다.\n",[1372,1726,1727,1733,1742],{},[1375,1728,1729,1732],{},[593,1730,1731],{},"submit",": 버튼이 서버로 양식 데이터를 제출합니다. 지정하지 않은 경우 기본값이며, 유효하지 않은 값일 때도 사용합니다.",[1375,1734,1735,683,1738,1741],{},[593,1736,1737],{},"reset",[593,1739,1740],{},"\u003Cinput type=\"reset\">","처럼, 모든 컨트롤을 초깃값으로 되돌립니다.",[1375,1743,1744,1746],{},[593,1745,631],{},": 기본 행동이 없으며 클릭했을 때 아무것도 하지 않습니다. 클라이언트측 스크립트와 연결할 수 있습니다.",[1375,1748,1749,1751],{},[593,1750,1714],{},[1372,1752,1753],{},[1375,1754,1755,1756,1715],{},": 버튼의 초깃값. 제출할 때, 버튼의 ",[593,1757,1714],{},[1360,1759,1760],{"id":1760},"참고",[586,1762,1763,1765,1766,1768,1769,1771,1772,1774,1775,1777,1778,824,1781,1784,1785,1788,1789,1792,1793,1796],{},[593,1764,595],{}," 요소는 ",[593,1767,1555],{}," 요소보다 스타일을 적용하기 훨씬 수월합니다. ",[593,1770,1555],{},"은 ",[593,1773,1714],{}," 특성에 텍스트 값밖에 지정할 수 없지만, ",[593,1776,595],{},"은 내부 HTML 콘텐츠(",[593,1779,1780],{},"\u003Cem>",[593,1782,1783],{},"**",", 심지어 ",[593,1786,1787],{},"\u003Cimg>","도)에 더해 ",[593,1790,1791],{},"::after","와 ",[593,1794,1795],{},"::before"," 의사 요소를 사용하는 복잡한 렌더링도 가능합니다.",[586,1798,1799,1800,1802,1803,1805],{},"양식 제출용 버튼이 아니라면 ",[593,1801,1547],{}," 특성을 ",[593,1804,631],{},"으로 지정하는걸 잊지 마세요. 기본값에서는 버튼을 눌렀을 때 양식 데이터를 제출하고, (존재하지 않는) 응답을 불러오려고 시도하는 과정에서 문서의 현재 상태가 사라질 수 있습니다.",[1360,1807,1808],{"id":1808},"예제",[610,1810,1812],{"className":612,"code":1811,"language":614,"meta":616,"style":616},"\u003Cbutton name=\"button\">눌러보세요\u003C\u002Fbutton>\n",[593,1813,1814],{"__ignoreMap":616},[620,1815,1816,1818,1820,1823,1825,1827,1830,1832],{"class":622,"line":623},[620,1817,627],{"class":626},[620,1819,631],{"class":630},[620,1821,1822],{"class":634}," name",[620,1824,638],{"class":626},[620,1826,650],{"class":641},[620,1828,1829],{"class":626},">눌러보세요\u003C\u002F",[620,1831,631],{"class":630},[620,1833,658],{"class":626},[1360,1835,1837],{"id":1836},"접근성-고려사항","접근성 고려사항",[1839,1840,1842],"h3",{"id":1841},"아이콘-버튼","아이콘 버튼",[586,1844,1845,1846,1850],{},"아이콘만 사용해 기능을 표현하는 버튼은 접근 가능한 이름을 갖지 않습니다. 접근 가능한 이름은 스크린 리더 등 접근성 보조 기술이 문서를 분석하고 ",[599,1847,1849],{"href":1848},"\u002Fko\u002Fdocs\u002FLearn_web_development\u002FCore\u002FAccessibility\u002FWhat_is_accessibility#accessibility_apis","접근성 트리","를 생성할 때 사용할 수 있는 프로그램 훅을 제공합니다. 그 후 보조 기술이 페이지 콘텐츠를 탐색하고 조작할 때 접근성 트리를 사용합니다.",[586,1852,1853,1854,1856],{},"아이콘 버튼에 접근 가능한 이름을 부여하려면, ",[593,1855,595],{}," 요소의 기능을 간략히 묘사하는 텍스트를 안에 포함하세요.",[1858,1859,1808],"h4",{"id":1860},"예제-1",[610,1862,1864],{"className":612,"code":1863,"language":614,"meta":616,"style":616},"\u003Cbutton name=\"favorite\" type=\"button\">\n  \u003Csvg aria-hidden=\"true\" viewBox=\"0 0 10 10\">\n    \u003Cpath d=\"M7 9L5 8 3 9V6L1 4h3l1-3 1 3h3L7 6z\" \u002F>\n  \u003C\u002Fsvg>\n  Add to favorites\n\u003C\u002Fbutton>\n",[593,1865,1866,1887,1913,1932,1941,1946],{"__ignoreMap":616},[620,1867,1868,1870,1872,1874,1876,1879,1881,1883,1885],{"class":622,"line":623},[620,1869,627],{"class":626},[620,1871,631],{"class":630},[620,1873,1822],{"class":634},[620,1875,638],{"class":626},[620,1877,1878],{"class":641},"\"favorite\"",[620,1880,645],{"class":634},[620,1882,638],{"class":626},[620,1884,650],{"class":641},[620,1886,658],{"class":626},[620,1888,1889,1892,1895,1898,1900,1903,1906,1908,1911],{"class":622,"line":676},[620,1890,1891],{"class":626},"  \u003C",[620,1893,1894],{"class":630},"svg",[620,1896,1897],{"class":634}," aria-hidden",[620,1899,638],{"class":626},[620,1901,1902],{"class":641},"\"true\"",[620,1904,1905],{"class":634}," viewBox",[620,1907,638],{"class":626},[620,1909,1910],{"class":641},"\"0 0 10 10\"",[620,1912,658],{"class":626},[620,1914,1915,1918,1921,1924,1926,1929],{"class":622,"line":692},[620,1916,1917],{"class":626},"    \u003C",[620,1919,1920],{"class":630},"path",[620,1922,1923],{"class":634}," d",[620,1925,638],{"class":626},[620,1927,1928],{"class":641},"\"M7 9L5 8 3 9V6L1 4h3l1-3 1 3h3L7 6z\"",[620,1930,1931],{"class":626}," \u002F>\n",[620,1933,1934,1937,1939],{"class":622,"line":705},[620,1935,1936],{"class":626},"  \u003C\u002F",[620,1938,1894],{"class":630},[620,1940,658],{"class":626},[620,1942,1943],{"class":622,"line":724},[620,1944,1945],{"class":626},"  Add to favorites\n",[620,1947,1948,1951,1953],{"class":622,"line":740},[620,1949,1950],{"class":626},"\u003C\u002F",[620,1952,631],{"class":630},[620,1954,658],{"class":626},[586,1956,1957,1958,1963],{},"텍스트를 숨기고 싶은 경우, 접근 가능한 방식은 ",[599,1959,1962],{"href":1960,"rel":1961},"https:\u002F\u002Fgomakethings.com\u002Fhidden-content-for-better-a11y\u002F#hiding-the-link",[1409],"CSS 속성을 조합","해 시각적으로는 숨기고, 보조 기술은 읽을 수 있는 형태로 남기는 것입니다.",[586,1965,1966],{},"그러나, 버튼의 텍스트를 시각적으로 남겨놓는 것은 아이콘의 뜻이나 버튼의 기능에 익숙하지 않은 사용자도 도울 수 있다는 점을 명심해야 합니다. 특히 기술과 가깝지 않거나, 문화적으로 다른 해석을 할 수 있는 사용자를 고려하세요.",[1372,1968,1969,1976,1982],{},[1375,1970,1971],{},[599,1972,1975],{"href":1973,"rel":1974},"https:\u002F\u002Fdeveloper.paciellogroup.com\u002Fblog\u002F2017\u002F04\u002Fwhat-is-an-accessible-name\u002F",[1409],"What is an accessible name? | The Paciello Group",[1375,1977,1978],{},[599,1979,1981],{"href":1980},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FUnderstanding_WCAG\u002FRobust#Guideline_4.1_%E2%80%94_Compatible_Maximize_compatibility_with_current_and_future_user_agents_including_assistive_technologies","MDN Understanding WCAG, Guideline 4.1 explanations",[1375,1983,1984],{},[599,1985,1988],{"href":1986,"rel":1987},"https:\u002F\u002Fwww.w3.org\u002FTR\u002FUNDERSTANDING-WCAG20\u002Fensure-compat-rsv.html",[1409],"Understanding Success Criterion 4.1.2 | W3C Understanding WCAG 2.0",[1839,1990,1992],{"id":1991},"크기와-간격","크기와 간격",[1858,1994,1995],{"id":1995},"크기",[586,1997,1998,1999,2004],{},"버튼과 같은 대화형 요소는 상호작용하기 충분한 크기의 활성화 영역을 가져야 합니다. 충분한 크기는 운동 조절 장애를 가진 사용자와, 터치스크린처럼 정확하지 않은 입력 도구 사용자처럼 다양한 사람을 돕습니다. 최소 44x44의 ",[599,2000,2003],{"href":2001,"rel":2002},"https:\u002F\u002Fwww.w3.org\u002FTR\u002FWCAG21\u002F#dfn-css-pixels",[1409],"CSS 픽셀"," 크기를 권고합니다.",[1372,2006,2007,2014,2021],{},[1375,2008,2009],{},[599,2010,2013],{"href":2011,"rel":2012},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG21\u002FUnderstanding\u002Ftarget-size.html",[1409],"Understanding Success Criterion 2.5.5: Target Size | W3C Understanding WCAG 2.1",[1375,2015,2016],{},[599,2017,2020],{"href":2018,"rel":2019},"https:\u002F\u002Fadrianroselli.com\u002F2019\u002F06\u002Ftarget-size-and-2-5-5.html",[1409],"Target Size and 2.5.5 | Adrian Roselli",[1375,2022,2023],{},[599,2024,2027],{"href":2025,"rel":2026},"https:\u002F\u002Fa11yproject.com\u002Fposts\u002Flarge-touch-targets\u002F",[1409],"Quick test: Large touch targets - The A11Y Project",[1858,2029,2030],{"id":2030},"간격",[586,2032,2033],{},"버튼과 같은 대화형 요소 다수를 시각적으로 가까이 배치할 땐 서로를 분리하는 공간을 둬야 합니다. 간격은 운동 조절 장애를 가진 사용자가 원하지 않는 상호작용을 하는걸 방지할 수 있습니다.",[586,2035,2036,2037,2040],{},"간격은 ",[593,2038,2039],{},"margin","과 같은 CSS 속성으로 설정할 수 있습니다.",[1372,2042,2043],{},[1375,2044,2045],{},[599,2046,2049],{"href":2047,"rel":2048},"https:\u002F\u002Faxesslab.com\u002Fhand-tremors\u002F",[1409],"Hand tremors and the giant-button-problem - Axess Lab",[1839,2051,2053],{"id":2052},"firefox","Firefox",[586,2055,2056,2057,1424],{},"Firefox will add a small dotted border on a focused button. This border is declared through CSS in the browser stylesheet, but you can override it to add your own focused style using ",[593,2058,2059],{},"\u003Ca href=\"\u002Fko\u002Fdocs\u002FWeb\u002FCSS\u002F::-moz-focus-inner\">button::-moz-focus-inner { }\u003C\u002Fa>",[586,2061,2062,2063,2066],{},"If overridden, it is important to ",[589,2064,2065],{},"ensure that the state change when focus is moved to the button is high enough"," that people experiencing low vision conditions will be able to perceive it.",[586,2068,2069,2070,2075,2076,2079],{},"Color contrast ratio is determined by comparing the luminosity of the button text and background color values compared to the background the button is placed on. In order to meet current ",[599,2071,2074],{"href":2072,"rel":2073},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002Fintro\u002Fwcag",[1409],"Web Content Accessibility Guidelines (WCAG)",", a ratio of 4.5:1 is required for text content and 3:1 for large text. (Large text is defined as 18.66px and ",[593,2077,2078],{},"font-weight"," or larger, or 24px or larger.)",[1372,2081,2082,2089,2095],{},[1375,2083,2084],{},[599,2085,2088],{"href":2086,"rel":2087},"https:\u002F\u002Fwebaim.org\u002Fresources\u002Fcontrastchecker\u002F",[1409],"WebAIM: Color Contrast Checker",[1375,2090,2091],{},[599,2092,2094],{"href":2093},"\u002Fko\u002Fdocs\u002FWeb\u002FAccessibility\u002FUnderstanding_WCAG\u002FPerceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background","MDN Understanding WCAG, Guideline 1.4 explanations",[1375,2096,2097],{},[599,2098,2101],{"href":2099,"rel":2100},"https:\u002F\u002Fwww.w3.org\u002FTR\u002FUNDERSTANDING-WCAG20\u002Fvisual-audio-contrast-contrast.html",[1409],"Understanding Success Criterion 1.4.3 | W3C Understanding WCAG 2.0",[1839,2103,2105],{"id":2104},"클릭과-포커스","클릭과 포커스",[586,2107,2108,2110,2111,2113,2114,2117,2118,2121],{},[593,2109,595],{},"을 클릭했을 때 포커스를 얻는 여부는 브라우저와 운영체제에 따라 다릅니다. 아래 표는 ",[593,2112,1555],{},"이 ",[593,2115,2116],{},"type=\"button\""," 또는 ",[593,2119,2120],{},"type=\"submit\"","일 때도 동일합니다.",[1198,2123,1202,2124,1202,2131,1202,2145],{},[2125,2126,2127,2128],"caption",{},"\n    `",[631,2129,2130],{},"`을 클릭했을 때 포커스를 부여하나?\n  ",[2132,2133,1206,2134,1202],"thead",{},[1208,2135,1210,2136,1210,2139,1210,2142,1206],{},[1212,2137,2138],{},"데스크톱 브라우저",[1212,2140,2141],{},"Windows 8.1",[1212,2143,2144],{},"OS X 10.X",[1204,2146,1206,2147,1206,2165,1206,2178,1206,2198,1206,2209,1202],{},[1208,2148,1210,2149,1210,2151,1210,2156,1206],{},[1212,2150,2053],{},[1221,2152,2155],{"className":2153},[2154],"bc-supports-yes","예 - Firefox 30.0",[1221,2157,2160,2161,2164],{"className":2158},[2159],"bc-supports-no","\n        (",[593,2162,2163],{},"tabindex","가 존재해도) 아니오 - Firefox 63\n      ",[1208,2166,1210,2167,1210,2170,1210,2174,1206],{},[1212,2168,2169],{},"Chrome",[1221,2171,2173],{"className":2172},[2154],"예 - Chrome 35",[1221,2175,2177],{"className":2176},[2154],"예 - Chrome 65",[1208,2179,1210,2180,1210,2183,1210,2187,1206],{},[1212,2181,2182],{},"Safari",[1221,2184,2186],{"style":2185},"background: #eee","N\u002FA",[1221,2188,2160,2190,2192,2193,2197],{"className":2189},[2159],[593,2191,2163],{},"가 존재해도) 아니오 - Safari 12 (",[599,2194,2196],{"href":2195},"https:\u002F\u002Fbugs.webkit.org\u002Fshow_bug.cgi?id=22261","bug 22261",")\n      ",[1208,2199,1210,2200,1210,2203,1210,2207,1206],{},[1212,2201,2202],{},"Internet Explorer",[1221,2204,2206],{"className":2205},[2154],"예 - Internet Explorer 11",[1221,2208,2186],{"style":2185},[1208,2210,1210,2211,1210,2214,1210,2218,1206],{},[1212,2212,2213],{},"Presto",[1221,2215,2217],{"className":2216},[2154],"예 - Opera 12",[1221,2219,2217],{"className":2220},[2154],[1198,2222,1202,2223,1202,2228,1202,2241],{},[2125,2224,2127,2225],{},[631,2226,2227],{},"`을 탭했을 때 포커스를 부여하나?\n  ",[2132,2229,1206,2230,1202],{},[1208,2231,1210,2232,1210,2235,1210,2238,1206],{},[1212,2233,2234],{},"모바일 브라우저",[1212,2236,2237],{},"iOS 7.1.2",[1212,2239,2240],{},"Android 4.4.4",[1204,2242,1206,2243,1206,2257,1202],{},[1208,2244,1210,2245,1210,2248,1210,2254,1206],{},[1212,2246,2247],{},"Safari Mobile",[1221,2249,818,2251,2253],{"className":2250},[2159],[593,2252,2163],{},"가 존재해도) 아니오",[1221,2255,2186],{"style":2256},"background-color: #eeeeee",[1208,2258,1210,2259,1210,2262,1210,2267,1206],{},[1212,2260,2261],{},"Chrome 35",[1221,2263,818,2265,2253],{"className":2264},[2159],[593,2266,2163],{},[1221,2268,2270],{"className":2269},[2154],"예",[1360,2272,2273],{"id":2273},"명세",[1360,2275,2277],{"id":2276},"브라우저-호환성","브라우저 호환성",[2279,2280,2281],"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":616,"searchDepth":676,"depth":676,"links":2283},[2284,2285,2286,2287,2293,2294],{"id":1362,"depth":676,"text":1362},{"id":1760,"depth":676,"text":1760},{"id":1808,"depth":676,"text":1808},{"id":1836,"depth":676,"text":1837,"children":2288},[2289,2290,2291,2292],{"id":1841,"depth":692,"text":1842},{"id":1991,"depth":692,"text":1992},{"id":2052,"depth":692,"text":2053},{"id":2104,"depth":692,"text":2105},{"id":2273,"depth":676,"text":2273},{"id":2276,"depth":676,"text":2277},"HTML \u003Cbutton> 요소는 클릭 가능한 버튼을 나타냅니다. 버튼은 양식 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다. 기본값의 HTML 버튼은 사용자 에이전트의 호스트 플랫폼과 비슷한 디자인을 따라가지만, 외형은 CSS로 변경할 수 있습니다.","md",{"slug":2298,"original_slug":2298},"develop\u002Fhtml\u002Felements\u002Fbutton",{"title":100,"description":2295},"3ef5_m8BkN6vm8bySQ_O1KHhaNBqH4AHzPw_rzQbarM",[2302,2305,2308,2419,2427,2452],{"title":5,"icon":6,"path":7,"stem":8,"children":2303,"page":15},[2304],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":2306,"page":15},[2307],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":2309,"page":15},[2310,2313,2411],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":2311,"page":15},[2312],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":2314,"page":15},[2315,2410],{"title":49,"path":50,"stem":51,"children":2316,"icon":54},[2317,2318,2319,2320,2321,2322,2323,2324,2325,2326,2327,2328,2329,2330,2331,2332,2333,2334,2335,2336,2337,2338,2339,2340,2341,2342,2343,2344,2345,2346,2347,2348,2349,2350,2351,2352,2353,2354,2355,2356,2357,2358,2359,2360,2361,2362,2363,2364,2365,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2384,2385,2386,2387,2388,2389,2390,2391,2392,2393,2394,2395,2396,2397,2398,2399,2400,2401,2402,2403,2404,2405,2406,2407,2408,2409],{"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":2412,"page":15},[2413,2416],{"title":433,"icon":434,"path":435,"stem":436,"children":2414,"page":15},[2415],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":2417,"page":15},[2418],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":2420,"page":15},[2421],{"title":460,"icon":455,"path":461,"stem":462,"children":2422},[2423,2424],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":2425,"page":15},[2426],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":2428,"page":15},[2429,2432,2439],{"title":428,"icon":484,"path":485,"stem":486,"children":2430,"page":15},[2431],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":2433,"page":15},[2434],{"title":498,"path":499,"stem":500,"children":2435,"page":15},[2436],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":2437,"page":15},[2438],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":2440,"page":15},[2441,2442,2443,2444,2445,2446,2447,2448,2449,2450,2451],{"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":2453,"page":15},[2454],{"title":570,"path":571,"stem":572,"children":2455,"page":15},[2456],{"title":575,"path":576,"stem":577,"icon":578},[2458,2459],{"title":96,"path":97,"stem":98,"children":-1},{"title":104,"path":105,"stem":106,"children":-1},1775726368446]