status":1,"code":"essepage_fetched","payload":{"essepage_head":"\n\t\n\t\n\t\n\t\n\t\n\n\t\n\n\t\n\n\t\n\n \n\n\t\n \n\n\t\n\n \n\n\t\n\n \n\n\t","essepage_body":"\n\n

{return{async init(){},MakeDatetimeText(t){return dayjs(t).format("MMM DD, YYYY")}}};\" class=\"w-full h-full selection:bg-blue-200 selection:bg-blue-200 selection:text-blue-900 dark:selection:bg-yellow-400 dark:selection:text-yellow-900\">\n\t

\n\t\t

{return{BodyEl:document.querySelector("body"),ShowMobileMenu:false,IsSearching:false,ShowSearchBox:false,SearchWord:"",SearchedPosts:[],ShowSeachBoxWarning:false,SeachBoxWarningMessage:"",async init(){},AllowScroll(){this.BodyEl.style.overflow="auto"},PreventScroll(){this.BodyEl.style.overflow="hidden"},async OpenSearchBox(){this.ShowSearchBox=true;this.PreventScroll();await this.$nextTick();this.$refs.searchInputEl.focus()},CloseSearchBox(){this.ShowSearchBox=false;this.AllowScroll()},ShowSearchErrorMessage(e){this.ShowSeachBoxWarning=true;this.SeachBoxWarningMessage=e;setTimeout(()=>{this.ShowSeachBoxWarning=false;this.SeachBoxWarningMessage=""},2e3)},async SearchPost(){const e=/[\\{\\}\\/;|*~`!^+__jax_token_a2395440aa04_0__@\\#$%&\\\\\\=\\'\\"]/gi;if(this.SearchWord!=""){this.searchErrorCount=0;this.IsSearching=true;if(this.SearchWord.length>20){this.ShowSearchErrorMessage("검색할 수 있는 글자수는 최대 20자입니다.");this.IsSearching=false;return}if(e.test(this.SearchWord)){this.ShowSearchErrorMessage("검색어에 허용되지 않는 특수문자가 있습니다.");this.IsSearching=false;return}const s=await Essepage.pageSearch(this.SearchWord,`/post`,{pageType:"blog",sort:"desc"});if(s?.status&&s?.payload?.pageList?.length>0){this.SearchedPosts=s.payload.pageList}this.IsSearching=false;await this.$nextTick();this.$refs.searchInputEl.focus()}}}};\" class=\"container relative mx-auto px-2 md:px-4 flex flex-wrap items-center justify-between gap-4\">\n \n $\"logo$ \n\n \n Brad 블로그\n \n \n\n \n\n

\n \n\n \n

\n\n \n\n

\n Home\n\n 소개\n\n 카테고리\n

\n\n

\n \n

\n\n

\n \n

\n\n

\n \n

\n\n

\n \n

\n\n

\n \n

\n\n

\n 검색할 단어를 입력해주세요.\n

\n\n

0\">\n \n

\n\n

\n \n \n \n \n 검색\n \n\n \n \n ESC\n \n 검색창 닫기\n \n

\n\t\t\t\n\t\t

\n\t\t\t\n\n

{return{PageNum:1,PrevPageNum:0,NextPageNum:2,PageRowMaxCount:4,BlogListItems:[],CategoryListItems:[],ListHasNext:false,async init(){await this.GetListItems();await this.GetCategoryItems()},async GetListItems(){const t=await Essepage.articleList("/post",{pageRow:this.PageRowMaxCount,pageNumber:this.PageNum,sortOrder:"desc",targetSelector:".list-wrapper"});if(t?.status){this.BlogListItems=t.payload?.pageArticleList;this.ListHasNext=t.payload?.pageHasNext}else{console.warn("No list");return false}},async GetCategoryItems(){const t=await Essepage.articleCategoryList(`/post`,{excludeSubfolders:false,sortOrder:"asc"});if(t?.payload){this.CategoryListItems=t?.payload?.pageCategoryList}},async PrevPage(){this.PageNum--;if(this.PageNum<1){this.PageNum=1}await this.GetListItems();window.scrollTo(0,0)},async NextPage(){this.PageNum++;await this.GetListItems();window.scrollTo(0,0)}}};\">\n

\n\n

\n Brad 블로그\n

\n\n

\n Exploring, Creating, Evolving. 🚀\n

\n\n\n\n\n

\n\n

\n \n

\n\n

\n \n\n \n

\n\n

Categories

\n\n

\n \n

\n\t\t

\n\t\t\n\t\t\n\t

","page_title":"","page_datetime":"2024-01-11T06:15:00+00:00","site_name":"Brad 블로그","page_meta":{"title":"","description":"Essepage 로 만든 Brad 블로그 템플릿입니다.","keywords":"","og:title":"","og:description":"Essepage 로 만든 Brad 블로그 템플릿입니다.","og:image":"https://i.esdrop.com/d/f/XcGaoptYok/bLvfAvCooa.png","twitter:card":"summary_large_image","viewport":"width=device-width, initial-scale=1"},"page_hash_tags":[],"html_and_body_attributes":{"html":[],"body":[]},"additional_languages_in_content":[],"file_type":"essepage","page_token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3ODUyNTE2OTUsIm5iZiI6MTc4NTI1MTY5NSwiZXhwIjoxNzg1MjU1Mjk1LCJmcCI6ImFwaV9lc3NlcGFnZV9jb20iLCJkYXRhIjp7ImVzc2VwYWdlX3N0YXR1cyI6IjkwMCJ9fQ.tova6RNivk-p4l4p7oGqk-I7BAdiDkUHrecjJXn6N8k","s_fetch":true,"use_ssr_cache":false,"href_path":"/hp-blog-template","article_mode":false,"cv":"20260312001758","essepage_code":"hp-blog-template"}}