[{"data":1,"prerenderedAt":2945},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fa":579,"nav":2786,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fa":2942},[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":56,"authors":581,"body":582,"description":2780,"draft":15,"extension":2781,"head":581,"icon":581,"image":581,"meta":2782,"navigation":647,"path":57,"publishedAt":581,"seo":2784,"stem":58,"tags":581,"updatedAt":581,"__hash__":2785},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fa.md",null,{"type":583,"value":584,"toc":2755},"minimark",[585,612,764,802,806,814,1107,1111,1209,1212,1217,1242,1246,1311,1352,1356,1425,1439,1443,1448,1473,1477,1522,1527,1544,1554,1568,1572,1658,1661,1796,1800,2144,2148,2160,2172,2175,2179,2182,2223,2263,2266,2273,2285,2297,2301,2306,2381,2389,2453,2456,2480,2484,2493,2591,2664,2667,2683,2687,2694,2701,2717,2720,2724,2728,2751],[586,587,588,596,597,604,605,607,608,611],"p",{},[589,590,591,592,595],"strong",{},"HTML ",[593,594,56],"code",{}," 요소","(앵커 요소)는 ",[598,599,601],"a",{"href":600},"#href",[593,602,603],{},"href"," 특성을 통해 다른 페이지, 같은 페이지의 특정 위치, 파일, 이메일 주소 등 다양한 URL로 연결하는 하이퍼링크를 만듭니다. ",[593,606,56],{}," 안의 콘텐츠는 링크가 가리키는 목적지를 ",[589,609,610],{},"명확히 설명","해야 합니다.",[613,614,620],"pre",{"className":615,"code":616,"language":617,"meta":618,"style":619},"language-html shiki shiki-themes github-light github-dark","\u003Cp>You can reach Michael at:\u003C\u002Fp>\n\n\u003Cul>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fexample.com\">Website\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"mailto:m.bluth@example.com\">Email\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"tel:+123456789\">Phone\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n","html","interactive-example","",[593,621,622,642,649,659,696,725,754],{"__ignoreMap":619},[623,624,627,631,634,637,639],"span",{"class":625,"line":626},"line",1,[623,628,630],{"class":629},"sVt8B","\u003C",[623,632,586],{"class":633},"s9eBZ",[623,635,636],{"class":629},">You can reach Michael at:\u003C\u002F",[623,638,586],{"class":633},[623,640,641],{"class":629},">\n",[623,643,645],{"class":625,"line":644},2,[623,646,648],{"emptyLinePlaceholder":647},true,"\n",[623,650,652,654,657],{"class":625,"line":651},3,[623,653,630],{"class":629},[623,655,656],{"class":633},"ul",[623,658,641],{"class":629},[623,660,662,665,668,671,673,677,680,684,687,689,692,694],{"class":625,"line":661},4,[623,663,664],{"class":629},"  \u003C",[623,666,667],{"class":633},"li",[623,669,670],{"class":629},">\u003C",[623,672,598],{"class":633},[623,674,676],{"class":675},"sScJk"," href",[623,678,679],{"class":629},"=",[623,681,683],{"class":682},"sZZnC","\"https:\u002F\u002Fexample.com\"",[623,685,686],{"class":629},">Website\u003C\u002F",[623,688,598],{"class":633},[623,690,691],{"class":629},">\u003C\u002F",[623,693,667],{"class":633},[623,695,641],{"class":629},[623,697,699,701,703,705,707,709,711,714,717,719,721,723],{"class":625,"line":698},5,[623,700,664],{"class":629},[623,702,667],{"class":633},[623,704,670],{"class":629},[623,706,598],{"class":633},[623,708,676],{"class":675},[623,710,679],{"class":629},[623,712,713],{"class":682},"\"mailto:m.bluth@example.com\"",[623,715,716],{"class":629},">Email\u003C\u002F",[623,718,598],{"class":633},[623,720,691],{"class":629},[623,722,667],{"class":633},[623,724,641],{"class":629},[623,726,728,730,732,734,736,738,740,743,746,748,750,752],{"class":625,"line":727},6,[623,729,664],{"class":629},[623,731,667],{"class":633},[623,733,670],{"class":629},[623,735,598],{"class":633},[623,737,676],{"class":675},[623,739,679],{"class":629},[623,741,742],{"class":682},"\"tel:+123456789\"",[623,744,745],{"class":629},">Phone\u003C\u002F",[623,747,598],{"class":633},[623,749,691],{"class":629},[623,751,667],{"class":633},[623,753,641],{"class":629},[623,755,757,760,762],{"class":625,"line":756},7,[623,758,759],{"class":629},"\u003C\u002F",[623,761,656],{"class":633},[623,763,641],{"class":629},[613,765,769],{"className":766,"code":767,"language":768,"meta":618,"style":619},"language-css shiki shiki-themes github-light github-dark","li {\n  margin-bottom: 0.5rem;\n}\n","css",[593,770,771,778,797],{"__ignoreMap":619},[623,772,773,775],{"class":625,"line":626},[623,774,667],{"class":633},[623,776,777],{"class":629}," {\n",[623,779,780,784,787,790,794],{"class":625,"line":644},[623,781,783],{"class":782},"sj4cs","  margin-bottom",[623,785,786],{"class":629},": ",[623,788,789],{"class":782},"0.5",[623,791,793],{"class":792},"szBVR","rem",[623,795,796],{"class":629},";\n",[623,798,799],{"class":625,"line":651},[623,800,801],{"class":629},"}\n",[803,804,805],"h2",{"id":805},"특성",[586,807,808,809,813],{},"이 요소는 ",[598,810,812],{"href":811},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","을 포함합니다.",[656,815,816,892,928,947,961,978,993,1097],{},[667,817,818,821],{},[593,819,820],{},"download",[656,822,823],{},[667,824,825,826,852],{},": 링크를 따라가는 대신 해당 URL을 파일로 저장할지 묻습니다. 값을 생략하거나 직접 지정할 수 있습니다.",[656,827,828,834],{},[667,829,830,833],{},[589,831,832],{},"값 없음",": 브라우저가 HTTP 헤더, URL 경로, 미디어 유형 등을 참고해 파일 이름을 자동으로 제안합니다.",[667,835,836,839,840,843,844,847,848,851],{},[589,837,838],{},"값 지정",": 지정한 값을 저장 파일 이름으로 제안합니다. ",[593,841,842],{},"\u002F","와 ",[593,845,846],{},"\\","는 ",[593,849,850],{},"_","로 변환됩니다.",[853,854,855,860],"blockquote",{},[586,856,857],{},[623,858,859],{},"!NOTE",[656,861,862,879],{},[667,863,864,847,866,870,871,874,875,878],{},[593,865,820],{},[598,867,869],{"href":868},"\u002Fko\u002Fdocs\u002FWeb\u002FSecurity\u002FDefenses\u002FSame-origin_policy","동일 출처 URL","과 ",[593,872,873],{},"blob:",", ",[593,876,877],{},"data:"," 스킴에서만 동작합니다.",[667,880,881,884,885,888,889,891],{},[593,882,883],{},"Content-Disposition"," 헤더의 ",[593,886,887],{},"filename","이 ",[593,890,820],{}," 특성과 다를 경우 헤더가 우선합니다.",[667,893,894,896],{},[593,895,603],{},[656,897,898],{},[667,899,900,901],{},": 링크가 가리키는 URL입니다. HTTP URL 외에도 브라우저가 지원하는 다양한 스킴을 사용할 수 있습니다.\n",[656,902,903,909,915,921],{},[667,904,905,908],{},[593,906,907],{},"#섹션ID"," — 같은 페이지의 특정 구획으로 이동",[667,910,911,914],{},[593,912,913],{},"mailto:"," — 이메일 클라이언트 열기",[667,916,917,920],{},[593,918,919],{},"tel:"," — 전화 걸기",[667,922,923,874,925,927],{},[593,924,873],{},[593,926,877],{}," — 파일 다운로드 등에 활용",[667,929,930,933],{},[593,931,932],{},"hreflang",[656,934,935],{},[667,936,937,938,946],{},": 링크 URL의 언어를 나타내는 힌트입니다. 가능한 값은 ",[598,939,941,942,945],{"href":940},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes\u002Flang","전역 ",[593,943,944],{},"lang"," 특성","과 동일합니다. 브라우저 동작에 직접적인 영향을 주지는 않습니다.",[667,948,949,952],{},[593,950,951],{},"ping",[656,953,954],{},[667,955,956,957,960],{},": 공백으로 구분한 URL 목록입니다. 링크를 클릭하면 브라우저가 각 URL에 ",[593,958,959],{},"POST"," 요청을 전송합니다. 주로 클릭 추적 용도로 사용합니다.",[667,962,963,966],{},[593,964,965],{},"referrerpolicy",[656,967,968],{},[667,969,970,971,977],{},": URL을 요청할 때 함께 전송할 리퍼러 정보를 지정합니다. 자세한 값과 효과는 ",[598,972,974],{"href":973},"\u002Fko\u002Fdocs\u002FWeb\u002FHTTP\u002FHeaders\u002FReferrer-Policy",[593,975,976],{},"Referrer-Policy"," 문서를 참고하세요.",[667,979,980,983],{},[593,981,982],{},"rel",[656,984,985],{},[667,986,987,988,992],{},": 공백으로 구분한 ",[598,989,991],{"href":990},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FAttributes\u002Frel","링크 유형"," 목록으로, 현재 문서와 연결된 URL의 관계를 나타냅니다.",[667,994,995,998],{},[593,996,997],{},"target",[656,999,1000],{},[667,1001,1002,1003,1006,1007,1072],{},": 링크 URL을 표시할 위치(브라우징 컨텍스트)를 지정합니다. 탭·창·",[593,1004,1005],{},"\u003Ciframe>","의 이름이나 아래 키워드를 사용할 수 있습니다.",[1008,1009,1010,1023],"table",{},[1011,1012,1013],"thead",{},[1014,1015,1016,1020],"tr",{},[1017,1018,1019],"th",{},"값",[1017,1021,1022],{},"설명",[1024,1025,1026,1037,1047,1060],"tbody",{},[1014,1027,1028,1034],{},[1029,1030,1031],"td",{},[593,1032,1033],{},"_self",[1029,1035,1036],{},"현재 탭\u002F창에 표시 (기본값)",[1014,1038,1039,1044],{},[1029,1040,1041],{},[593,1042,1043],{},"_blank",[1029,1045,1046],{},"새 탭\u002F창에 표시",[1014,1048,1049,1054],{},[1029,1050,1051],{},[593,1052,1053],{},"_parent",[1029,1055,1056,1057,1059],{},"부모 브라우징 컨텍스트에 표시. 없으면 ",[593,1058,1033],{},"와 동일",[1014,1061,1062,1067],{},[1029,1063,1064],{},[593,1065,1066],{},"_top",[1029,1068,1069,1070,1059],{},"최상위 브라우징 컨텍스트에 표시. 없으면 ",[593,1071,1033],{},[853,1073,1074],{},[586,1075,1076,1078,1081,1082,1085,1086,1089,1090,1092,1093,1096],{},[623,1077,859],{},[593,1079,1080],{},"target=\"_blank\""," 사용 시 ",[593,1083,1084],{},"rel=\"noreferrer noopener\"","를 함께 추가해 ",[593,1087,1088],{},"window.opener"," API 악용을 방지하세요. Firefox 79+, Chrome 88+ 이상의 최신 브라우저는 ",[593,1091,1080],{}," 지정 시 자동으로 ",[593,1094,1095],{},"noopener","를 적용합니다.",[667,1098,1099,1102],{},[593,1100,1101],{},"type",[656,1103,1104],{},[667,1105,1106],{},": 링크 URL의 MIME 타입 힌트입니다. 브라우저 동작에 직접적인 영향을 주지는 않습니다.",[803,1108,1110],{"id":1109},"요소-정보","요소 정보",[1008,1112,1113,1123],{},[1011,1114,1115],{},[1014,1116,1117,1120],{},[1017,1118,1119],{},"항목",[1017,1121,1122],{},"내용",[1024,1124,1125,1133,1141,1149,1160,1177,1199],{},[1014,1126,1127,1130],{},[1029,1128,1129],{},"콘텐츠 카테고리",[1029,1131,1132],{},"플로우 콘텐츠, 구문 콘텐츠, 대화형 콘텐츠, 뚜렷한 콘텐츠",[1014,1134,1135,1138],{},[1029,1136,1137],{},"가능한 콘텐츠",[1029,1139,1140],{},"투명 (플로우 콘텐츠 또는 구문 콘텐츠, 단 대화형 콘텐츠 제외)",[1014,1142,1143,1146],{},[1029,1144,1145],{},"태그 생략",[1029,1147,1148],{},"불가 — 시작 태그와 종료 태그 모두 필수",[1014,1150,1151,1154],{},[1029,1152,1153],{},"가능한 부모 요소",[1029,1155,1156,1157,1159],{},"구문 콘텐츠 또는 플로우 콘텐츠를 허용하는 모든 요소 (단, 다른 ",[593,1158,56],{}," 요소 내부는 불가)",[1014,1161,1162,1165],{},[1029,1163,1164],{},"암시적 ARIA 역할",[1029,1166,1167,1169,1170,1173,1174,1176],{},[593,1168,603],{}," 있음: ",[593,1171,1172],{},"link"," \u002F ",[593,1175,603],{}," 없음: 대응 역할 없음",[1014,1178,1179,1182],{},[1029,1180,1181],{},"가능한 ARIA 역할",[1029,1183,1184,1169,1186,874,1189,874,1192,1195,1196,1198],{},[593,1185,603],{},[593,1187,1188],{},"button",[593,1190,1191],{},"checkbox",[593,1193,1194],{},"menuitem"," 등 \u002F ",[593,1197,603],{}," 없음: 모두 허용",[1014,1200,1201,1204],{},[1029,1202,1203],{},"DOM 인터페이스",[1029,1205,1206],{},[593,1207,1208],{},"HTMLAnchorElement",[803,1210,1211],{"id":1211},"예제",[1213,1214,1216],"h3",{"id":1215},"절대-url로-연결","절대 URL로 연결",[613,1218,1220],{"className":615,"code":1219,"language":617,"meta":619,"style":619},"\u003Ca href=\"https:\u002F\u002Fwww.mozilla.com\">Mozilla\u003C\u002Fa>\n",[593,1221,1222],{"__ignoreMap":619},[623,1223,1224,1226,1228,1230,1232,1235,1238,1240],{"class":625,"line":626},[623,1225,630],{"class":629},[623,1227,598],{"class":633},[623,1229,676],{"class":675},[623,1231,679],{"class":629},[623,1233,1234],{"class":682},"\"https:\u002F\u002Fwww.mozilla.com\"",[623,1236,1237],{"class":629},">Mozilla\u003C\u002F",[623,1239,598],{"class":633},[623,1241,641],{"class":629},[1213,1243,1245],{"id":1244},"상대-url로-연결","상대 URL로 연결",[613,1247,1249],{"className":615,"code":1248,"language":617,"meta":619,"style":619},"\u003Ca href=\"\u002F\u002Fexample.com\">Scheme-relative URL\u003C\u002Fa>\n\u003Ca href=\"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\">Origin-relative URL\u003C\u002Fa>\n\u003Ca href=\".\u002Fp\">Directory-relative URL\u003C\u002Fa>\n",[593,1250,1251,1271,1291],{"__ignoreMap":619},[623,1252,1253,1255,1257,1259,1261,1264,1267,1269],{"class":625,"line":626},[623,1254,630],{"class":629},[623,1256,598],{"class":633},[623,1258,676],{"class":675},[623,1260,679],{"class":629},[623,1262,1263],{"class":682},"\"\u002F\u002Fexample.com\"",[623,1265,1266],{"class":629},">Scheme-relative URL\u003C\u002F",[623,1268,598],{"class":633},[623,1270,641],{"class":629},[623,1272,1273,1275,1277,1279,1281,1284,1287,1289],{"class":625,"line":644},[623,1274,630],{"class":629},[623,1276,598],{"class":633},[623,1278,676],{"class":675},[623,1280,679],{"class":629},[623,1282,1283],{"class":682},"\"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\"",[623,1285,1286],{"class":629},">Origin-relative URL\u003C\u002F",[623,1288,598],{"class":633},[623,1290,641],{"class":629},[623,1292,1293,1295,1297,1299,1301,1304,1307,1309],{"class":625,"line":651},[623,1294,630],{"class":629},[623,1296,598],{"class":633},[623,1298,676],{"class":675},[623,1300,679],{"class":629},[623,1302,1303],{"class":682},"\".\u002Fp\"",[623,1305,1306],{"class":629},">Directory-relative URL\u003C\u002F",[623,1308,598],{"class":633},[623,1310,641],{"class":629},[613,1312,1315],{"className":766,"code":1313,"language":768,"meta":1314,"style":619},"a {\n  display: block;\n  margin-bottom: 0.5em;\n}\n","hidden",[593,1316,1317,1323,1335,1348],{"__ignoreMap":619},[623,1318,1319,1321],{"class":625,"line":626},[623,1320,598],{"class":633},[623,1322,777],{"class":629},[623,1324,1325,1328,1330,1333],{"class":625,"line":644},[623,1326,1327],{"class":782},"  display",[623,1329,786],{"class":629},[623,1331,1332],{"class":782},"block",[623,1334,796],{"class":629},[623,1336,1337,1339,1341,1343,1346],{"class":625,"line":651},[623,1338,783],{"class":782},[623,1340,786],{"class":629},[623,1342,789],{"class":782},[623,1344,1345],{"class":792},"em",[623,1347,796],{"class":629},[623,1349,1350],{"class":625,"line":661},[623,1351,801],{"class":629},[1213,1353,1355],{"id":1354},"같은-페이지의-요소로-연결","같은 페이지의 요소로 연결",[613,1357,1359],{"className":615,"code":1358,"language":617,"meta":619,"style":619},"\u003C!-- 아래 제목으로 바로 이동하는 링크 -->\n\u003Cp>\u003Ca href=\"#Section_further_down\">아래 제목으로 건너뛰기\u003C\u002Fa>\u003C\u002Fp>\n\n\u003C!-- 링크가 향할 제목 -->\n\u003Ch2 id=\"Section_further_down\">아래의 제목\u003C\u002Fh2>\n",[593,1360,1361,1367,1395,1399,1404],{"__ignoreMap":619},[623,1362,1363],{"class":625,"line":626},[623,1364,1366],{"class":1365},"sJ8bj","\u003C!-- 아래 제목으로 바로 이동하는 링크 -->\n",[623,1368,1369,1371,1373,1375,1377,1379,1381,1384,1387,1389,1391,1393],{"class":625,"line":644},[623,1370,630],{"class":629},[623,1372,586],{"class":633},[623,1374,670],{"class":629},[623,1376,598],{"class":633},[623,1378,676],{"class":675},[623,1380,679],{"class":629},[623,1382,1383],{"class":682},"\"#Section_further_down\"",[623,1385,1386],{"class":629},">아래 제목으로 건너뛰기\u003C\u002F",[623,1388,598],{"class":633},[623,1390,691],{"class":629},[623,1392,586],{"class":633},[623,1394,641],{"class":629},[623,1396,1397],{"class":625,"line":651},[623,1398,648],{"emptyLinePlaceholder":647},[623,1400,1401],{"class":625,"line":661},[623,1402,1403],{"class":1365},"\u003C!-- 링크가 향할 제목 -->\n",[623,1405,1406,1408,1410,1413,1415,1418,1421,1423],{"class":625,"line":698},[623,1407,630],{"class":629},[623,1409,803],{"class":633},[623,1411,1412],{"class":675}," id",[623,1414,679],{"class":629},[623,1416,1417],{"class":682},"\"Section_further_down\"",[623,1419,1420],{"class":629},">아래의 제목\u003C\u002F",[623,1422,803],{"class":633},[623,1424,641],{"class":629},[853,1426,1427],{},[586,1428,1429,1431,1434,1435,1438],{},[623,1430,859],{},[593,1432,1433],{},"href=\"#top\"","이나 빈 프래그먼트(",[593,1436,1437],{},"href=\"#\"",")를 사용하면 페이지 최상단으로 이동하는 링크를 만들 수 있습니다.",[1213,1440,1442],{"id":1441},"이메일-주소로-연결","이메일 주소로 연결",[586,1444,1445,1447],{},[593,1446,913],{}," 스킴을 사용하면 사용자의 이메일 클라이언트를 열어 새 메일 작성 화면으로 이동합니다.",[613,1449,1451],{"className":615,"code":1450,"language":617,"meta":619,"style":619},"\u003Ca href=\"mailto:nowhere@mozilla.org\">Send email to nowhere\u003C\u002Fa>\n",[593,1452,1453],{"__ignoreMap":619},[623,1454,1455,1457,1459,1461,1463,1466,1469,1471],{"class":625,"line":626},[623,1456,630],{"class":629},[623,1458,598],{"class":633},[623,1460,676],{"class":675},[623,1462,679],{"class":629},[623,1464,1465],{"class":682},"\"mailto:nowhere@mozilla.org\"",[623,1467,1468],{"class":629},">Send email to nowhere\u003C\u002F",[623,1470,598],{"class":633},[623,1472,641],{"class":629},[1213,1474,1476],{"id":1475},"전화번호로-연결","전화번호로 연결",[613,1478,1480],{"className":615,"code":1479,"language":617,"meta":619,"style":619},"\u003Ca href=\"tel:+49.157.0156\">+49 157 0156\u003C\u002Fa>\n\u003Ca href=\"tel:+1(555)5309\">(555) 5309\u003C\u002Fa>\n",[593,1481,1482,1502],{"__ignoreMap":619},[623,1483,1484,1486,1488,1490,1492,1495,1498,1500],{"class":625,"line":626},[623,1485,630],{"class":629},[623,1487,598],{"class":633},[623,1489,676],{"class":675},[623,1491,679],{"class":629},[623,1493,1494],{"class":682},"\"tel:+49.157.0156\"",[623,1496,1497],{"class":629},">+49 157 0156\u003C\u002F",[623,1499,598],{"class":633},[623,1501,641],{"class":629},[623,1503,1504,1506,1508,1510,1512,1515,1518,1520],{"class":625,"line":644},[623,1505,630],{"class":629},[623,1507,598],{"class":633},[623,1509,676],{"class":675},[623,1511,679],{"class":629},[623,1513,1514],{"class":682},"\"tel:+1(555)5309\"",[623,1516,1517],{"class":629},">(555) 5309\u003C\u002F",[623,1519,598],{"class":633},[623,1521,641],{"class":629},[586,1523,1524,1526],{},[593,1525,919],{}," 링크의 동작은 기기에 따라 달라집니다.",[656,1528,1529,1535,1541],{},[667,1530,1531,1534],{},[589,1532,1533],{},"휴대폰",": 번호를 자동 입력해 전화 앱을 엽니다.",[667,1536,1537,1540],{},[589,1538,1539],{},"데스크톱",": Skype, FaceTime 등 연결된 통화 앱을 엽니다.",[667,1542,1543],{},"그 외에 연락처 저장, 다른 기기로 전송 등의 동작도 가능합니다.",[1213,1545,1547,1549,1550,1553],{"id":1546},"download-특성으로-canvas를-png로-저장하기",[593,1548,820],{}," 특성으로 ",[593,1551,1552],{},"\u003Ccanvas>","를 PNG로 저장하기",[586,1555,1556,1561,1562,1564,1565,1567],{},[598,1557,1559],{"href":1558},"#download",[593,1560,820],{}," 특성과 ",[593,1563,877],{}," URL을 함께 사용하면 ",[593,1566,1552],{}," 요소의 내용을 이미지 파일로 저장할 수 있습니다.",[1569,1570,1571],"h4",{"id":617},"HTML",[613,1573,1575],{"className":615,"code":1574,"language":617,"meta":619,"style":619},"\u003Cp>\n  마우스 드래그로 그림을 그려보세요.\n  \u003Ca href=\"\" download=\"my_painting.png\">다운로드\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ccanvas width=\"300\" height=\"300\">\u003C\u002Fcanvas>\n",[593,1576,1577,1585,1590,1618,1626,1630],{"__ignoreMap":619},[623,1578,1579,1581,1583],{"class":625,"line":626},[623,1580,630],{"class":629},[623,1582,586],{"class":633},[623,1584,641],{"class":629},[623,1586,1587],{"class":625,"line":644},[623,1588,1589],{"class":629},"  마우스 드래그로 그림을 그려보세요.\n",[623,1591,1592,1594,1596,1598,1600,1603,1606,1608,1611,1614,1616],{"class":625,"line":651},[623,1593,664],{"class":629},[623,1595,598],{"class":633},[623,1597,676],{"class":675},[623,1599,679],{"class":629},[623,1601,1602],{"class":682},"\"\"",[623,1604,1605],{"class":675}," download",[623,1607,679],{"class":629},[623,1609,1610],{"class":682},"\"my_painting.png\"",[623,1612,1613],{"class":629},">다운로드\u003C\u002F",[623,1615,598],{"class":633},[623,1617,641],{"class":629},[623,1619,1620,1622,1624],{"class":625,"line":661},[623,1621,759],{"class":629},[623,1623,586],{"class":633},[623,1625,641],{"class":629},[623,1627,1628],{"class":625,"line":698},[623,1629,648],{"emptyLinePlaceholder":647},[623,1631,1632,1634,1637,1640,1642,1645,1648,1650,1652,1654,1656],{"class":625,"line":727},[623,1633,630],{"class":629},[623,1635,1636],{"class":633},"canvas",[623,1638,1639],{"class":675}," width",[623,1641,679],{"class":629},[623,1643,1644],{"class":682},"\"300\"",[623,1646,1647],{"class":675}," height",[623,1649,679],{"class":629},[623,1651,1644],{"class":682},[623,1653,691],{"class":629},[623,1655,1636],{"class":633},[623,1657,641],{"class":629},[1569,1659,1660],{"id":768},"CSS",[613,1662,1664],{"className":766,"code":1663,"language":768,"meta":619,"style":619},"html {\n  font-family: sans-serif;\n}\ncanvas {\n  background: #fff;\n  border: 1px dashed;\n}\na {\n  display: inline-block;\n  background: #69c;\n  color: #fff;\n  padding: 5px 10px;\n}\n",[593,1665,1666,1672,1684,1688,1694,1706,1724,1728,1735,1747,1759,1771,1791],{"__ignoreMap":619},[623,1667,1668,1670],{"class":625,"line":626},[623,1669,617],{"class":633},[623,1671,777],{"class":629},[623,1673,1674,1677,1679,1682],{"class":625,"line":644},[623,1675,1676],{"class":782},"  font-family",[623,1678,786],{"class":629},[623,1680,1681],{"class":782},"sans-serif",[623,1683,796],{"class":629},[623,1685,1686],{"class":625,"line":651},[623,1687,801],{"class":629},[623,1689,1690,1692],{"class":625,"line":661},[623,1691,1636],{"class":633},[623,1693,777],{"class":629},[623,1695,1696,1699,1701,1704],{"class":625,"line":698},[623,1697,1698],{"class":782},"  background",[623,1700,786],{"class":629},[623,1702,1703],{"class":782},"#fff",[623,1705,796],{"class":629},[623,1707,1708,1711,1713,1716,1719,1722],{"class":625,"line":727},[623,1709,1710],{"class":782},"  border",[623,1712,786],{"class":629},[623,1714,1715],{"class":782},"1",[623,1717,1718],{"class":792},"px",[623,1720,1721],{"class":782}," dashed",[623,1723,796],{"class":629},[623,1725,1726],{"class":625,"line":756},[623,1727,801],{"class":629},[623,1729,1731,1733],{"class":625,"line":1730},8,[623,1732,598],{"class":633},[623,1734,777],{"class":629},[623,1736,1738,1740,1742,1745],{"class":625,"line":1737},9,[623,1739,1327],{"class":782},[623,1741,786],{"class":629},[623,1743,1744],{"class":782},"inline-block",[623,1746,796],{"class":629},[623,1748,1750,1752,1754,1757],{"class":625,"line":1749},10,[623,1751,1698],{"class":782},[623,1753,786],{"class":629},[623,1755,1756],{"class":782},"#69c",[623,1758,796],{"class":629},[623,1760,1762,1765,1767,1769],{"class":625,"line":1761},11,[623,1763,1764],{"class":782},"  color",[623,1766,786],{"class":629},[623,1768,1703],{"class":782},[623,1770,796],{"class":629},[623,1772,1774,1777,1779,1782,1784,1787,1789],{"class":625,"line":1773},12,[623,1775,1776],{"class":782},"  padding",[623,1778,786],{"class":629},[623,1780,1781],{"class":782},"5",[623,1783,1718],{"class":792},[623,1785,1786],{"class":782}," 10",[623,1788,1718],{"class":792},[623,1790,796],{"class":629},[623,1792,1794],{"class":625,"line":1793},13,[623,1795,801],{"class":629},[1569,1797,1799],{"id":1798},"javascript","JavaScript",[613,1801,1805],{"className":1802,"code":1803,"language":1804,"meta":619,"style":619},"language-js shiki shiki-themes github-light github-dark","var canvas = document.querySelector(\"canvas\"),\n  c = canvas.getContext(\"2d\");\nc.fillStyle = \"hotpink\";\n\nfunction draw(x, y) {\n  if (isDrawing) {\n    c.beginPath();\n    c.arc(x, y, 10, 0, Math.PI * 2);\n    c.closePath();\n    c.fill();\n  }\n}\n\ncanvas.addEventListener(\"mousemove\", (event) =>\n  draw(event.offsetX, event.offsetY),\n);\ncanvas.addEventListener(\"mousedown\", () => (isDrawing = true));\ncanvas.addEventListener(\"mouseup\", () => (isDrawing = false));\n\ndocument\n  .querySelector(\"a\")\n  .addEventListener(\n    \"click\",\n    (event) => (event.target.href = canvas.toDataURL()),\n  );\n","js",[593,1806,1807,1832,1853,1865,1869,1891,1899,1910,1942,1951,1960,1965,1969,1973,1999,2008,2013,2042,2067,2072,2078,2094,2104,2113,2138],{"__ignoreMap":619},[623,1808,1809,1812,1815,1817,1820,1823,1826,1829],{"class":625,"line":626},[623,1810,1811],{"class":792},"var",[623,1813,1814],{"class":629}," canvas ",[623,1816,679],{"class":792},[623,1818,1819],{"class":629}," document.",[623,1821,1822],{"class":675},"querySelector",[623,1824,1825],{"class":629},"(",[623,1827,1828],{"class":682},"\"canvas\"",[623,1830,1831],{"class":629},"),\n",[623,1833,1834,1837,1839,1842,1845,1847,1850],{"class":625,"line":644},[623,1835,1836],{"class":629},"  c ",[623,1838,679],{"class":792},[623,1840,1841],{"class":629}," canvas.",[623,1843,1844],{"class":675},"getContext",[623,1846,1825],{"class":629},[623,1848,1849],{"class":682},"\"2d\"",[623,1851,1852],{"class":629},");\n",[623,1854,1855,1858,1860,1863],{"class":625,"line":651},[623,1856,1857],{"class":629},"c.fillStyle ",[623,1859,679],{"class":792},[623,1861,1862],{"class":682}," \"hotpink\"",[623,1864,796],{"class":629},[623,1866,1867],{"class":625,"line":661},[623,1868,648],{"emptyLinePlaceholder":647},[623,1870,1871,1874,1877,1879,1883,1885,1888],{"class":625,"line":698},[623,1872,1873],{"class":792},"function",[623,1875,1876],{"class":675}," draw",[623,1878,1825],{"class":629},[623,1880,1882],{"class":1881},"s4XuR","x",[623,1884,874],{"class":629},[623,1886,1887],{"class":1881},"y",[623,1889,1890],{"class":629},") {\n",[623,1892,1893,1896],{"class":625,"line":727},[623,1894,1895],{"class":792},"  if",[623,1897,1898],{"class":629}," (isDrawing) {\n",[623,1900,1901,1904,1907],{"class":625,"line":756},[623,1902,1903],{"class":629},"    c.",[623,1905,1906],{"class":675},"beginPath",[623,1908,1909],{"class":629},"();\n",[623,1911,1912,1914,1917,1920,1923,1925,1928,1931,1934,1937,1940],{"class":625,"line":1730},[623,1913,1903],{"class":629},[623,1915,1916],{"class":675},"arc",[623,1918,1919],{"class":629},"(x, y, ",[623,1921,1922],{"class":782},"10",[623,1924,874],{"class":629},[623,1926,1927],{"class":782},"0",[623,1929,1930],{"class":629},", Math.",[623,1932,1933],{"class":782},"PI",[623,1935,1936],{"class":792}," *",[623,1938,1939],{"class":782}," 2",[623,1941,1852],{"class":629},[623,1943,1944,1946,1949],{"class":625,"line":1737},[623,1945,1903],{"class":629},[623,1947,1948],{"class":675},"closePath",[623,1950,1909],{"class":629},[623,1952,1953,1955,1958],{"class":625,"line":1749},[623,1954,1903],{"class":629},[623,1956,1957],{"class":675},"fill",[623,1959,1909],{"class":629},[623,1961,1962],{"class":625,"line":1761},[623,1963,1964],{"class":629},"  }\n",[623,1966,1967],{"class":625,"line":1773},[623,1968,801],{"class":629},[623,1970,1971],{"class":625,"line":1793},[623,1972,648],{"emptyLinePlaceholder":647},[623,1974,1976,1979,1982,1984,1987,1990,1993,1996],{"class":625,"line":1975},14,[623,1977,1978],{"class":629},"canvas.",[623,1980,1981],{"class":675},"addEventListener",[623,1983,1825],{"class":629},[623,1985,1986],{"class":682},"\"mousemove\"",[623,1988,1989],{"class":629},", (",[623,1991,1992],{"class":1881},"event",[623,1994,1995],{"class":629},") ",[623,1997,1998],{"class":792},"=>\n",[623,2000,2002,2005],{"class":625,"line":2001},15,[623,2003,2004],{"class":675},"  draw",[623,2006,2007],{"class":629},"(event.offsetX, event.offsetY),\n",[623,2009,2011],{"class":625,"line":2010},16,[623,2012,1852],{"class":629},[623,2014,2016,2018,2020,2022,2025,2028,2031,2034,2036,2039],{"class":625,"line":2015},17,[623,2017,1978],{"class":629},[623,2019,1981],{"class":675},[623,2021,1825],{"class":629},[623,2023,2024],{"class":682},"\"mousedown\"",[623,2026,2027],{"class":629},", () ",[623,2029,2030],{"class":792},"=>",[623,2032,2033],{"class":629}," (isDrawing ",[623,2035,679],{"class":792},[623,2037,2038],{"class":782}," true",[623,2040,2041],{"class":629},"));\n",[623,2043,2045,2047,2049,2051,2054,2056,2058,2060,2062,2065],{"class":625,"line":2044},18,[623,2046,1978],{"class":629},[623,2048,1981],{"class":675},[623,2050,1825],{"class":629},[623,2052,2053],{"class":682},"\"mouseup\"",[623,2055,2027],{"class":629},[623,2057,2030],{"class":792},[623,2059,2033],{"class":629},[623,2061,679],{"class":792},[623,2063,2064],{"class":782}," false",[623,2066,2041],{"class":629},[623,2068,2070],{"class":625,"line":2069},19,[623,2071,648],{"emptyLinePlaceholder":647},[623,2073,2075],{"class":625,"line":2074},20,[623,2076,2077],{"class":629},"document\n",[623,2079,2081,2084,2086,2088,2091],{"class":625,"line":2080},21,[623,2082,2083],{"class":629},"  .",[623,2085,1822],{"class":675},[623,2087,1825],{"class":629},[623,2089,2090],{"class":682},"\"a\"",[623,2092,2093],{"class":629},")\n",[623,2095,2097,2099,2101],{"class":625,"line":2096},22,[623,2098,2083],{"class":629},[623,2100,1981],{"class":675},[623,2102,2103],{"class":629},"(\n",[623,2105,2107,2110],{"class":625,"line":2106},23,[623,2108,2109],{"class":682},"    \"click\"",[623,2111,2112],{"class":629},",\n",[623,2114,2116,2119,2121,2123,2125,2128,2130,2132,2135],{"class":625,"line":2115},24,[623,2117,2118],{"class":629},"    (",[623,2120,1992],{"class":1881},[623,2122,1995],{"class":629},[623,2124,2030],{"class":792},[623,2126,2127],{"class":629}," (event.target.href ",[623,2129,679],{"class":792},[623,2131,1841],{"class":629},[623,2133,2134],{"class":675},"toDataURL",[623,2136,2137],{"class":629},"()),\n",[623,2139,2141],{"class":625,"line":2140},25,[623,2142,2143],{"class":629},"  );\n",[803,2145,2147],{"id":2146},"보안과-개인정보","보안과 개인정보",[586,2149,2150,2152,2153,977],{},[593,2151,56],{}," 요소는 사용자의 보안과 개인정보에 영향을 줄 수 있습니다. 자세한 내용은 ",[598,2154,2156,2159],{"href":2155},"\u002Fko\u002Fdocs\u002FWeb\u002FPrivacy\u002FGuides\u002FReferer_header:_privacy_and_security_concerns",[593,2157,2158],{},"Referer"," 헤더: 개인정보와 보안 고려사항",[586,2161,2162,2164,2165,2167,2168,2171],{},[593,2163,1080],{},"를 ",[593,2166,1084],{}," 없이 사용하면 ",[593,2169,2170],{},"Window.opener"," API를 이용한 공격에 취약해질 수 있습니다. 최신 브라우저(Firefox 79+, Chrome 88+)는 자동으로 보호를 적용하지만, 구형 브라우저 지원이 필요하다면 명시적으로 추가하세요.",[803,2173,2174],{"id":2174},"접근성",[1213,2176,2178],{"id":2177},"명확한-링크-텍스트-사용하기","명확한 링크 텍스트 사용하기",[586,2180,2181],{},"링크 텍스트는 맥락 없이 단독으로 읽어도 목적지를 알 수 있어야 합니다.",[613,2183,2186],{"className":615,"code":2184,"language":617,"meta":2185,"style":619},"\u003C!-- 나쁜 예: \"여기\"만으로는 링크 목적을 알 수 없음 -->\n\u003Cp>저희의 제품을 더 알아보시려면 \u003Ca href=\"\u002Fproducts\">여기\u003C\u002Fa>를 클릭하세요.\u003C\u002Fp>\n","example-bad",[593,2187,2188,2193],{"__ignoreMap":619},[623,2189,2190],{"class":625,"line":626},[623,2191,2192],{"class":1365},"\u003C!-- 나쁜 예: \"여기\"만으로는 링크 목적을 알 수 없음 -->\n",[623,2194,2195,2197,2199,2202,2204,2206,2208,2211,2214,2216,2219,2221],{"class":625,"line":644},[623,2196,630],{"class":629},[623,2198,586],{"class":633},[623,2200,2201],{"class":629},">저희의 제품을 더 알아보시려면 \u003C",[623,2203,598],{"class":633},[623,2205,676],{"class":675},[623,2207,679],{"class":629},[623,2209,2210],{"class":682},"\"\u002Fproducts\"",[623,2212,2213],{"class":629},">여기\u003C\u002F",[623,2215,598],{"class":633},[623,2217,2218],{"class":629},">를 클릭하세요.\u003C\u002F",[623,2220,586],{"class":633},[623,2222,641],{"class":629},[613,2224,2227],{"className":615,"code":2225,"language":617,"meta":2226,"style":619},"\u003C!-- 좋은 예: 링크 텍스트만으로 목적지가 명확함 -->\n\u003Cp>저희의 \u003Ca href=\"\u002Fproducts\">제품을 더 알아보세요\u003C\u002Fa>.\u003C\u002Fp>\n","example-good",[593,2228,2229,2234],{"__ignoreMap":619},[623,2230,2231],{"class":625,"line":626},[623,2232,2233],{"class":1365},"\u003C!-- 좋은 예: 링크 텍스트만으로 목적지가 명확함 -->\n",[623,2235,2236,2238,2240,2243,2245,2247,2249,2251,2254,2256,2259,2261],{"class":625,"line":644},[623,2237,630],{"class":629},[623,2239,586],{"class":633},[623,2241,2242],{"class":629},">저희의 \u003C",[623,2244,598],{"class":633},[623,2246,676],{"class":675},[623,2248,679],{"class":629},[623,2250,2210],{"class":682},[623,2252,2253],{"class":629},">제품을 더 알아보세요\u003C\u002F",[623,2255,598],{"class":633},[623,2257,2258],{"class":629},">.\u003C\u002F",[623,2260,586],{"class":633},[623,2262,641],{"class":629},[586,2264,2265],{},"스크린 리더는 페이지 내 모든 링크를 목록으로 탐색하는 기능을 제공합니다. 명확한 링크 텍스트는 보조 기술 사용자뿐 아니라 페이지를 빠르게 훑어보는 모든 사용자에게 도움이 됩니다.",[1213,2267,2269,2272],{"id":2268},"onclick-이벤트-남용-주의",[593,2270,2271],{},"onclick"," 이벤트 남용 주의",[586,2274,2275,2277,2278,2281,2282,2284],{},[593,2276,1437],{}," 또는 ",[593,2279,2280],{},"href=\"javascript:void(0)\"","을 사용해 ",[593,2283,56],{},"를 버튼처럼 쓰는 패턴은 피하세요. 이 방식은 링크 복사, 새 탭에서 열기, 즐겨찾기 추가, JavaScript 비활성화 환경 등에서 예측 불가한 동작을 유발하고, 스크린 리더에 잘못된 의미를 전달합니다.",[586,2286,2287,2288,2291,2292],{},"버튼 동작이 필요하다면 ",[593,2289,2290],{},"\u003Cbutton>"," 요소를 사용하세요. ",[589,2293,2294,2296],{},[593,2295,56],{},"는 진짜 URL로의 이동에만 사용해야 합니다.",[1213,2298,2300],{"id":2299},"새-탭창-열기-및-비-html-리소스-링크","새 탭\u002F창 열기 및 비 HTML 리소스 링크",[586,2302,2303,2305],{},[593,2304,1080],{},"로 새 탭을 여는 링크나 파일을 다운로드하는 링크는, 클릭 시 어떤 일이 일어나는지 사용자에게 미리 알려줘야 합니다.",[613,2307,2309],{"className":615,"code":2308,"language":617,"meta":619,"style":619},"\u003C!-- 새 탭에서 열리는 링크 -->\n\u003Ca target=\"_blank\" href=\"https:\u002F\u002Fko.wikipedia.org\">\n  위키백과 (새 탭에서 열림)\n\u003C\u002Fa>\n\n\u003C!-- 파일 다운로드 링크 -->\n\u003Ca href=\"2017-annual-report.ppt\">2017 연간 보고서 (PowerPoint)\u003C\u002Fa>\n",[593,2310,2311,2316,2339,2344,2352,2356,2361],{"__ignoreMap":619},[623,2312,2313],{"class":625,"line":626},[623,2314,2315],{"class":1365},"\u003C!-- 새 탭에서 열리는 링크 -->\n",[623,2317,2318,2320,2322,2325,2327,2330,2332,2334,2337],{"class":625,"line":644},[623,2319,630],{"class":629},[623,2321,598],{"class":633},[623,2323,2324],{"class":675}," target",[623,2326,679],{"class":629},[623,2328,2329],{"class":682},"\"_blank\"",[623,2331,676],{"class":675},[623,2333,679],{"class":629},[623,2335,2336],{"class":682},"\"https:\u002F\u002Fko.wikipedia.org\"",[623,2338,641],{"class":629},[623,2340,2341],{"class":625,"line":651},[623,2342,2343],{"class":629},"  위키백과 (새 탭에서 열림)\n",[623,2345,2346,2348,2350],{"class":625,"line":661},[623,2347,759],{"class":629},[623,2349,598],{"class":633},[623,2351,641],{"class":629},[623,2353,2354],{"class":625,"line":698},[623,2355,648],{"emptyLinePlaceholder":647},[623,2357,2358],{"class":625,"line":727},[623,2359,2360],{"class":1365},"\u003C!-- 파일 다운로드 링크 -->\n",[623,2362,2363,2365,2367,2369,2371,2374,2377,2379],{"class":625,"line":756},[623,2364,630],{"class":629},[623,2366,598],{"class":633},[623,2368,676],{"class":675},[623,2370,679],{"class":629},[623,2372,2373],{"class":682},"\"2017-annual-report.ppt\"",[623,2375,2376],{"class":629},">2017 연간 보고서 (PowerPoint)\u003C\u002F",[623,2378,598],{"class":633},[623,2380,641],{"class":629},[586,2382,2383,2384,2388],{},"아이콘을 사용할 경우 반드시 ",[598,2385,2387],{"href":2386},"\u002Fdevelop\u002Fhtml\u002Felements\u002Fimg#alt","대체 텍스트","를 지정하세요.",[613,2390,2392],{"className":615,"code":2391,"language":617,"meta":619,"style":619},"\u003Ca target=\"_blank\" href=\"https:\u002F\u002Fko.wikipedia.org\">\n  위키백과\n  \u003Cimg alt=\"(새 탭에서 열림)\" src=\"newtab.svg\" \u002F>\n\u003C\u002Fa>\n",[593,2393,2394,2414,2419,2445],{"__ignoreMap":619},[623,2395,2396,2398,2400,2402,2404,2406,2408,2410,2412],{"class":625,"line":626},[623,2397,630],{"class":629},[623,2399,598],{"class":633},[623,2401,2324],{"class":675},[623,2403,679],{"class":629},[623,2405,2329],{"class":682},[623,2407,676],{"class":675},[623,2409,679],{"class":629},[623,2411,2336],{"class":682},[623,2413,641],{"class":629},[623,2415,2416],{"class":625,"line":644},[623,2417,2418],{"class":629},"  위키백과\n",[623,2420,2421,2423,2426,2429,2431,2434,2437,2439,2442],{"class":625,"line":651},[623,2422,664],{"class":629},[623,2424,2425],{"class":633},"img",[623,2427,2428],{"class":675}," alt",[623,2430,679],{"class":629},[623,2432,2433],{"class":682},"\"(새 탭에서 열림)\"",[623,2435,2436],{"class":675}," src",[623,2438,679],{"class":629},[623,2440,2441],{"class":682},"\"newtab.svg\"",[623,2443,2444],{"class":629}," \u002F>\n",[623,2446,2447,2449,2451],{"class":625,"line":661},[623,2448,759],{"class":629},[623,2450,598],{"class":633},[623,2452,641],{"class":629},[586,2454,2455],{},"관련 참고 자료:",[656,2457,2458,2466,2473],{},[667,2459,2460],{},[598,2461,2465],{"href":2462,"rel":2463},"https:\u002F\u002Fwebaim.org\u002Ftechniques\u002Fhypertext\u002Fhypertext_links",[2464],"nofollow","WebAIM: Links and Hypertext",[667,2467,2468],{},[598,2469,2472],{"href":2470,"rel":2471},"https:\u002F\u002Fwww.w3.org\u002FTR\u002FWCAG20-TECHS\u002FG200.html",[2464],"G200: Opening new windows only when necessary",[667,2474,2475],{},[598,2476,2479],{"href":2477,"rel":2478},"https:\u002F\u002Fwww.w3.org\u002FTR\u002FWCAG20-TECHS\u002FG201.html",[2464],"G201: Giving users advanced warning when opening a new window",[1213,2481,2483],{"id":2482},"건너뛰기-링크-skip-link","건너뛰기 링크 (Skip Link)",[586,2485,2486,847,2489,2492],{},[589,2487,2488],{},"건너뛰기 링크",[593,2490,2491],{},"\u003Cbody>"," 상단에 배치해 주요 콘텐츠 시작 지점으로 바로 이동할 수 있는 링크입니다. 보통 포커스를 받기 전까지는 화면에서 숨겨집니다.",[613,2494,2496],{"className":615,"code":2495,"language":617,"meta":619,"style":619},"\u003Cbody>\n  \u003Ca class=\"skip-link\" href=\"#content\">내용으로 건너뛰기\u003C\u002Fa>\n\n  \u003Cheader>…\u003C\u002Fheader>\n\n  \u003Cmain id=\"content\">\u003C!-- 여기로 건너뜀 -->\u003C\u002Fmain>\n\u003C\u002Fbody>\n",[593,2497,2498,2507,2535,2539,2553,2557,2583],{"__ignoreMap":619},[623,2499,2500,2502,2505],{"class":625,"line":626},[623,2501,630],{"class":629},[623,2503,2504],{"class":633},"body",[623,2506,641],{"class":629},[623,2508,2509,2511,2513,2516,2518,2521,2523,2525,2528,2531,2533],{"class":625,"line":644},[623,2510,664],{"class":629},[623,2512,598],{"class":633},[623,2514,2515],{"class":675}," class",[623,2517,679],{"class":629},[623,2519,2520],{"class":682},"\"skip-link\"",[623,2522,676],{"class":675},[623,2524,679],{"class":629},[623,2526,2527],{"class":682},"\"#content\"",[623,2529,2530],{"class":629},">내용으로 건너뛰기\u003C\u002F",[623,2532,598],{"class":633},[623,2534,641],{"class":629},[623,2536,2537],{"class":625,"line":651},[623,2538,648],{"emptyLinePlaceholder":647},[623,2540,2541,2543,2546,2549,2551],{"class":625,"line":661},[623,2542,664],{"class":629},[623,2544,2545],{"class":633},"header",[623,2547,2548],{"class":629},">…\u003C\u002F",[623,2550,2545],{"class":633},[623,2552,641],{"class":629},[623,2554,2555],{"class":625,"line":698},[623,2556,648],{"emptyLinePlaceholder":647},[623,2558,2559,2561,2564,2566,2568,2571,2574,2577,2579,2581],{"class":625,"line":727},[623,2560,664],{"class":629},[623,2562,2563],{"class":633},"main",[623,2565,1412],{"class":675},[623,2567,679],{"class":629},[623,2569,2570],{"class":682},"\"content\"",[623,2572,2573],{"class":629},">",[623,2575,2576],{"class":1365},"\u003C!-- 여기로 건너뜀 -->",[623,2578,759],{"class":629},[623,2580,2563],{"class":633},[623,2582,641],{"class":629},[623,2584,2585,2587,2589],{"class":625,"line":756},[623,2586,759],{"class":629},[623,2588,2504],{"class":633},[623,2590,641],{"class":629},[613,2592,2594],{"className":766,"code":2593,"language":768,"meta":619,"style":619},".skip-link {\n  position: absolute;\n  top: -3em;\n  background: #fff;\n}\n.skip-link:focus {\n  top: 0;\n}\n",[593,2595,2596,2603,2615,2629,2639,2643,2650,2660],{"__ignoreMap":619},[623,2597,2598,2601],{"class":625,"line":626},[623,2599,2600],{"class":675},".skip-link",[623,2602,777],{"class":629},[623,2604,2605,2608,2610,2613],{"class":625,"line":644},[623,2606,2607],{"class":782},"  position",[623,2609,786],{"class":629},[623,2611,2612],{"class":782},"absolute",[623,2614,796],{"class":629},[623,2616,2617,2620,2622,2625,2627],{"class":625,"line":651},[623,2618,2619],{"class":782},"  top",[623,2621,786],{"class":629},[623,2623,2624],{"class":782},"-3",[623,2626,1345],{"class":792},[623,2628,796],{"class":629},[623,2630,2631,2633,2635,2637],{"class":625,"line":661},[623,2632,1698],{"class":782},[623,2634,786],{"class":629},[623,2636,1703],{"class":782},[623,2638,796],{"class":629},[623,2640,2641],{"class":625,"line":698},[623,2642,801],{"class":629},[623,2644,2645,2648],{"class":625,"line":727},[623,2646,2647],{"class":675},".skip-link:focus",[623,2649,777],{"class":629},[623,2651,2652,2654,2656,2658],{"class":625,"line":756},[623,2653,2619],{"class":782},[623,2655,786],{"class":629},[623,2657,1927],{"class":782},[623,2659,796],{"class":629},[623,2661,2662],{"class":625,"line":1730},[623,2663,801],{"class":629},[586,2665,2666],{},"헤더 내비게이션처럼 반복되는 콘텐츠를 키보드나 보조 기술로 매번 탐색해야 하는 사용자에게 큰 도움이 됩니다.",[656,2668,2669,2676],{},[667,2670,2671],{},[598,2672,2675],{"href":2673,"rel":2674},"https:\u002F\u002Fwebaim.org\u002Ftechniques\u002Fskipnav\u002F",[2464],"WebAIM: \"Skip Navigation\" Links",[667,2677,2678],{},[598,2679,2682],{"href":2680,"rel":2681},"https:\u002F\u002Fwww.w3.org\u002FTR\u002FUNDERSTANDING-WCAG20\u002Fnavigation-mechanisms-skip.html",[2464],"Understanding Success Criterion 2.4.1",[1213,2684,2686],{"id":2685},"크기와-간격","크기와 간격",[586,2688,2689,2690,2693],{},"대화형 요소는 충분한 활성화 영역을 가져야 합니다. WCAG는 최소 ",[589,2691,2692],{},"44×44 CSS 픽셀","을 권고합니다. 이는 운동 장애가 있거나 터치스크린을 사용하는 사람 모두에게 중요합니다.",[586,2695,2696,2697,2700],{},"여러 링크를 가까이 배치할 때는 ",[593,2698,2699],{},"margin"," 등으로 충분한 간격을 확보해, 의도하지 않은 클릭을 방지하세요.",[656,2702,2703,2710],{},[667,2704,2705],{},[598,2706,2709],{"href":2707,"rel":2708},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG21\u002FUnderstanding\u002Ftarget-size.html",[2464],"Understanding Success Criterion 2.5.5: Target Size",[667,2711,2712],{},[598,2713,2716],{"href":2714,"rel":2715},"https:\u002F\u002Faxesslab.com\u002Fhand-tremors\u002F",[2464],"Hand tremors and the giant-button-problem",[803,2718,2719],{"id":2719},"명세",[803,2721,2723],{"id":2722},"브라우저-호환성","브라우저 호환성",[803,2725,2727],{"id":2726},"같이-보기","같이 보기",[656,2729,2730,2739],{},[667,2731,2732,2735,2736,2738],{},[593,2733,2734],{},"\u003Clink>"," — ",[593,2737,56],{},"와 유사하지만 사용자에게 노출되지 않는 메타데이터 하이퍼링크용 요소",[667,2740,2741,2744,2745,2747,2748,2750],{},[593,2742,2743],{},":link"," — 유효한 ",[593,2746,603],{},"를 가진 ",[593,2749,56],{}," 요소를 선택하는 CSS 의사 클래스",[2752,2753,2754],"style",{},"html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}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 .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 .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 pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":619,"searchDepth":644,"depth":644,"links":2756},[2757,2758,2759,2768,2769,2777,2778,2779],{"id":805,"depth":644,"text":805},{"id":1109,"depth":644,"text":1110},{"id":1211,"depth":644,"text":1211,"children":2760},[2761,2762,2763,2764,2765,2766],{"id":1215,"depth":651,"text":1216},{"id":1244,"depth":651,"text":1245},{"id":1354,"depth":651,"text":1355},{"id":1441,"depth":651,"text":1442},{"id":1475,"depth":651,"text":1476},{"id":1546,"depth":651,"text":2767},"download 특성으로 \u003Ccanvas>를 PNG로 저장하기",{"id":2146,"depth":644,"text":2147},{"id":2174,"depth":644,"text":2174,"children":2770},[2771,2772,2774,2775,2776],{"id":2177,"depth":651,"text":2178},{"id":2268,"depth":651,"text":2773},"onclick 이벤트 남용 주의",{"id":2299,"depth":651,"text":2300},{"id":2482,"depth":651,"text":2483},{"id":2685,"depth":651,"text":2686},{"id":2719,"depth":644,"text":2719},{"id":2722,"depth":644,"text":2723},{"id":2726,"depth":644,"text":2727},"HTML \u003Ca> 요소(앵커 요소)는 href 특성을 통해 다른 페이지, 같은 페이지의 특정 위치, 파일, 이메일 주소 등 다양한 URL로 연결하는 하이퍼링크를 만듭니다. \u003Ca> 안의 콘텐츠는 링크가 가리키는 목적지를 명확히 설명해야 합니다.","md",{"slug":2783,"original_slug":2783},"develop\u002Fhtml\u002Felements\u002Fa",{"title":56,"description":2780},"Fs-6ttItPxqdKw7lH6t3_aqKQyTLVE-GfHMbvd6fi4Q",[2787,2790,2793,2904,2912,2937],{"title":5,"icon":6,"path":7,"stem":8,"children":2788,"page":15},[2789],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":2791,"page":15},[2792],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":2794,"page":15},[2795,2798,2896],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":2796,"page":15},[2797],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":2799,"page":15},[2800,2895],{"title":49,"path":50,"stem":51,"children":2801,"icon":54},[2802,2803,2804,2805,2806,2807,2808,2809,2810,2811,2812,2813,2814,2815,2816,2817,2818,2819,2820,2821,2822,2823,2824,2825,2826,2827,2828,2829,2830,2831,2832,2833,2834,2835,2836,2837,2838,2839,2840,2841,2842,2843,2844,2845,2846,2847,2848,2849,2850,2851,2852,2853,2854,2855,2856,2857,2858,2859,2860,2861,2862,2863,2864,2865,2866,2867,2868,2869,2870,2871,2872,2873,2874,2875,2876,2877,2878,2879,2880,2881,2882,2883,2884,2885,2886,2887,2888,2889,2890,2891,2892,2893,2894],{"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":2897,"page":15},[2898,2901],{"title":433,"icon":434,"path":435,"stem":436,"children":2899,"page":15},[2900],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":2902,"page":15},[2903],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":2905,"page":15},[2906],{"title":460,"icon":455,"path":461,"stem":462,"children":2907},[2908,2909],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":2910,"page":15},[2911],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":2913,"page":15},[2914,2917,2924],{"title":428,"icon":484,"path":485,"stem":486,"children":2915,"page":15},[2916],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":2918,"page":15},[2919],{"title":498,"path":499,"stem":500,"children":2920,"page":15},[2921],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":2922,"page":15},[2923],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":2925,"page":15},[2926,2927,2928,2929,2930,2931,2932,2933,2934,2935,2936],{"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":2938,"page":15},[2939],{"title":570,"path":571,"stem":572,"children":2940,"page":15},[2941],{"title":575,"path":576,"stem":577,"icon":578},[2943,2944],{"title":49,"path":50,"stem":51,"icon":54,"children":-1},{"title":60,"path":61,"stem":62,"children":-1},1775726367022]