티스토리 수익 글 보기

(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[332],{1147:(e,l,a)=>{“use strict”;a.d(l,{A:()=>i});var t=a(7876);let i=()=>(0,t.jsxs)(“svg”,{“aria-hidden”:”true”,role:”presentation”,xmlns:”http://www.w3.org/2000/svg”,className:”octicon arrow-symbol-mktg”,width:”16″,height:”16″,viewBox:”0 0 16 16″,fill:”none”,children:[(0,t.jsx)(“path”,{fill:”currentColor”,d:”M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z”}),(0,t.jsx)(“path”,{stroke:”currentColor”,d:”M1.75 8H11″,strokeWidth:”1.5″,strokeLinecap:”round”})]})},6760:(e,l,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push([“/”,function(){return a(8052)}])},7078:(e,l,a)=>{“use strict”;a.d(l,{A:()=>f});var t=a(7876),i=a(8827),s=a.n(i),n=a(8230),r=a.n(n),d=a(4232),c=a(4862),o=a(7754),m=a(9099),u=a(4981);function f(e){let{path:l,index:a,title:i,topics:n,date:f,description:h,imageUrl:g,className:x=””}=e,p=(0,m.useRouter)().locale||u.Xn;return(0,t.jsx)(t.Fragment,{children:l?(0,t.jsxs)(“div”,{className:”resource-card animatable animate-fade-up “.concat(x),”data-testid”:”page-thumbnail”,children:[(0,t.jsx)(r(),{href:l,className:”resource-card-overlay-link”,”aria-label”:”Go to page: “.concat(i)}),(0,t.jsx)(s(),{loader:c.$,className:”resource-card-image”,layout:”responsive”,objectFit:”cover”,src:g||”/assets/images/defaults/default-“.concat(a%13+1,”.png”),alt:””,width:1200,height:630}),(0,t.jsx)(“h3″,{className:”h4-mktg font-weight-semibold heading”,children:(0,t.jsx)(“span”,{children:i})}),f?(0,t.jsx)(“time”,{className:”text-mono mb-3 color-fg-muted”,children:(0,o.Yq)(f,{locale:p})}):null,h?(0,t.jsx)(“p”,{className:”f3-mktg color-fg-muted”,children:h}):null,n?(0,t.jsx)(“div”,{className:”text-mono f5 mt-4″,children:n.map((e,a)=>(0,t.jsxs)(d.Fragment,{children:[(0,t.jsx)(r(),{href:”/topics/”.concat(e.fields.slug),className:”Link–primary no-underline resource-card-tag”,children:e.fields.label}),a+1===n.length?””:”, “]},””.concat(l,”-“).concat(e.fields.slug)))}):null]}):null})}},7158:(e,l,a)=>{“use strict”;a.d(l,{A:()=>n});var t=a(7876),i=a(1068),s=a(572);function n(e){let{card:l,className:a}=e,{heading:n,description:r,ctaText:d,href:c}=l.fields,{setAnalyticsClickEvent:o,setFullstoryIndex:m}=(0,s.st)(),u=m(“card-component-“.concat(l.sys.id)),f={action:”click_to_learn_more”,category:”card”,ref_loc:”primer_brand_card”,…u};return(0,t.jsxs)(i.Card,{className:a,…d?{ctaText:d}:{},href:c,hasBorder:!0,…u,…o(f),children:[(0,t.jsx)(i.Card.Heading,{children:n}),(0,t.jsx)(i.Card.Description,{children:r})]})}},8052:(e,l,a)=>{“use strict”;a.r(l),a.d(l,{__N_SSP:()=>R,default:()=>G});var t=a(7876),i=a(2867),s=a(8827),n=a.n(s),r=a(4862);function d(e){var l,a,i,s,d;let{testimonial:c}=e;return(0,t.jsx)(“section”,{className:”section gradient-bg-purple-red color-fg-white”,”data-nav”:”dark-mode blur-mode”,children:(0,t.jsx)(“div”,{className:”container-md”,children:(0,t.jsxs)(“blockquote”,{className:”position-relative”,children:[(0,t.jsxs)(“p”,{className:”h3-mktg font-weight-medium lh-relaxed mb-4 animatable animate-fade-up”,children:[(0,t.jsx)(“span”,{className:”position-absolute offset-n1 h2-mktg”,children:”“”}),” “,null==c?void 0:c.quote]}),(null==c?void 0:c.author)?(0,t.jsxs)(“footer”,{children:[(0,t.jsxs)(“p”,{className:”text-mono animatable animate-fade-up”,children:[(0,t.jsx)(“span”,{children:null==c||null==(a=c.author)||null==(l=a.name)?void 0:l.trim()}),(0,t.jsx)(“span”,{children:” // “}),(0,t.jsx)(“span”,{children:null==c||null==(i=c.author)?void 0:i.title})]}),(0,t.jsx)(n(),{src:”https:”.concat(null==c||null==(s=c.author)?void 0:s.imageUrl),loader:r.$,layout:”fixed”,className:”circle animatable animate-fade-up”,alt:null==c||null==(d=c.author)?void 0:d.title,width:”56″,height:”56″})]}):null]})})})}var c=a(4614),o=a(9333),m=a(8230),u=a.n(m);a(4232);var f=a(1147);function h(e){let{banner:l}=e,{heading:a,description:i,link:s}=l.fields,n={renderNode:{[o.nA.PARAGRAPH]:(e,l)=>(0,t.jsx)(“p”,{className:”f3-mktg mb-4″,children:l})}};return(0,t.jsx)(“section”,{“data-nav”:”light-mode”,className:”animatable animate-fade-up”,children:(0,t.jsx)(“div”,{className:”container-xl”,children:(0,t.jsx)(“div”,{id:”home-featured-box”,className:”gradient-bg-purple-red color-fg-white rounded-2 shadow-lg d-lg-flex”,children:(0,t.jsxs)(“div”,{className:”flex-1 p-4 p-lg-7″,children:[(0,t.jsx)(“h2″,{className:”h3-mktg mb-2″,children:a}),i?(0,c.i)(i,n):null,s?(0,t.jsxs)(u(),{href:s.fields.link,className:”btn-mktg arrow-target-mktg width-full width-sm-auto mr-lg-3″,”data-analytics-click”:”Homepage,click on homepage featured resource”,children:[s.fields.text,(0,t.jsx)(f.A,{})]}):null]})})})})}var g=a(9197);function x(e){let{cards:l,hero:a}=e,i=null==a?void 0:a.fields.callToActionPrimary,s=null==a?void 0:a.fields.callToActionSecondary;return(0,t.jsx)(“header”,{id:”home-hero”,”data-color-mode”:”dark”,”data-dark-theme”:”dark”,className:”section color-bg-dark bg-pixel-dark bg-cover bg-no-repeat color-fg-white dark-mode”,”data-nav”:”dark-mode”,children:(0,t.jsxs)(“div”,{className:”container-xl d-flex flex-column flex-items-center flex-justify-center”,children:[(0,t.jsx)(“h1″,{className:”h1-mktg text-center mb-4″,style:{maxWidth:”970px”},children:null==a?void 0:a.fields.heading}),(0,t.jsx)(“p”,{className:”f3-mktg text-center color-fg-secondary mb-4″,children:null==a?void 0:a.fields.text}),(0,t.jsxs)(“div”,{className:”d-flex flex-column flex-md-row mb-8 mb-lg-12″,children:[i?(0,t.jsxs)(u(),{href:i.fields.link,”data-analytics-click”:”Homepage, click on Homepage”,className:”btn-mktg arrow-target-mktg btn-large-mktg mb-3 mb-md-0 mr-md-3″,children:[i.fields.text,(0,t.jsx)(f.A,{})]}):null,s?(0,t.jsxs)(u(),{href:s.fields.link,”data-analytics-click”:”Homepage, click on Homepage”,className:”btn-mktg arrow-target-mktg btn-large-mktg mb-3 mb-md-0 mr-md-3″,children:[s.fields.text,(0,t.jsx)(f.A,{})]}):null]}),(0,t.jsx)(g.A,{cards:l})]})})}var p=a(9099),j=a(7078),k=a(9176),b=a(4981),v=a(7754),N=a(6946);let y=e=>{let{article:l,index:a}=e;if(void 0===l.fields.content)return null;let i=(0,k.p)(l.fields.content);if(!i)return null;let{title:s,url:n,description:r,date:d}=i,c=(l.fields.topics||[]).filter(N.ZY);return(0,t.jsx)(j.A,{index:a,className:”col-span-2 flexible-thumbnail”,path:l.fields.path,title:s,topics:c,imageUrl:n,description:r,date:d},l.sys.id)};function w(e){let{latestArticles:l}=e,a=(0,p.useRouter)().locale||b.Xn;return(0,t.jsx)(“section”,{className:”section pb-0″,”data-nav”:”light-mode”,children:(0,t.jsxs)(“div”,{className:”container-xl”,children:[(0,t.jsx)(“h2″,{className:”h4-mktg font-weight-bold mb-3”,children:(0,v.kg)(“Latest articles”,a)}),(0,t.jsxs)(u(),{href:”/articles”,”data-analytics-click”:”Homepage, click on Homepage”,className:”link-mktg font-weight-medium Link–primary arrow-target-mktg text-semibold f3-mktg mb-6″,children:[(0,v.kg)(“See all articles”,a),”\xa0″,(0,t.jsx)(f.A,{})]}),(0,t.jsxs)(“div”,{className:”grid grid-cols-1 grid-cols-md-3 gap-16″,children:[(0,t.jsx)(y,{article:l[0],index:0},”article-“.concat(l[0].sys.id)),(0,t.jsx)(“div”,{children:null==l?void 0:l.slice(1,3).map((e,l)=>(0,t.jsx)(y,{article:e,index:l},”article-“.concat(e.sys.id)))})]})]})})}function A(e){let{latestVideos:l}=e,a=(0,p.useRouter)().locale||b.Xn;return(0,t.jsx)(“section”,{className:”section”,”data-nav”:”light-mode”,children:(0,t.jsxs)(“div”,{className:”container-xl”,children:[(0,t.jsx)(“h2″,{className:”h4-mktg font-weight-bold mb-3”,children:(0,v.kg)(“Latest videos”,a)}),(0,t.jsxs)(u(),{href:”/videos”,”data-analytics-click”:”Homepage, click on Homepage”,className:”link-mktg font-weight-medium Link–primary arrow-target-mktg text-semibold f3-mktg mb-6″,children:[(0,v.kg)(“See all videos”,a),”\xa0″,(0,t.jsx)(f.A,{})]}),(0,t.jsx)(“div”,{className:”grid grid-cols-1 grid-cols-md-3 gap-8″,children:null==l?void 0:l.map((e,l)=>{if(void 0===e.fields.content)return null;let a=(0,k.p)(e.fields.content);if(!a)return null;let{title:i,url:s,description:n,date:r}=a,d=(e.fields.topics||[]).filter(N.ZY);return(0,t.jsx)(j.A,{index:l,path:e.fields.path,title:i,topics:d,imageUrl:s,description:n,date:r},e.sys.id)})})]})})}function H(e){let{banner:l}=e;if(!l)return null;let{heading:a,description:i,link:s}=l.fields,n={renderNode:{[o.nA.PARAGRAPH]:(e,l)=>(0,t.jsx)(“p”,{className:”f3-mktg text-center color-fg-secondary mb-4 animatable animate-fade-up”,style:{maxWidth:”550px”},children:l})}};return(0,t.jsx)(“section”,{className:”section py-4″,children:(0,t.jsx)(“div”,{className:”container-xl”,children:(0,t.jsxs)(“div”,{className:”py-6 px-4 py-md-11 d-flex flex-column flex-items-center flex-justify-center color-bg-gray rounded-2″,children:[(0,t.jsx)(“h2″,{className:”h1-mktg text-center mb-3 animatable animate-fade-up”,style:{maxWidth:”750px”},children:a}),i?(0,c.i)(i,n):null,s?(0,t.jsxs)(u(),{href:s.fields.link,”data-analytics-click”:”Homepage,click on Homepage,ref_loc:”.concat(s.fields.text),className:”color-fg-white link-mktg arrow-target-mktg text-semibold f3-mktg animatable animate-fade-up”,children:[s.fields.text,(0,t.jsx)(f.A,{})]}):null]})})})}function _(e){var l,a;let{topics:i,intro:s}=e,n=(null==s||null==(l=s.fields.link)?void 0:l.fields.link)||”/topics”,r=(null==s||null==(a=s.fields.link)?void 0:a.fields.text)||”Explore topics”,d={renderNode:{[o.nA.PARAGRAPH]:(e,l)=>(0,t.jsx)(“p”,{className:”f3-mktg color-fg-secondary mb-4″,children:l})}};return(0,t.jsx)(“section”,{className:”section pb-8″,children:(0,t.jsx)(“div”,{className:”container-xl”,children:(0,t.jsxs)(“div”,{className:”color-bg-gray color-fg-white p-4 py-6 py-md-9 pl-md-9 pr-md-9 rounded-2 shadow-lg clearfix”,”data-color-mode”:”dark”,”data-dark-theme”:”dark”,”data-nav”:”dark-mode”,children:[(0,t.jsxs)(“header”,{className:”col-12 float-left border-bottom pb-3 mb-4 animatable animate-fade-up”,children:[(0,t.jsx)(“h2″,{className:”h4-mktg mb-2 font-weight-bold”,children:null==s?void 0:s.fields.heading}),(null==s?void 0:s.fields.description)?(0,c.i)(null==s?void 0:s.fields.description,d):null,(0,t.jsxs)(u(),{href:n,”data-analytics-click”:”Homepage,click on Homepage,ref_loc:Browse by topic”,className:”color-fg-white link-mktg arrow-target-mktg text-semibold f3-mktg”,children:[r,(0,t.jsx)(f.A,{})]})]}),(0,t.jsx)(“div”,{className:”col-12 float-left grid grid-cols-1 grid-cols-md-2 grid-cols-lg-3 gap-4 animatable animate-fade-up”,children:null==i?void 0:i.map(e=>(0,t.jsx)(“div”,{className:”py-1″,children:(0,t.jsxs)(u(),{href:”/topics/”.concat(e.fields.slug),”data-analytics-click”:”Homepage,click on topic”,className:”color-fg-white link-mktg arrow-target-mktg text-semibold f4-mktg no-wrap”,children:[e.fields.label,” “,(0,t.jsx)(f.A,{})]})},e.fields.slug))})]})})})}var L=a(7158);function C(e){let{cards:l,banner:a}=e;if(!a)return null;let{heading:i,description:s}=a.fields,n={renderNode:{[o.nA.PARAGRAPH]:(e,l)=>(0,t.jsx)(“p”,{className:”f3-mktg text-center color-fg-secondary mb-7 animatable animate-fade-up”,style:{maxWidth:”800px”},children:l})}};return(0,t.jsx)(“section”,{className:”section”,children:(0,t.jsxs)(“div”,{className:”container-xl d-flex flex-column flex-items-center flex-justify-center”,children:[(0,t.jsx)(“h2″,{className:”h1-mktg text-center mb-4 animatable animate-fade-up”,style:{maxWidth:”800px”},children:i}),s?(0,c.i)(s,n):null,(0,t.jsx)(“div”,{className:”grid grid-cols-1 grid-cols-sm-2 grid-cols-lg-4 gap-12 animatable animate-fade-up grid-content-baseline”,children:l?l.map(e=>(0,t.jsx)(L.A,{card:e,className:”feature-box feature-box-gray rounded-2″},e.sys.id)):null})]})})}let P=e=>{var l,a;let{page:i,latestArticles:s,latestVideos:n,topics:r}=e,{featuredCards:c,featuredBanner:o,topicsIntro:m,heroBanner:u,bottomBanner:f,bottomCards:g,finalBanner:p,testimonial:j,testimonialPerson:k}=i.fields;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(x,{cards:c.filter(N.ZY),hero:u}),o?(0,t.jsx)(h,{banner:o}):null,(0,t.jsxs)(“div”,{className:”bg-pixel-light bg-contain bg-center”,children:[s&&s.length>0?(0,t.jsx)(w,{latestArticles:s}):null,r&&r.length>0?(0,t.jsx)(_,{topics:r,intro:m}):null,n&&n.length>0?(0,t.jsx)(A,{latestVideos:n}):null]}),j?(0,t.jsx)(d,{testimonial:{quote:j,author:{name:null==k?void 0:k.fields.name,title:null==k?void 0:k.fields.title,imageUrl:null==k||null==(a=k.fields.avatar)||null==(l=a.fields.file)?void 0:l.url}}}):null,(0,t.jsxs)(“div”,{className:”color-bg-dark color-fg-white dark-mode bg-glow-pry”,”data-color-mode”:”dark”,”data-dark-theme”:”dark”,”data-nav”:”dark-mode”,id:”home-endcap”,children:[(0,t.jsx)(C,{cards:(g||[]).filter(N.ZY),banner:f}),(0,t.jsx)(H,{banner:p})]})]})};var R=!0;let G=e=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.bV,{title:”Home”,description:”From setup to optimization, learn how to use GitHub to get the job done.”,openGraph:{title:”Home – GitHub Resources”},additionalMetaTags:[{name:”google-site-verification”,content:”c1kuD-K2HIVF635lypcsWPoD4kilo5-jA_wBFyT4uMY”}]}),(0,t.jsx)(P,{…e})]})},9176:(e,l,a)=>{“use strict”;a.d(l,{p:()=>s});var t=a(6946),i=a(596);let s=e=>{var l,a,s,n,r,d,c;let o,m,u,f=””;if((0,t.Ko)(e)){let a=e.fields;f=a.title,m=a.description,u=a.publicationDate,(null==(l=a.headerImage)?void 0:l.fields.file)&&(o=a.headerImage.fields.file.url)}else if((0,t.dB)(e)){let l=e.fields.sections.filter(t.ZY).find(i.S);if(!l)return null;let{backgroundImage:r}=l.fields;f=null!=(n=null==(a=l.fields.hero)?void 0:a.fields.heading)?n:””,m=null==(s=l.fields.hero)?void 0:s.fields.text,(null==r?void 0:r.fields.file)&&(o=r.fields.file.url)}else{if(!(0,t.Kk)(e))return null;let l=e.fields.hero;if(!l)return null;let{backgroundImage:a}=l.fields;f=null!=(c=null==(r=l.fields.hero)?void 0:r.fields.heading)?c:””,m=null==(d=l.fields.hero)?void 0:d.fields.text,(null==a?void 0:a.fields.file)&&(o=a.fields.file.url)}return{title:f,description:m,url:o,date:u}}},9197:(e,l,a)=>{“use strict”;a.d(l,{A:()=>n});var t=a(7876),i=a(1068),s=a(7158);function n(e){let{cards:l}=e;return(0,t.jsx)(i.Grid,{style:{justifyItems:”center”},children:l.map((e,a)=>(0,t.jsx)(i.Grid.Column,{span:{xsmall:12,small:12,medium:12/l.length},children:(0,t.jsx)(s.A,{card:e},a)},a))})}}},e=>{e.O(0,[636,593,792],()=>e(e.s=6760)),_N_E=e.O()}]);