[{"data":1,"prerenderedAt":1730},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fscript":579,"nav":1571,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fscript":1727},[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":348,"authors":581,"body":582,"description":1565,"draft":15,"extension":1566,"head":581,"icon":581,"image":581,"meta":1567,"navigation":1439,"path":349,"publishedAt":581,"seo":1569,"stem":350,"tags":581,"updatedAt":581,"__hash__":1570},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fscript.md",null,{"type":583,"value":584,"toc":1551},"minimark",[585,609,708,712,720,1083,1088,1128,1131,1149,1179,1182,1185,1191,1230,1236,1274,1278,1298,1355,1359,1362,1516,1519,1522,1526,1547],[586,587,588,597,598,603,604,608],"p",{},[589,590,591,592,596],"strong",{},"HTML ",[593,594,595],"code",{},"\u003Cscript>"," 요소","는 데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다. ",[599,600,602],"a",{"href":601},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FWebGL_API","WebGL","의 GLSL 셰이더 프로그래밍 언어, ",[599,605,607],{"href":606},"\u002Fko\u002Fdocs\u002FGlossary\u002FJSON","JSON"," 등 다른 언어와도 사용할 수 있습니다.",[610,611,614,615],"table",{"className":612},[613],"properties","\n  ",[616,617,618,619,618,649,618,660,618,668,618,681,618,692,618,700,614],"tbody",{},"\n    ",[620,621,622,623,622,632,618],"tr",{},"\n      ",[624,625,627,628,622],"th",{"scope":626},"row","\n        ",[599,629,631],{"href":630},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories","콘텐츠 카테고리",[633,634,627,635,639,640,639,644,648],"td",{},[599,636,638],{"href":637},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#메타데이터_콘텐츠","메타데이터 콘텐츠",",\n        ",[599,641,643],{"href":642},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#플로우_콘텐츠","플로우 콘텐츠",[599,645,647],{"href":646},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002FContent_categories#구문_콘텐츠","구문 콘텐츠",".\n      ",[620,650,622,651,622,654,618],{},[624,652,653],{"scope":626},"가능한 콘텐츠",[633,655,656,659],{},[593,657,658],{},"text\u002Fjavascript","와 같은 동적 스크립트.",[620,661,622,662,622,665,618],{},[624,663,664],{"scope":626},"태그 생략",[633,666,667],{},"불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.",[620,669,622,670,622,673,618],{},[624,671,672],{"scope":626},"가능한 부모 요소",[633,674,627,675,677,678,680],{},[599,676,638],{"href":637},"\n        또는\n        ",[599,679,647],{"href":646},"를 허용한 아무 요소.\n      ",[620,682,622,683,622,686,618],{},[624,684,685],{"scope":626},"암시적 ARIA 역할",[633,687,627,688,622],{},[599,689,691],{"href":690},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml-aria\u002F#dfn-no-corresponding-role","대응하는 역할 없음",[620,693,622,694,622,697,618],{},[624,695,696],{"scope":626},"가능한 ARIA 역할",[633,698,699],{},"없음",[620,701,622,702,622,705,618],{},[624,703,704],{"scope":626},"DOM 인터페이스",[633,706,707],{},"`HTMLScriptElement`",[709,710,711],"h2",{"id":711},"특성",[586,713,714,715,719],{},"이 요소는 ",[599,716,718],{"href":717},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","을 포함합니다.",[721,722,723,774,800,858,873,890,910,1010,1019],"ul",{},[724,725,726,729],"li",{},[593,727,728],{},"async",[721,730,731],{},[724,732,733,734,736,737,740,744,745,747,748,750,751,753,754,757,758,761,762,764,766,767,769,773],{},": 일반 스크립트에 ",[593,735,728],{}," 속성이 존재하면 HTML 구문 분석 중에도 스크립트를 가져오며, 사용 가능해지는 즉시 평가를 수행합니다.",[738,739],"br",{},[599,741,743],{"href":742},"\u002Fko\u002Fdocs\u002FWeb\u002FJavaScript\u002FGuide\u002FModules","모듈 스크립트","에 ",[593,746,728],{}," 속성이 존재하면 모듈 스크립트와 모든 의존 스크립트를 지연 큐에서 실행하므로 함께 병렬로 불러오며, 이와 동시에 구문 분석을 수행하고 사용 가능해지는 즉시 평가합니다.",[738,749],{},"기존 방식은 브라우저가 HTML 분석을 계속하기 전에 스크립트를 불러오고 평가했어야 하므로, ",[593,752,728],{}," 속성을 사용하면 ",[589,755,756],{},"분석기를 멈추는 JavaScript","를 제거할 수 있습니다. ",[593,759,760],{},"defer","도 비슷한 효력을 냅니다.",[738,763],{},[593,765,728],{},"는 불리언 속성입니다. 속성이 존재하면 참을 나타내고, 속성이 존재하지 않으면 거짓을 나타냅니다.",[738,768],{},[599,770,772],{"href":771},"#%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%ED%98%B8%ED%99%98%EC%84%B1","브라우저 호환성","을 참고하세요.",[724,775,776,779],{},[593,777,778],{},"crossorigin",[721,780,781],{},[724,782,783,784,787,788,791,792,794,795,799],{},": 일반 ",[593,785,786],{},"script"," 요소는 표준 CORS를 통과하지 못했을 때 ",[593,789,790],{},"GlobalEventHandlers.onerror","에 최소한의 정보만 넘깁니다. ",[593,793,778],{}," 속성은 정적 미디어에 대해 별도의 도메인을 사용하는 사이트의 오류 기록을 허용하기 위해 사용할 수 있습니다. 유효한 인수에 대한 보다 자세한 설명은 ",[599,796,798],{"href":797},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FAttributes\u002Fcrossorigin","CORS 설정 속","성 문서를 참고하세요.",[724,801,802,804],{},[593,803,760],{},[721,805,806],{},[724,807,808,809,812,813,815,817,818,821,822,844,846,848,849,750,851,753,853,757,855,857],{},": 브라우저가 스크립트를 문서 분석 이후에, 그러나 ",[593,810,811],{},"Document\u002FDOMContentLoaded_event"," 발생 이전에 실행해야 함을 나타내는 불리언 속성입니다.",[738,814],{},[593,816,760],{}," 속성을 가진 스크립트는 자신의 평가가 끝나기 전까지 ",[593,819,820],{},"DOMContentLoaded"," 이벤트의 발생을 막습니다.",[823,824,825,835],"blockquote",{},[586,826,827,831,834],{},[828,829,830],"span",{},"!WARNING",[593,832,833],{},"src"," 속성이 존재하지 않을 때(인라인 스크립트인 경우 등)에는 아무런 효과도 없으므로 사용해서는 안됩니다.",[586,836,837,838,840,841,843],{},"또한 ",[599,839,743],{"href":742},"는 기본적으로 지연 평가하므로, ",[593,842,760],{},"를 지정해도 변화가 없습니다.",[738,845],{},[593,847,760],{}," 속성을 가진 스크립트는 문서상의 순서를 따라 실행됩니다.",[738,850],{},[593,852,760],{},[589,854,756],{},[593,856,728],{},"도 비슷한 효과를 가집니다.",[724,859,860,863],{},[593,861,862],{},"integrity",[721,864,865],{},[724,866,867,868,872],{},": 사용자 에이전트가 가져온 리소스에 예기치 못한 변형이 존재하는지 검사할 때 사용할 인라인 메타데이터입니다. ",[599,869,871],{"href":870},"\u002Fko\u002Fdocs\u002FWeb\u002FSecurity\u002FDefenses\u002FSubresource_Integrity","하위 리소스 무결성"," 문서를 참고하세요.",[724,874,875,878],{},[593,876,877],{},"nomodule",[721,879,880],{},[724,881,882,883,889],{},": ",[599,884,888],{"href":885,"rel":886},"https:\u002F\u002Fhacks.mozilla.org\u002F2015\u002F08\u002Fes6-in-depth-modules\u002F",[887],"nofollow","ES2015 모듈","을 지원하는 브라우저에서는 실행하지 않을 스크립트임을 나타내는 불리언 특성입니다. 모듈화 JavaScript를 지원하지 않는 오래된 브라우저가 사용할 대체 스크립트에 사용할 수 있습니다.",[724,891,892,895],{},[593,893,894],{},"nonce",[721,896,897],{},[724,898,882,899,909],{},[599,900,902,905,906],{"href":901},"\u002Fko\u002Fdocs\u002FWeb\u002FHTTP\u002FReference\u002FHeaders\u002FContent-Security-Policy\u002Fscript-src",[593,903,904],{},"script-src"," ",[593,907,908],{},"Content-Security-Policy","의 화이트리스트에 스크립트를 등록하기 위한, 암호화된 일회용 숫자(논스, nonce)입니다. 서버는 고유한 일회용 숫자값을 정책을 전송할 때마다 생성해야 합니다. 자원의 정책을 우회할 수 없도록, 추측할 수 없는 임시값을 제공하는 것이 중요합니다.",[724,911,912,915],{},[593,913,914],{},"referrerpolicy",[721,916,917],{},[724,918,919,920,924,925,986],{},": 스크립트를 가져올 때, 또는 스크립트가 다른 리소스를 가져올 때 전송할 ",[599,921,923],{"href":922},"\u002Fko\u002Fdocs\u002FWeb\u002FAPI\u002FDocument\u002Freferrer","리퍼러","를 나타냅니다.",[721,926,927,933,939,948,958,964,970,976],{},[724,928,929,932],{},[593,930,931],{},"no-referrer",":  헤더를 전송하지 않습니다.",[724,934,935,938],{},[593,936,937],{},"no-referrer-when-downgrade"," (기본값): TLS(HTTPS) 지원을 하지 않는 출처에 대해서는  헤더를 전송하지 않습니다.",[724,940,941,882,944,947],{},[593,942,943],{},"origin",[593,945,946],{},"Referer"," 헤더가 요청 출처(스킴, 호스트, 포트)를 포함합니다.",[724,949,950,882,953,957],{},[593,951,952],{},"origin-when-cross-origin",[599,954,956],{"href":955},"\u002Fko\u002Fdocs\u002FWeb\u002FSecurity\u002FDefenses\u002FSame-origin_policy","동일 출처"," 요청에는 매개변수를 제거한 전체 URL을 전송합니다. 교차 출처 요청에는 출처만 전송합니다.",[724,959,960,963],{},[593,961,962],{},"same-origin",": 동일 출처 요청에는 매개변수를 제거한 전체 URL을 전송합니다. 교차 출처 요청에는 아무 레퍼러 정보도 보내지 않습니다.",[724,965,966,969],{},[593,967,968],{},"strict-origin",": 목적지가 현재 문서와 동일하거나 더 높은(HTTP(S)→HTTPS) 보안 수준을 가진 경우 출처를 전송하고, 더 취약(HTTPS→HTTP)한 경우 전송하지 않습니다.",[724,971,972,975],{},[593,973,974],{},"strict-origin-when-cross-origin",": 동일 출처 요청에는 매개변수를 제거한 전체 URL을 전송합니다. 목적지가 현재 문서와 동일하거나 더 높은 보안 수준(HTTP(S)→HTTPS)을 가진 경우 자신의 출처를 전송합니다. 그 외의 경우 아무 레퍼러 정보도 보내지 않습니다.",[724,977,978,981,982,985],{},[593,979,980],{},"unsafe-url",": 동일 출처와 교차 출처 요청 모두에 대해서 전체 URL을 전송합니다. TLS로 보호하는 리소스에서 안전하지 않은 출처에 경로까지 노출하므로 ",[589,983,984],{},"안전하지 않습니다",".",[823,987,988],{},[586,989,990,993,994,997,998,1000,1001,1003,1004,1006,1007,1009],{},[828,991,992],{},"!NOTE","\n빈 문자열 값(",[593,995,996],{},"\"\"",")은 기본값이자 ",[593,999,914],{}," 특성을 지원하지 않는 경우 사용하는 대체값입니다. ",[593,1002,914],{},"를 ",[593,1005,595],{}," 요소에 명시하지 않은 경우 더 상위 단계의 정책, 즉 문서 자체나 도메인의 정책을 따라갑니다. 상위 단계 정책도 사용할 수 없을 땐 빈 문자열을 ",[593,1008,937],{},"로 간주합니다.",[724,1011,1012,1014],{},[593,1013,833],{},[721,1015,1016],{},[724,1017,1018],{},": 외부 스크립트를 가리키는 URI입니다. 문서 내에 스크립트를 직접 삽입하는 것 대신 사용할 수 있습니다.",[724,1020,1021,1024],{},[593,1022,1023],{},"type",[721,1025,1026],{},[724,1027,1028,1029],{},": 스크립트의 유형을 나타냅니다. 다음 다섯개의 범주 중 하나에 속할 수 있습니다.\n",[721,1030,1031,1051,1074],{},[724,1032,1033,1036,1037,1039,1040,1042,1043,1045,1046,1050],{},[589,1034,1035],{},"생략 또는 JavaScript MIME 유형:"," 스크립트가 JavaScript임을 나타냅니다. 이 경우, HTML5 명세는 웹 작성자가 불필요한 ",[593,1038,1023],{},"을 포함하지 않고 완전히 제외할 것을 촉구합니다. 보다 오래된 브라우저에서는 ",[593,1041,1023],{}," 특성의 값으로 삽입 혹은 (",[593,1044,833],{}," 특성으로) 불러온 스크립트의 언어를 표시하곤 했습니다. JavaScript MIME 유형은 ",[599,1047,1049],{"href":1048},"\u002Fko\u002Fdocs\u002FWeb\u002FHTTP\u002FGuides\u002FMIME_types#javascript_types","명세에 나열","되어 있습니다.",[724,1052,1053,1059,1060,1063,1064,1066,1067,1069,1070,1073],{},[589,1054,1055,1058],{},[593,1056,1057],{},"module",":"," 스크립트를 JavaScript 모듈로 간주합니다. 스크립트 콘텐츠 처리가 ",[593,1061,1062],{},"charset","과 ",[593,1065,760],{}," 특성의 영향을 받지 않습니다. ",[593,1068,1057],{},"의 더 자세한 사용법은 MDN의 ",[599,1071,1072],{"href":742},"JavaScript 모듈 안내서","를 참고하세요. 기존 스크립트와 달리, 모듈 스크립트는 교차 출처 가져오기 시 CORS 프로토콜을 사용해야 합니다.",[724,1075,1076,1079,1080,1082],{},[589,1077,1078],{},"다른 모든 값:"," 내장 콘텐츠를 브라우저가 처리하지 않을 데이터 블록으로 간주합니다. 개발자는 반드시 유효하면서 JavaScript가 아닌 MIME 유형을 지정해야 합니다. ",[593,1081,833],{}," 특성을 무시합니다.",[1084,1085,1087],"h3",{"id":1086},"deprecated-attributes","Deprecated attributes",[721,1089,1090,1109],{},[724,1091,1092,1094],{},[593,1093,1062],{},[721,1095,1096],{},[724,1097,1098,1099,1102,1103,1105,1106,1108],{},": If present, its value must be an ASCII case-insensitive match for \"",[593,1100,1101],{},"utf-8","\". It's unnecessary to specify the ",[593,1104,1062],{}," attribute, because documents must use UTF-8, and the ",[593,1107,786],{}," element inherits its character encoding from the document.",[724,1110,1111,1114],{},[593,1112,1113],{},"language",[721,1115,1116],{},[724,1117,1118,1119,1121,1122,1124,1125,1127],{},": Like the ",[593,1120,1023],{}," attribute, this attribute identifies the scripting language in use. Unlike the ",[593,1123,1023],{}," attribute, however, this attribute's possible values were never standardized. The ",[593,1126,1023],{}," attribute should be used instead.",[709,1129,1130],{"id":1130},"참고",[586,1132,1133,1134,1139,1140,1139,1145,1148],{},"브라우저가 구문 분석을 진행하다 인라인 스크립트 또는 ",[599,1135,1137],{"href":1136},"#async",[593,1138,728],{},", ",[599,1141,1143],{"href":1142},"#defer",[593,1144,760],{},[593,1146,1147],{},"type=\"module\""," 특성이 없는 스크립트에 도달하면 스크립트를 가져온 후 실행하기 전까지 분석을 중단합니다.",[586,1150,1151,1152,1154,1155,1158,1159,1162,1163,1166,1167,1170,1171,1174,1175,1178],{},"스크립트는 ",[593,1153,658],{}," MIME 유형을 설정해야 하나, 브라우저는 관대한 규칙을 적용하여 이미지 형태(",[593,1156,1157],{},"image\u002F*","), 비디오 형태(",[593,1160,1161],{},"video\u002F*","), 오디오 형태(",[593,1164,1165],{},"audio\u002F*","), ",[593,1168,1169],{},"text\u002Fcsv"," 형태로 스크립트를 불러오려는 경우만 차단하고 나머지는 허용합니다. 스크립트를 차단한 경우 ",[593,1172,1173],{},"HTMLElement\u002Fload_event"," 대신 ",[593,1176,1177],{},"HTMLElement\u002Ferror_event"," 이벤트를 요소에 전송합니다.",[709,1180,1181],{"id":1181},"예제",[1084,1183,1184],{"id":1184},"기본",[586,1186,1187,1188,1190],{},"다음 예제는 ",[593,1189,595],{}," 요소를 사용해 외부 스크립트를 가져오는 법을 보입니다.",[1192,1193,1198],"pre",{"className":1194,"code":1195,"language":1196,"meta":1197,"style":1197},"language-html shiki shiki-themes github-light github-dark","\u003Cscript src=\"javascript.js\">\u003C\u002Fscript>\n","html","",[593,1199,1200],{"__ignoreMap":1197},[828,1201,1204,1208,1211,1215,1218,1222,1225,1227],{"class":1202,"line":1203},"line",1,[828,1205,1207],{"class":1206},"sVt8B","\u003C",[828,1209,786],{"class":1210},"s9eBZ",[828,1212,1214],{"class":1213},"sScJk"," src",[828,1216,1217],{"class":1206},"=",[828,1219,1221],{"class":1220},"sZZnC","\"javascript.js\"",[828,1223,1224],{"class":1206},">\u003C\u002F",[828,1226,786],{"class":1210},[828,1228,1229],{"class":1206},">\n",[586,1231,1232,1233,1235],{},"그리고 아래 코드는 ",[593,1234,595],{}," 요소 내부에 인라인 스크립트를 작성하는 예시입니다.",[1192,1237,1239],{"className":1194,"code":1238,"language":1196,"meta":1197,"style":1197},"\u003Cscript>\n  alert(\"Hello World!\");\n\u003C\u002Fscript>\n",[593,1240,1241,1249,1264],{"__ignoreMap":1197},[828,1242,1243,1245,1247],{"class":1202,"line":1203},[828,1244,1207],{"class":1206},[828,1246,786],{"class":1210},[828,1248,1229],{"class":1206},[828,1250,1252,1255,1258,1261],{"class":1202,"line":1251},2,[828,1253,1254],{"class":1213},"  alert",[828,1256,1257],{"class":1206},"(",[828,1259,1260],{"class":1220},"\"Hello World!\"",[828,1262,1263],{"class":1206},");\n",[828,1265,1267,1270,1272],{"class":1202,"line":1266},3,[828,1268,1269],{"class":1206},"\u003C\u002F",[828,1271,786],{"class":1210},[828,1273,1229],{"class":1206},[1084,1275,1277],{"id":1276},"모듈-대체-스크립트","모듈 대체 스크립트",[586,1279,1280,1285,1286,1288,1289,1291,1292,1294,1295,1297],{},[599,1281,1283],{"href":1282},"#type",[593,1284,1023],{}," 특성이 ",[593,1287,1057],{},"을 지원하는 브라우저는 ",[593,1290,877],{}," 특성을 가진 모든 ",[593,1293,595],{},"를 무시합니다. 그러므로 모듈 스크립트를 사용하면서도, 미지원 브라우저를 위한 대체 스크립트를 ",[593,1296,877],{},"로 표시해 제공할 수 있습니다.",[1192,1299,1303],{"className":1300,"code":1301,"language":1302,"meta":1197,"style":1197},"language-js shiki shiki-themes github-light github-dark","\u003Cscript type=\"module\" src=\"main.mjs\">\u003C\u002Fscript>\n\u003Cscript nomodule src=\"fallback.js\">\u003C\u002Fscript>\n","js",[593,1304,1305,1333],{"__ignoreMap":1197},[828,1306,1307,1309,1311,1314,1317,1320,1322,1324,1327,1329,1331],{"class":1202,"line":1203},[828,1308,1207],{"class":1206},[828,1310,786],{"class":1210},[828,1312,1313],{"class":1213}," type",[828,1315,1217],{"class":1316},"szBVR",[828,1318,1319],{"class":1220},"\"module\"",[828,1321,1214],{"class":1213},[828,1323,1217],{"class":1316},[828,1325,1326],{"class":1220},"\"main.mjs\"",[828,1328,1224],{"class":1206},[828,1330,786],{"class":1210},[828,1332,1229],{"class":1206},[828,1334,1335,1337,1339,1342,1344,1346,1349,1351,1353],{"class":1202,"line":1251},[828,1336,1207],{"class":1206},[828,1338,786],{"class":1210},[828,1340,1341],{"class":1213}," nomodule",[828,1343,1214],{"class":1213},[828,1345,1217],{"class":1316},[828,1347,1348],{"class":1220},"\"fallback.js\"",[828,1350,1224],{"class":1206},[828,1352,786],{"class":1210},[828,1354,1229],{"class":1206},[1084,1356,1358],{"id":1357},"html에-데이터-삽입하기","HTML에 데이터 삽입하기",[586,1360,1361],{},"\u003Cscript> 요소와 JavaScript 외의 유효한 MIME 유형을 사용하면 서버사이드 렌더링을 통해 HTML에 데이터를 삽입할 수 있습니다.",[1192,1363,1365],{"className":1194,"code":1364,"language":1196,"meta":1197,"style":1197},"\u003C!-- Generated by the server -->\n\u003Cscript id=\"data\" type=\"application\u002Fjson\">\n  {\n    \"userId\": 1234,\n    \"userName\": \"John Doe\",\n    \"memberSince\": \"2000-01-01T00:00:00.000Z\"\n  }\n\u003C\u002Fscript>\n\n\u003C!-- Static -->\n\u003Cscript>\n  const userInfo = JSON.parse(document.getElementById(\"data\").text);\n  console.log(\"User information: %o\", userInfo);\n\u003C\u002Fscript>\n",[593,1366,1367,1373,1396,1401,1407,1413,1419,1425,1434,1441,1447,1456,1490,1507],{"__ignoreMap":1197},[828,1368,1369],{"class":1202,"line":1203},[828,1370,1372],{"class":1371},"sJ8bj","\u003C!-- Generated by the server -->\n",[828,1374,1375,1377,1379,1382,1384,1387,1389,1391,1394],{"class":1202,"line":1251},[828,1376,1207],{"class":1206},[828,1378,786],{"class":1210},[828,1380,1381],{"class":1213}," id",[828,1383,1217],{"class":1206},[828,1385,1386],{"class":1220},"\"data\"",[828,1388,1313],{"class":1213},[828,1390,1217],{"class":1206},[828,1392,1393],{"class":1220},"\"application\u002Fjson\"",[828,1395,1229],{"class":1206},[828,1397,1398],{"class":1202,"line":1266},[828,1399,1400],{"class":1206},"  {\n",[828,1402,1404],{"class":1202,"line":1403},4,[828,1405,1406],{"class":1206},"    \"userId\": 1234,\n",[828,1408,1410],{"class":1202,"line":1409},5,[828,1411,1412],{"class":1206},"    \"userName\": \"John Doe\",\n",[828,1414,1416],{"class":1202,"line":1415},6,[828,1417,1418],{"class":1206},"    \"memberSince\": \"2000-01-01T00:00:00.000Z\"\n",[828,1420,1422],{"class":1202,"line":1421},7,[828,1423,1424],{"class":1206},"  }\n",[828,1426,1428,1430,1432],{"class":1202,"line":1427},8,[828,1429,1269],{"class":1206},[828,1431,786],{"class":1210},[828,1433,1229],{"class":1206},[828,1435,1437],{"class":1202,"line":1436},9,[828,1438,1440],{"emptyLinePlaceholder":1439},true,"\n",[828,1442,1444],{"class":1202,"line":1443},10,[828,1445,1446],{"class":1371},"\u003C!-- Static -->\n",[828,1448,1450,1452,1454],{"class":1202,"line":1449},11,[828,1451,1207],{"class":1206},[828,1453,786],{"class":1210},[828,1455,1229],{"class":1206},[828,1457,1459,1462,1466,1469,1472,1474,1477,1480,1483,1485,1487],{"class":1202,"line":1458},12,[828,1460,1461],{"class":1316},"  const",[828,1463,1465],{"class":1464},"sj4cs"," userInfo",[828,1467,1468],{"class":1316}," =",[828,1470,1471],{"class":1464}," JSON",[828,1473,985],{"class":1206},[828,1475,1476],{"class":1213},"parse",[828,1478,1479],{"class":1206},"(document.",[828,1481,1482],{"class":1213},"getElementById",[828,1484,1257],{"class":1206},[828,1486,1386],{"class":1220},[828,1488,1489],{"class":1206},").text);\n",[828,1491,1493,1496,1499,1501,1504],{"class":1202,"line":1492},13,[828,1494,1495],{"class":1206},"  console.",[828,1497,1498],{"class":1213},"log",[828,1500,1257],{"class":1206},[828,1502,1503],{"class":1220},"\"User information: %o\"",[828,1505,1506],{"class":1206},", userInfo);\n",[828,1508,1510,1512,1514],{"class":1202,"line":1509},14,[828,1511,1269],{"class":1206},[828,1513,786],{"class":1210},[828,1515,1229],{"class":1206},[709,1517,1518],{"id":1518},"명세",[709,1520,772],{"id":1521},"브라우저-호환성",[709,1523,1525],{"id":1524},"같이-보기","같이 보기",[721,1527,1528,1533],{},[724,1529,1530],{},[593,1531,1532],{},"document.currentScript",[724,1534,1535],{},[599,1536,1539,1540,1542,1543,1546],{"href":1537,"rel":1538},"https:\u002F\u002Fpie.gd\u002Ftest\u002Fscript-link-events\u002F",[887],"Ryan Grove의 ",[593,1541,595],{},"와 ",[593,1544,1545],{},"\u003Clink>"," 노드 이벤트 호환성 차트",[1548,1549,1550],"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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":1197,"searchDepth":1251,"depth":1251,"links":1552},[1553,1556,1557,1562,1563,1564],{"id":711,"depth":1251,"text":711,"children":1554},[1555],{"id":1086,"depth":1266,"text":1087},{"id":1130,"depth":1251,"text":1130},{"id":1181,"depth":1251,"text":1181,"children":1558},[1559,1560,1561],{"id":1184,"depth":1266,"text":1184},{"id":1276,"depth":1266,"text":1277},{"id":1357,"depth":1266,"text":1358},{"id":1518,"depth":1251,"text":1518},{"id":1521,"depth":1251,"text":772},{"id":1524,"depth":1251,"text":1525},"HTML \u003Cscript> 요소는 데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다. WebGL의 GLSL 셰이더 프로그래밍 언어, JSON 등 다른 언어와도 사용할 수 있습니다.","md",{"slug":1568,"original_slug":1568},"develop\u002Fhtml\u002Felements\u002Fscript",{"title":348,"description":1565},"xHezIb-rKyPdQL0RYc_fZvH4JXgv3U5TFCjxsrmG-bQ",[1572,1575,1578,1689,1697,1722],{"title":5,"icon":6,"path":7,"stem":8,"children":1573,"page":15},[1574],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1576,"page":15},[1577],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1579,"page":15},[1580,1583,1681],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1581,"page":15},[1582],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1584,"page":15},[1585,1680],{"title":49,"path":50,"stem":51,"children":1586,"icon":54},[1587,1588,1589,1590,1591,1592,1593,1594,1595,1596,1597,1598,1599,1600,1601,1602,1603,1604,1605,1606,1607,1608,1609,1610,1611,1612,1613,1614,1615,1616,1617,1618,1619,1620,1621,1622,1623,1624,1625,1626,1627,1628,1629,1630,1631,1632,1633,1634,1635,1636,1637,1638,1639,1640,1641,1642,1643,1644,1645,1646,1647,1648,1649,1650,1651,1652,1653,1654,1655,1656,1657,1658,1659,1660,1661,1662,1663,1664,1665,1666,1667,1668,1669,1670,1671,1672,1673,1674,1675,1676,1677,1678,1679],{"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":1682,"page":15},[1683,1686],{"title":433,"icon":434,"path":435,"stem":436,"children":1684,"page":15},[1685],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1687,"page":15},[1688],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1690,"page":15},[1691],{"title":460,"icon":455,"path":461,"stem":462,"children":1692},[1693,1694],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1695,"page":15},[1696],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1698,"page":15},[1699,1702,1709],{"title":428,"icon":484,"path":485,"stem":486,"children":1700,"page":15},[1701],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1703,"page":15},[1704],{"title":498,"path":499,"stem":500,"children":1705,"page":15},[1706],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1707,"page":15},[1708],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1710,"page":15},[1711,1712,1713,1714,1715,1716,1717,1718,1719,1720,1721],{"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":1723,"page":15},[1724],{"title":570,"path":571,"stem":572,"children":1725,"page":15},[1726],{"title":575,"path":576,"stem":577,"icon":578},[1728,1729],{"title":344,"path":345,"stem":346,"children":-1},{"title":352,"path":353,"stem":354,"children":-1},1775726376088]