[{"data":1,"prerenderedAt":1696},["ShallowReactive",2],{"nav-global":3,"doc-\u002Fdevelop\u002Fhtml\u002Felements\u002Fp":579,"nav":1537,"surround-\u002Fdevelop\u002Fhtml\u002Felements\u002Fp":1693},[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":304,"authors":581,"body":582,"description":1531,"draft":15,"extension":1532,"head":581,"icon":581,"image":581,"meta":1533,"navigation":656,"path":305,"publishedAt":581,"seo":1535,"stem":306,"tags":581,"updatedAt":581,"__hash__":1536},"docs\u002F3.develop\u002F1.html\u002F1.elements\u002Fp.md",null,{"type":583,"value":584,"toc":1529},"minimark",[585,597,604,688,763,1525],[586,587,588,596],"p",{},[589,590,591,592,595],"strong",{},"HTML ",[593,594,304],"code",{}," 요소","는 하나의 문단을 나타냅니다. 시각적인 매체에서, 문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로 구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련있는 콘텐츠 무엇이나 될 수 있습니다.",[586,598,599,600,603],{},"문단은 블록 레벨 요소이며, 자신의 닫는 태그(",[593,601,602],{},"\u003C\u002Fp>",") 이전에 다른 블록 레벨 태그가 분석되면 자동으로 닫힙니다. 아래의 \"태그 생략\" 항목을 참고하세요.",[605,606,612],"pre",{"className":607,"code":608,"language":609,"meta":610,"style":611},"language-html shiki shiki-themes github-light github-dark","\u003Cp>\n  Geckos are a group of usually small, usually nocturnal lizards. They are found\n  on every continent except Antarctica.\n\u003C\u002Fp>\n\n\u003Cp>\n  Some species live in houses where they hunt insects attracted by artificial\n  light.\n\u003C\u002Fp>\n","html","interactive-example","",[593,613,614,629,635,641,651,658,667,673,679],{"__ignoreMap":611},[615,616,619,623,626],"span",{"class":617,"line":618},"line",1,[615,620,622],{"class":621},"sVt8B","\u003C",[615,624,586],{"class":625},"s9eBZ",[615,627,628],{"class":621},">\n",[615,630,632],{"class":617,"line":631},2,[615,633,634],{"class":621},"  Geckos are a group of usually small, usually nocturnal lizards. They are found\n",[615,636,638],{"class":617,"line":637},3,[615,639,640],{"class":621},"  on every continent except Antarctica.\n",[615,642,644,647,649],{"class":617,"line":643},4,[615,645,646],{"class":621},"\u003C\u002F",[615,648,586],{"class":625},[615,650,628],{"class":621},[615,652,654],{"class":617,"line":653},5,[615,655,657],{"emptyLinePlaceholder":656},true,"\n",[615,659,661,663,665],{"class":617,"line":660},6,[615,662,622],{"class":621},[615,664,586],{"class":625},[615,666,628],{"class":621},[615,668,670],{"class":617,"line":669},7,[615,671,672],{"class":621},"  Some species live in houses where they hunt insects attracted by artificial\n",[615,674,676],{"class":617,"line":675},8,[615,677,678],{"class":621},"  light.\n",[615,680,682,684,686],{"class":617,"line":681},9,[615,683,646],{"class":621},[615,685,586],{"class":625},[615,687,628],{"class":621},[605,689,693],{"className":690,"code":691,"language":692,"meta":610,"style":611},"language-css shiki shiki-themes github-light github-dark","p {\n  margin: 10px 0;\n  padding: 5px;\n  border: 1px solid #999;\n}\n","css",[593,694,695,702,724,738,758],{"__ignoreMap":611},[615,696,697,699],{"class":617,"line":618},[615,698,586],{"class":625},[615,700,701],{"class":621}," {\n",[615,703,704,708,711,714,718,721],{"class":617,"line":631},[615,705,707],{"class":706},"sj4cs","  margin",[615,709,710],{"class":621},": ",[615,712,713],{"class":706},"10",[615,715,717],{"class":716},"szBVR","px",[615,719,720],{"class":706}," 0",[615,722,723],{"class":621},";\n",[615,725,726,729,731,734,736],{"class":617,"line":637},[615,727,728],{"class":706},"  padding",[615,730,710],{"class":621},[615,732,733],{"class":706},"5",[615,735,717],{"class":716},[615,737,723],{"class":621},[615,739,740,743,745,748,750,753,756],{"class":617,"line":643},[615,741,742],{"class":706},"  border",[615,744,710],{"class":621},[615,746,747],{"class":706},"1",[615,749,717],{"class":716},[615,751,752],{"class":706}," solid",[615,754,755],{"class":706}," #999",[615,757,723],{"class":621},[615,759,760],{"class":617,"line":653},[615,761,762],{"class":621},"}\n",[764,765,768,769],"table",{"className":766},[767],"properties","\n  ",[770,771,772,773,772,795,772,807],"tbody",{},"\n    ",[774,775,776,777,776,787,772],"tr",{},"\n      ",[778,779,781,782,776],"th",{"scope":780},"row","\n        ",[783,784,786],"a",{"href":785},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002F%EC%BB%A8%ED%85%90%ED%8A%B8_%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC","콘텐츠 카테고리",[788,789,781,790,794],"td",{},[783,791,793],{"href":792},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002F컨텐트_카테고리#플로우_콘텐츠","플로우 콘텐츠",", 뚜렷한 콘텐츠\n      ",[774,796,776,797,776,800,772],{},[778,798,799],{"scope":780},"가능한 콘텐츠",[788,801,781,802,806],{},[783,803,805],{"href":804},"\u002Fko\u002Fdocs\u002FWeb\u002FGuide\u002FHTML\u002F컨텐트_카테고리#구문_콘텐츠","구문 콘텐츠",".\n      ",[774,808,776,809,776,812],{},[778,810,811],{"scope":780},"태그 생략",[788,813,814,815,818],{},"\n        시작 태그는 필수입니다. 닫는 태그는 `",[586,816,817],{},"` 요소의\n        바로 뒤에 `",[819,820,821,822],"address",{},"`,\n        `",[823,824,825,826],"article",{},"`, `",[827,828,821,829],"aside",{},[830,831,825,832],"blockquote",{},[833,834,821,835],"div",{},[836,837,825,838],"dl",{},[839,840,821,841],"fieldset",{},[842,843,825,844],"footer",{},[845,846,821,847,850,853,857,860,864],"form",{},[848,849,825],"h1",{"id":611},[851,852,821],"h2",{"id":611},[854,855,825],"h3",{"id":856},"_1",[858,859,821],"h4",{"id":856},[861,862,825],"h5",{"id":863},"_2",[865,866,821,868],"h6",{"id":867},"요소가-위치하는-경우-또는-부모-태그의-콘텐츠가-더-존재하지-않고-부모가-요소가-아닐-때-생략할-수-있습니다-가능한-부모-플로우-콘텐츠를-허용하는-모든-요소-가능한-aria-역할-모두-dom-인터페이스-htmlparagraphelement-특성이-요소는-전역-특성만-포함합니다예제htmlp첫-번째-문단입니다-첫-번째-문단입니다-첫-번째-문단입니다-첫-번째-문단입니다pp두-번째-문단입니다-두-번째-문단입니다-두-번째-문단입니다-두-번째-문단입니다p결과문단-꾸미기브라우저-기본-스타일은-문단끼리-한-줄의-간격으로-분리합니다-첫-줄-들여쓰기-등-다른-구분-방법은-css를-통해-사용할-수-있습니다htmlp-독자-입장에선-문단-사이를-여백으로-구분하는게-제일-읽기-쉽지만-첫-줄-들여쓰기로도-구분할-수-있습니다-들여쓰기는-보통-인쇄매체에서-공간과-종이를-아끼기-위해-사용합니다pp-학교-과제나-초안-등-나중에-편집할-글은-여백과-들여쓰기-둘-다-사용합니다-그러나-완성한-글에-둘-다-사용하는건-불필요하고-초보적으로-여겨집니다pp-아주-오래된-글에서는-문단을-특수기호-i필크로i단락-기호로-구분했습니다-그러나-답답하고-읽기-힘들어-지금은-사용하지-않습니다pp-얼마나-읽기-힘들까요-직접-알아보세요-button-data-toggle-text안돼-다시-돌려놔요단락-기호-써보기buttonpcssp-margin-0-text-indent-3chppilcrow-text-indent-0-display-inlineppilcrow-ppilcrowbefore-content-javascriptdocumentqueryselectorbuttonaddeventlistenerclick-function-event-documentqueryselectorallpforeachfunction-paragraph-paragraphclasslisttogglepilcrow-var-newbuttontext-eventtargetdatasettoggletext-var-oldtext-eventtargetinnertext-eventtargetinnertext-newbuttontext-eventtargetdatasettoggletext-oldtext결과접근성-고려사항콘텐츠를-문단으로-나누면-페이지의-접근성을-높입니다-스크린-리더-등-보조-기술은-다음-문단으로-넘어갈-수-있는-단축키-등을-제공하므로-시각적-매체의-여백이-사용자의-빠른-콘텐츠-탐색을-돕는-것과-같은-효과를-얻을-수-있습니다빈-p-요소를-사용해-문단-사이에-여백을-추가하면-스크린-리더-사용자에게-부정적인-경험을-줄-수-있습니다-스크린-리더가-문단의-존재는-알려주겠지만-더-읽을-내용이-없기-때문입니다-따라서-스크린-리더-사용자가-혼란을-느낄-수-있습니다여분의-공간이-필요하다면-margin-등-css-속성을-통해-적용하세요p-margin-bottom-2em-문단-다음-여백을-늘림-명세브라우저-호환성같이-보기hrbr",[869,870,825,871,821,874],"header",{},[872,873],"hr",{},[875,876,825,877],"menu",{},[878,879,821,880],"nav",{},[881,882,825,883],"ol",{},[605,884,821,885],{},[886,887,888,889,898,928,933,943,946,949,994,997,1001,1004,1007,1176,1179,1292,1296,1444,1447,1451,1454,1460,1467,1502,1505,1509,1513],"section",{},"`, ``,\n        `",[890,891,825,892],"ul",{},[586,893,894,895],{},"` 요소가\n        위치하는 경우, 또는 부모 태그의 콘텐츠가 더 존재하지 않고 부모가\n        `",[783,896,897],{},"` 요소가 아닐 때 생략할 수 있습니다.\n      \n    \n    ",[764,899,900],{},[770,901,902,772,912,772,920,768],{},[774,903,776,904,776,907,772],{},[778,905,906],{"scope":780},"가능한 부모",[788,908,781,909,911],{},[783,910,793],{"href":792},"를 허용하는 모든 요소\n      ",[774,913,776,914,776,917,772],{},[778,915,916],{"scope":780},"가능한 ARIA 역할",[788,918,919],{},"모두",[774,921,776,922,776,925,772],{},[778,923,924],{"scope":780},"DOM 인터페이스",[788,926,927],{},"`HTMLParagraphElement`",[783,929,930],{},[851,931,932],{"id":932},"특성",[586,934,935,938,942],{},[783,936,937],{},"이 요소는 ",[783,939,941],{"href":940},"\u002Fko\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FGlobal_attributes","전역 특성","만 포함합니다.",[851,944,945],{"id":945},"예제",[854,947,948],{"id":609},"HTML",[605,950,954],{"className":951,"code":952,"language":953,"meta":611,"style":611},"language-html-nolint shiki shiki-themes github-light github-dark","\u003Cp>첫 번째 문단입니다.\n  첫 번째 문단입니다.\n  첫 번째 문단입니다.\n  첫 번째 문단입니다.\u003C\u002Fp>\n\u003Cp>두 번째 문단입니다.\n  두 번째 문단입니다.\n  두 번째 문단입니다.\n  두 번째 문단입니다.\u003C\u002Fp>\n","html-nolint",[593,955,956,961,966,970,975,980,985,989],{"__ignoreMap":611},[615,957,958],{"class":617,"line":618},[615,959,960],{},"\u003Cp>첫 번째 문단입니다.\n",[615,962,963],{"class":617,"line":631},[615,964,965],{},"  첫 번째 문단입니다.\n",[615,967,968],{"class":617,"line":637},[615,969,965],{},[615,971,972],{"class":617,"line":643},[615,973,974],{},"  첫 번째 문단입니다.\u003C\u002Fp>\n",[615,976,977],{"class":617,"line":653},[615,978,979],{},"\u003Cp>두 번째 문단입니다.\n",[615,981,982],{"class":617,"line":660},[615,983,984],{},"  두 번째 문단입니다.\n",[615,986,987],{"class":617,"line":669},[615,988,984],{},[615,990,991],{"class":617,"line":675},[615,992,993],{},"  두 번째 문단입니다.\u003C\u002Fp>\n",[854,995,996],{"id":996},"결과",[851,998,1000],{"id":999},"문단-꾸미기","문단 꾸미기",[586,1002,1003],{},"브라우저 기본 스타일은 문단끼리 한 줄의 간격으로 분리합니다. 첫 줄 들여쓰기 등 다른 구분 방법은 CSS를 통해 사용할 수 있습니다.",[854,1005,948],{"id":1006},"html-1",[605,1008,1010],{"className":607,"code":1009,"language":609,"meta":611,"style":611},"\u003Cp>\n  독자 입장에선 문단 사이를 여백으로 구분하는게 제일 읽기 쉽지만, 첫 줄\n  들여쓰기로도 구분할 수 있습니다. 들여쓰기는 보통 인쇄매체에서 공간과 종이를\n  아끼기 위해 사용합니다.\n\u003C\u002Fp>\n\n\u003Cp>\n  학교 과제나 초안 등 나중에 편집할 글은 여백과 들여쓰기 둘 다 사용합니다.\n  그러나 완성한 글에 둘 다 사용하는건 불필요하고 초보적으로 여겨집니다.\n\u003C\u002Fp>\n\n\u003Cp>\n  아주 오래된 글에서는 문단을 특수기호 ¶, \u003Ci>필크로\u003C\u002Fi>(단락 기호)로\n  구분했습니다. 그러나 답답하고 읽기 힘들어 지금은 사용하지 않습니다.\n\u003C\u002Fp>\n\n\u003Cp>\n  얼마나 읽기 힘들까요? 직접 알아보세요.\n  \u003Cbutton data-toggle-text=\"안돼! 다시 돌려놔요!\">단락 기호 써보기\u003C\u002Fbutton>\n\u003C\u002Fp>\n",[593,1011,1012,1020,1025,1030,1035,1043,1047,1055,1060,1065,1074,1079,1088,1105,1111,1120,1125,1134,1140,1167],{"__ignoreMap":611},[615,1013,1014,1016,1018],{"class":617,"line":618},[615,1015,622],{"class":621},[615,1017,586],{"class":625},[615,1019,628],{"class":621},[615,1021,1022],{"class":617,"line":631},[615,1023,1024],{"class":621},"  독자 입장에선 문단 사이를 여백으로 구분하는게 제일 읽기 쉽지만, 첫 줄\n",[615,1026,1027],{"class":617,"line":637},[615,1028,1029],{"class":621},"  들여쓰기로도 구분할 수 있습니다. 들여쓰기는 보통 인쇄매체에서 공간과 종이를\n",[615,1031,1032],{"class":617,"line":643},[615,1033,1034],{"class":621},"  아끼기 위해 사용합니다.\n",[615,1036,1037,1039,1041],{"class":617,"line":653},[615,1038,646],{"class":621},[615,1040,586],{"class":625},[615,1042,628],{"class":621},[615,1044,1045],{"class":617,"line":660},[615,1046,657],{"emptyLinePlaceholder":656},[615,1048,1049,1051,1053],{"class":617,"line":669},[615,1050,622],{"class":621},[615,1052,586],{"class":625},[615,1054,628],{"class":621},[615,1056,1057],{"class":617,"line":675},[615,1058,1059],{"class":621},"  학교 과제나 초안 등 나중에 편집할 글은 여백과 들여쓰기 둘 다 사용합니다.\n",[615,1061,1062],{"class":617,"line":681},[615,1063,1064],{"class":621},"  그러나 완성한 글에 둘 다 사용하는건 불필요하고 초보적으로 여겨집니다.\n",[615,1066,1068,1070,1072],{"class":617,"line":1067},10,[615,1069,646],{"class":621},[615,1071,586],{"class":625},[615,1073,628],{"class":621},[615,1075,1077],{"class":617,"line":1076},11,[615,1078,657],{"emptyLinePlaceholder":656},[615,1080,1082,1084,1086],{"class":617,"line":1081},12,[615,1083,622],{"class":621},[615,1085,586],{"class":625},[615,1087,628],{"class":621},[615,1089,1091,1094,1097,1100,1102],{"class":617,"line":1090},13,[615,1092,1093],{"class":621},"  아주 오래된 글에서는 문단을 특수기호 ¶, \u003C",[615,1095,1096],{"class":625},"i",[615,1098,1099],{"class":621},">필크로\u003C\u002F",[615,1101,1096],{"class":625},[615,1103,1104],{"class":621},">(단락 기호)로\n",[615,1106,1108],{"class":617,"line":1107},14,[615,1109,1110],{"class":621},"  구분했습니다. 그러나 답답하고 읽기 힘들어 지금은 사용하지 않습니다.\n",[615,1112,1114,1116,1118],{"class":617,"line":1113},15,[615,1115,646],{"class":621},[615,1117,586],{"class":625},[615,1119,628],{"class":621},[615,1121,1123],{"class":617,"line":1122},16,[615,1124,657],{"emptyLinePlaceholder":656},[615,1126,1128,1130,1132],{"class":617,"line":1127},17,[615,1129,622],{"class":621},[615,1131,586],{"class":625},[615,1133,628],{"class":621},[615,1135,1137],{"class":617,"line":1136},18,[615,1138,1139],{"class":621},"  얼마나 읽기 힘들까요? 직접 알아보세요.\n",[615,1141,1143,1146,1149,1153,1156,1160,1163,1165],{"class":617,"line":1142},19,[615,1144,1145],{"class":621},"  \u003C",[615,1147,1148],{"class":625},"button",[615,1150,1152],{"class":1151},"sScJk"," data-toggle-text",[615,1154,1155],{"class":621},"=",[615,1157,1159],{"class":1158},"sZZnC","\"안돼! 다시 돌려놔요!\"",[615,1161,1162],{"class":621},">단락 기호 써보기\u003C\u002F",[615,1164,1148],{"class":625},[615,1166,628],{"class":621},[615,1168,1170,1172,1174],{"class":617,"line":1169},20,[615,1171,646],{"class":621},[615,1173,586],{"class":625},[615,1175,628],{"class":621},[854,1177,1178],{"id":692},"CSS",[605,1180,1182],{"className":690,"code":1181,"language":692,"meta":611,"style":611},"p {\n  margin: 0;\n  text-indent: 3ch;\n}\n\np.pilcrow {\n  text-indent: 0;\n  display: inline;\n}\np.pilcrow + p.pilcrow::before {\n  content: \" ¶ \";\n}\n",[593,1183,1184,1190,1201,1216,1220,1224,1233,1243,1255,1259,1276,1288],{"__ignoreMap":611},[615,1185,1186,1188],{"class":617,"line":618},[615,1187,586],{"class":625},[615,1189,701],{"class":621},[615,1191,1192,1194,1196,1199],{"class":617,"line":631},[615,1193,707],{"class":706},[615,1195,710],{"class":621},[615,1197,1198],{"class":706},"0",[615,1200,723],{"class":621},[615,1202,1203,1206,1208,1211,1214],{"class":617,"line":637},[615,1204,1205],{"class":706},"  text-indent",[615,1207,710],{"class":621},[615,1209,1210],{"class":706},"3",[615,1212,1213],{"class":716},"ch",[615,1215,723],{"class":621},[615,1217,1218],{"class":617,"line":643},[615,1219,762],{"class":621},[615,1221,1222],{"class":617,"line":653},[615,1223,657],{"emptyLinePlaceholder":656},[615,1225,1226,1228,1231],{"class":617,"line":660},[615,1227,586],{"class":625},[615,1229,1230],{"class":1151},".pilcrow",[615,1232,701],{"class":621},[615,1234,1235,1237,1239,1241],{"class":617,"line":669},[615,1236,1205],{"class":706},[615,1238,710],{"class":621},[615,1240,1198],{"class":706},[615,1242,723],{"class":621},[615,1244,1245,1248,1250,1253],{"class":617,"line":675},[615,1246,1247],{"class":706},"  display",[615,1249,710],{"class":621},[615,1251,1252],{"class":706},"inline",[615,1254,723],{"class":621},[615,1256,1257],{"class":617,"line":681},[615,1258,762],{"class":621},[615,1260,1261,1263,1265,1268,1271,1274],{"class":617,"line":1067},[615,1262,586],{"class":625},[615,1264,1230],{"class":1151},[615,1266,1267],{"class":716}," +",[615,1269,1270],{"class":625}," p",[615,1272,1273],{"class":1151},".pilcrow::before",[615,1275,701],{"class":621},[615,1277,1278,1281,1283,1286],{"class":617,"line":1076},[615,1279,1280],{"class":706},"  content",[615,1282,710],{"class":621},[615,1284,1285],{"class":1158},"\" ¶ \"",[615,1287,723],{"class":621},[615,1289,1290],{"class":617,"line":1081},[615,1291,762],{"class":621},[854,1293,1295],{"id":1294},"javascript","JavaScript",[605,1297,1301],{"className":1298,"code":1299,"language":1300,"meta":611,"style":611},"language-js shiki shiki-themes github-light github-dark","document.querySelector(\"button\").addEventListener(\"click\", function (event) {\n  document.querySelectorAll(\"p\").forEach(function (paragraph) {\n    paragraph.classList.toggle(\"pilcrow\");\n  });\n  var newButtonText = event.target.dataset.toggleText;\n  var oldText = event.target.innerText;\n  event.target.innerText = newButtonText;\n  event.target.dataset.toggleText = oldText;\n});\n","js",[593,1302,1303,1344,1373,1389,1394,1407,1419,1429,1439],{"__ignoreMap":611},[615,1304,1305,1308,1311,1314,1317,1320,1323,1325,1328,1331,1334,1337,1341],{"class":617,"line":618},[615,1306,1307],{"class":621},"document.",[615,1309,1310],{"class":1151},"querySelector",[615,1312,1313],{"class":621},"(",[615,1315,1316],{"class":1158},"\"button\"",[615,1318,1319],{"class":621},").",[615,1321,1322],{"class":1151},"addEventListener",[615,1324,1313],{"class":621},[615,1326,1327],{"class":1158},"\"click\"",[615,1329,1330],{"class":621},", ",[615,1332,1333],{"class":716},"function",[615,1335,1336],{"class":621}," (",[615,1338,1340],{"class":1339},"s4XuR","event",[615,1342,1343],{"class":621},") {\n",[615,1345,1346,1349,1352,1354,1357,1359,1362,1364,1366,1368,1371],{"class":617,"line":631},[615,1347,1348],{"class":621},"  document.",[615,1350,1351],{"class":1151},"querySelectorAll",[615,1353,1313],{"class":621},[615,1355,1356],{"class":1158},"\"p\"",[615,1358,1319],{"class":621},[615,1360,1361],{"class":1151},"forEach",[615,1363,1313],{"class":621},[615,1365,1333],{"class":716},[615,1367,1336],{"class":621},[615,1369,1370],{"class":1339},"paragraph",[615,1372,1343],{"class":621},[615,1374,1375,1378,1381,1383,1386],{"class":617,"line":637},[615,1376,1377],{"class":621},"    paragraph.classList.",[615,1379,1380],{"class":1151},"toggle",[615,1382,1313],{"class":621},[615,1384,1385],{"class":1158},"\"pilcrow\"",[615,1387,1388],{"class":621},");\n",[615,1390,1391],{"class":617,"line":643},[615,1392,1393],{"class":621},"  });\n",[615,1395,1396,1399,1402,1404],{"class":617,"line":653},[615,1397,1398],{"class":716},"  var",[615,1400,1401],{"class":621}," newButtonText ",[615,1403,1155],{"class":716},[615,1405,1406],{"class":621}," event.target.dataset.toggleText;\n",[615,1408,1409,1411,1414,1416],{"class":617,"line":660},[615,1410,1398],{"class":716},[615,1412,1413],{"class":621}," oldText ",[615,1415,1155],{"class":716},[615,1417,1418],{"class":621}," event.target.innerText;\n",[615,1420,1421,1424,1426],{"class":617,"line":669},[615,1422,1423],{"class":621},"  event.target.innerText ",[615,1425,1155],{"class":716},[615,1427,1428],{"class":621}," newButtonText;\n",[615,1430,1431,1434,1436],{"class":617,"line":675},[615,1432,1433],{"class":621},"  event.target.dataset.toggleText ",[615,1435,1155],{"class":716},[615,1437,1438],{"class":621}," oldText;\n",[615,1440,1441],{"class":617,"line":681},[615,1442,1443],{"class":621},"});\n",[854,1445,996],{"id":1446},"결과-1",[851,1448,1450],{"id":1449},"접근성-고려사항","접근성 고려사항",[586,1452,1453],{},"콘텐츠를 문단으로 나누면 페이지의 접근성을 높입니다. 스크린 리더 등 보조 기술은 다음 문단으로 넘어갈 수 있는 단축키 등을 제공하므로, 시각적 매체의 여백이 사용자의 빠른 콘텐츠 탐색을 돕는 것과 같은 효과를 얻을 수 있습니다.",[586,1455,1456,1457,1459],{},"빈 ",[593,1458,304],{}," 요소를 사용해 문단 사이에 여백을 추가하면 스크린 리더 사용자에게 부정적인 경험을 줄 수 있습니다. 스크린 리더가 문단의 존재는 알려주겠지만, 더 읽을 내용이 없기 때문입니다. 따라서 스크린 리더 사용자가 혼란을 느낄 수 있습니다.",[586,1461,1462,1463,1466],{},"여분의 공간이 필요하다면 ",[593,1464,1465],{},"margin"," 등 CSS 속성을 통해 적용하세요.",[605,1468,1470],{"className":690,"code":1469,"language":692,"meta":611,"style":611},"p {\n  margin-bottom: 2em; \u002F* 문단 다음 여백을 늘림 *\u002F\n}\n",[593,1471,1472,1478,1498],{"__ignoreMap":611},[615,1473,1474,1476],{"class":617,"line":618},[615,1475,586],{"class":625},[615,1477,701],{"class":621},[615,1479,1480,1483,1485,1488,1491,1494],{"class":617,"line":631},[615,1481,1482],{"class":706},"  margin-bottom",[615,1484,710],{"class":621},[615,1486,1487],{"class":706},"2",[615,1489,1490],{"class":716},"em",[615,1492,1493],{"class":621},"; ",[615,1495,1497],{"class":1496},"sJ8bj","\u002F* 문단 다음 여백을 늘림 *\u002F\n",[615,1499,1500],{"class":617,"line":637},[615,1501,762],{"class":621},[851,1503,1504],{"id":1504},"명세",[851,1506,1508],{"id":1507},"브라우저-호환성","브라우저 호환성",[851,1510,1512],{"id":1511},"같이-보기","같이 보기",[890,1514,1515,1520],{},[1516,1517,1518],"li",{},[593,1519,212],{},[1516,1521,1522],{},[593,1523,1524],{},"\u003Cbr>",[1526,1527,1528],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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":611,"searchDepth":631,"depth":631,"links":1530},[],"HTML \u003Cp> 요소는 하나의 문단을 나타냅니다. 시각적인 매체에서, 문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로 구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련있는 콘텐츠 무엇이나 될 수 있습니다.","md",{"slug":1534,"original_slug":1534},"develop\u002Fhtml\u002Felements\u002Fp",{"title":304,"description":1531},"ula10-vwGtfHRYL3kIi3OrWCwxU9E4jApwNj1l0DztM",[1538,1541,1544,1655,1663,1688],{"title":5,"icon":6,"path":7,"stem":8,"children":1539,"page":15},[1540],{"title":11,"path":12,"stem":13,"icon":14},{"title":17,"icon":18,"path":19,"stem":20,"children":1542,"page":15},[1543],{"title":23,"path":24,"stem":25,"icon":26},{"title":28,"icon":29,"path":30,"stem":31,"children":1545,"page":15},[1546,1549,1647],{"title":34,"redirect":35,"icon":36,"path":37,"stem":38,"children":1547,"page":15},[1548],{"title":41,"path":35,"stem":42,"icon":36},{"title":44,"path":45,"stem":46,"children":1550,"page":15},[1551,1646],{"title":49,"path":50,"stem":51,"children":1552,"icon":54},[1553,1554,1555,1556,1557,1558,1559,1560,1561,1562,1563,1564,1565,1566,1567,1568,1569,1570,1571,1572,1573,1574,1575,1576,1577,1578,1579,1580,1581,1582,1583,1584,1585,1586,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],{"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":1648,"page":15},[1649,1652],{"title":433,"icon":434,"path":435,"stem":436,"children":1650,"page":15},[1651],{"title":439,"path":440,"stem":441,"icon":434},{"title":443,"icon":444,"path":445,"stem":446,"children":1653,"page":15},[1654],{"title":449,"path":450,"stem":451,"icon":452},{"title":454,"icon":455,"path":456,"stem":457,"children":1656,"page":15},[1657],{"title":460,"icon":455,"path":461,"stem":462,"children":1658},[1659,1660],{"title":465,"path":461,"stem":462,"icon":466},{"title":468,"path":469,"stem":470,"children":1661,"page":15},[1662],{"title":473,"path":474,"stem":475,"icon":476},{"title":478,"icon":479,"path":480,"stem":481,"children":1664,"page":15},[1665,1668,1675],{"title":428,"icon":484,"path":485,"stem":486,"children":1666,"page":15},[1667],{"title":489,"path":490,"stem":491,"icon":484},{"title":493,"path":494,"stem":495,"children":1669,"page":15},[1670],{"title":498,"path":499,"stem":500,"children":1671,"page":15},[1672],{"title":503,"redirect":504,"icon":505,"path":504,"stem":506,"children":1673,"page":15},[1674],{"title":509,"path":510,"stem":511,"icon":512},{"title":514,"redirect":515,"icon":516,"path":517,"stem":518,"children":1676,"page":15},[1677,1678,1679,1680,1681,1682,1683,1684,1685,1686,1687],{"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":1689,"page":15},[1690],{"title":570,"path":571,"stem":572,"children":1691,"page":15},[1692],{"title":575,"path":576,"stem":577,"icon":578},[1694,1695],{"title":300,"path":301,"stem":302,"children":-1},{"title":308,"path":309,"stem":310,"children":-1},1775726374804]