https://tilnote.io/_next/static/chunks/pages/communities/new-6c19e313244cf1ab.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8532],{22681:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var s=n(37876),a=n(14232),r=n(77328),l=n.n(r),i=n(89099),c=n(16684),o=n(35620),d=n(36438),m=n(61088);function u(){let e=(0,i.useRouter)(),[t,n]=(0,a.useState)(""),[r,u]=(0,a.useState)(""),[h,x]=(0,a.useState)(""),[p,b]=(0,a.useState)("free"),[v,j]=(0,a.useState)(!0),[f,g]=(0,a.useState)(""),[N,y]=(0,a.useState)(!1),[w,M]=(0,a.useState)("");async function k(n){if(n.preventDefault(),!N&&t.trim())try{y(!0),M("");let n=await d.A.post("/communities",{title:t.trim(),slug:r.trim()||void 0,description:h.trim(),joinPolicy:p,publicPreview:v,rules:f.split("\n").map(e=>e.trim()).filter(Boolean)}),s=n.data?.data;if(s?.slug)return void e.push(`/communities/${s.slug}`);e.push("/communities")}catch(t){if(t?.response?.status===401)return void e.push("/login?redirect=/communities/new");M(t?.response?.data?.error||"커뮤니티를 만들지 못했습니다.")}finally{y(!1)}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(l(),{children:[(0,s.jsx)("title",{children:"커뮤니티 만들기 | 틸노트"}),(0,s.jsx)("meta",{name:"robots",content:"noindex"})]}),(0,s.jsx)(c.A,{}),(0,s.jsxs)("main",{className:"mx-auto w-full max-w-[var(--container-narrow)] px-4 py-12",children:[(0,s.jsxs)("header",{className:"tn-prose",children:[(0,s.jsx)("h1",{className:"tn-h1 text-text",children:"커뮤니티 만들기"}),(0,s.jsx)("p",{className:"tn-body-lg mt-3 text-text",children:"멤버들이 함께 글을 쓰고 이야기를 나누는 공간을 만듭니다."})]}),(0,s.jsxs)("form",{onSubmit:k,className:"tn-card tn-card--lg mt-8 space-y-6",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:"community-title",className:"tn-h4 mb-2 block text-text",children:"이름"}),(0,s.jsx)("input",{id:"community-title",type:"text",value:t,onChange:e=>n(e.target.value),maxLength:120,required:!0,placeholder:"예: 바이브코딩 계속하기",className:"tn-input tn-body"})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("label",{htmlFor:"community-slug",className:"tn-h4 mb-2 block text-text",children:["주소 ",(0,s.jsx)("span",{className:"font-normal text-text-subtle",children:"(선택)"})]}),(0,s.jsx)("input",{id:"community-slug",type:"text",value:r,onChange:e=>u(e.target.value),maxLength:60,placeholder:"vibecoding","aria-describedby":"community-slug-help",className:"tn-input tn-body"}),(0,s.jsxs)("p",{id:"community-slug-help",className:"tn-caption mt-2 text-text-subtle",children:["tilnote.io/communities/",r.trim()||"자동생성"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:"community-description",className:"tn-h4 mb-2 block text-text",children:"소개"}),(0,s.jsx)("textarea",{id:"community-description",value:h,onChange:e=>x(e.target.value),rows:4,maxLength:2e3,placeholder:"어떤 사람들이 모여 무엇을 하는 곳인지 적어주세요.",className:"tn-textarea tn-body"})]}),(0,s.jsxs)("fieldset",{className:"border-0 p-0",children:[(0,s.jsx)("legend",{className:"tn-h4 mb-2 text-text",children:"참여 방식"}),(0,s.jsx)("div",{className:"space-y-3",children:[{value:"free",label:"무료",help:"누구나 버튼 한 번으로 참여합니다. 결제가 없습니다."},{value:"paid",label:"구독자 전용",help:"내 채널을 구독한 사람만 참여합니다. 승인된 채널이 필요합니다."}].map(e=>{let t=p===e.value;return(0,s.jsxs)("label",{className:`flex cursor-pointer items-start gap-3 rounded-md p-4 transition-colors ${t?"border-2 border-border-brand bg-brand-subtle":"border border-border hover:border-border-strong"}`,children:[(0,s.jsx)("input",{type:"radio",name:"joinPolicy",value:e.value,checked:t,onChange:()=>b(e.value),className:"mt-0.5 h-5 w-5 shrink-0 cursor-pointer accent-brand"}),(0,s.jsxs)("span",{className:"min-w-0",children:[(0,s.jsx)("span",{className:`tn-h4 block ${t?"text-text-brand":"text-text"}`,children:e.label}),(0,s.jsx)("span",{className:"tn-body-sm mt-1 block text-text",children:e.help})]})]},e.value)})})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("label",{htmlFor:"community-rules",className:"tn-h4 mb-2 block text-text",children:["규칙 ",(0,s.jsx)("span",{className:"font-normal text-text-subtle",children:"(한 줄에 하나)"})]}),(0,s.jsx)("textarea",{id:"community-rules",value:f,onChange:e=>g(e.target.value),rows:4,placeholder:"서로 존중하기\n홍보 글 금지",className:"tn-textarea tn-body"})]}),(0,s.jsxs)("label",{className:"tn-body-sm flex cursor-pointer items-start gap-3 text-text",children:[(0,s.jsx)("input",{type:"checkbox",checked:v,onChange:e=>j(e.target.checked),className:"mt-0.5 h-5 w-5 shrink-0 cursor-pointer accent-brand"}),"공개 글을 비회원에게도 보여주기 (검색 유입에 도움이 됩니다)"]}),w&&(0,s.jsx)(m.H,{tone:"danger",title:"커뮤니티를 만들지 못했습니다",children:w}),(0,s.jsx)("button",{type:"submit",disabled:N||!t.trim(),className:"tn-btn tn-btn--primary tn-btn--lg tn-btn--block",children:N?"만드는 중...":"커뮤니티 만들기"})]})]}),(0,s.jsx)(o.A,{})]})}},35620:(e,t,n)=>{"use strict";n.d(t,{A:()=>m});var s=n(37876),a=n(14232),r=n(18042),l=n(89099),i=n(48230),c=n.n(i),o=n(58471),d=n(69327);let m=function({message:e=!1,business:t=!1,isExpand:n=!1,marginBottom:i="1rem"}){let m=(0,l.useRouter)(),[u]=(0,a.useState)({general:"틸노트 | 사업자등록번호: 147-10-02214 | 통신판매업: 2022-서울중랑-1696 | 대표: 문지학 | 개인정보책임자: 문지학",contact:"이메일: [email protected] | 전화: 0507-0178-0131",address:"주소: 서울특별시 중랑구 양원역로 92, 104동 702호",notice:"틸노트가 직접 판매하는 서비스 외에 크리에이터가 판매하는 경우 틸노트는 통신판매중개자이며, 통신판매의 당사자가 아닙니다. 상품, 상품정보, 거래에 관한 의무와 책임은 거래 당사자 각자에게 있습니다."}),[h,x]=(0,a.useState)(n);return(0,s.jsxs)("div",{className:"pb-32 sm:pb-0",style:{marginBottom:i},children:[e?(0,s.jsxs)("div",{style:{marginBottom:"1rem"},children:[(0,s.jsx)("div",{className:"mb-10",children:(0,s.jsx)("div",{className:"mb-10",children:(0,s.jsx)("strong",{children:"틸노트 (tilnote.io)"})})}),(0,s.jsx)(r.A,{variant:"contained",onClick:()=>

1m.push("https://tilnote.io/register"),children:"무료로 사용하기"})]}):null,t?(0,s.jsx)("footer",{children:(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{style:{display:"flex",cursor:"pointer",borderRadius:"8px",border:"1px #bdbdbd solid",justifyContent:"space-between",alignItems:"center"},className:"p-3 mb-4",onClick:()=>x(!h),children:[(0,s.jsx)("div",{children:"틸노트 사업자 정보"}),h?(0,s.jsx)(d.A,{}):(0,s.jsx)(o.A,{})]}),h?(0,s.jsxs)("div",{className:"text-gray-600 text-sm space-y-2 mb-8",children:[(0,s.jsx)("div",{children:u.general}),(0,s.jsx)("div",{children:u.contact}),(0,s.jsx)("div",{children:(0,s.jsx)("a",{href:"https://open.kakao.com/o/sfLiUf1f",className:"text-indigo-600 hover:underline",children:"틸노트 카카오톡 문의하기"})}),(0,s.jsx)("div",{children:u.address}),(0,s.jsx)("div",{className:"text-xs text-gray-500 mt-4",children:u.notice}),(0,s.jsx)("div",{className:"text-xs text-gray-500",children:"본 서비스는 생성형 AI 기술을 활용합니다."}),(0,s.jsx)("div",{className:"mt-4 pt-4 border-t border-gray-200",children:(0,s.jsxs)("div",{className:"flex gap-4",children:[(0,s.jsx)(c(),{href:"/terms",className:"text-gray-500 hover:text-gray-700",children:"이용 약관"}),(0,s.jsx)(c(),{href:"/privacy",className:"text-gray-500 hover:text-gray-700",children:"개인정보처리방침"}),(0,s.jsx)(c(),{href:"/refund",className:"text-gray-500 hover:text-gray-700",children:"환불 정책"})]})})]}):null]})}):null]})}},58471:(e,t,n)=>{"use strict";var s=n(29563);t.A=void 0;var a=s(n(94471)),r=n(37876);t.A=(0,a.default)((0,r.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore")},61088:(e,t,n)=>{"use strict";n.d(t,{H:()=>v,SF:()=>o,US:()=>d,c2:()=>m,dh:()=>x,ep:()=>f,eu:()=>j,fw:()=>g,l_:()=>i,n8:()=>p,oy:()=>c,py:()=>b,ts:()=>u,uc:()=>h});var s=n(37876),a=n(14232),r=n(96599);function l({path:e,className:t="h-4 w-4",filled:n=!1,...a}){return(0,s.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:n?"currentColor":"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...a,children:(0,s.jsx)("path",{d:e})})}function i({filled:e}){return(0,s.jsx)(l,{path:"M12 19.5V4.5m0 0L5.25 11.25M12 4.5l6.75 6.75",filled:e})}function c(){return(0,s.jsx)(l,{path:"M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.

1123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"})}function o(){return(0,s.jsx)(l,{path:"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909M4.5 19.5h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15A2.25 2.25 0 002.25 6.75v10.5A2.25 2.25 0 004.5 19.5z"})}function d(){return(0,s.jsx)(l,{path:"M6 18L18 6M6 6l12 12",className:"h-3.5 w-3.5"})}function m(){return(0,s.jsx)(l,{path:"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z"})}function u({pinned:e}){return(0,s.jsx)(l,{path:e?"M4.5 3h15M12 21V10.5m0 0l-3.75-3.75M12 10.5l3.75-3.75":"M12 3v10.5m0 0l-3.75 3.75M12 13.5l3.75 3.75M4.5 21h15"})}function h(){return(0,s.jsx)(l,{path:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})}function x({active:e=!1,icon:t,children:n,...a}){return(0,s.jsxs)("button",{type:"button",className:`tn-btn tn-btn--sm tn-btn--flat ${e?"tn-btn--selected":"tn-btn--ghost"}`,...a,children:[t,n]})}function p({label:e="글 관리 메뉴",items:t}){let[n,r]=(0,a.useState)(!1),i=(0,a.useRef)(null),c=(0,a.useRef)(null);return((0,a.useEffect)(()=>{if(n)return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)};function e(e){i.current?.contains(e.target)||r(!1)}function t(e){"Escape"===e.key&&(r(!1),c.current?.focus())}},[n]),t.length)?(0,s.jsxs)("div",{ref:i,className:"relative",children:[(0,s.jsx)("button",{ref:c,type:"button",onClick:()=>r(e=>!e),className:"tn-btn tn-btn--ghost tn-btn--sm tn-btn--icon tn-btn--flat","aria-label":e,"aria-haspopup":"menu","aria-expanded":n,children:(0,s.jsx)(l,{path:"M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"})}),n&&(0,s.jsx)("div",{role:"menu",className:"tn-menu absolute right-0 z-10 mt-1 px-1.5",children:t.map(e=>(0,s.jsxs)("button",{type:"button",role:"menuitem",onClick:()=>{r(!1),e.onSelect()},className:`tn-menu-item ${"danger"===e.tone?"tn-menu-item--danger":""}`,children:[e.icon,e.label]},e.label))})]}):null}function b(){return(0,s.jsx)(l,{path:"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25M9 16.5v.75m3-3v3M15 12v5.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"})}function v({tone:e="info",title:t,children:n}){return(0,s.jsxs)("div",{className:`tn-section-message tn-section-message--${e}`,role:"status",children:[(0,s.jsx)(l,{path:"danger"===e?"M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z":"warning"===e?"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z":"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z",className:"tn-section-message__icon"}),(0,s.jsxs)("div",{className:"min-w-0",children:[t&&(0,s.jsx)("p",{className:"tn-h4 text-text",children:t}),(0,s.jsx)("div",{className:t?"mt-1":void 0,children:n})]})]})}function j({name:e,image:t,size:n="md"}){let a="sm"===n?"h-8 w-8":"h-10 w-10";return t?(0,s.jsx)("img",{src:(0,r.Uc)(t,80,80),alt:e||"사용자",loading:"lazy",className:`${a} flex-shrink-0 rounded-full bg-surface-subtle object-cover`}):(0,s.jsx)("div",{"aria-hidden":"true",className:`${a} ${"sm"===n?"tn-caption":"tn-body-sm"} flex flex-shrink-0 items-center justify-center rounded-full bg-brand-subtle font-semibold text-text-brand`,children:String(e||"?").trim().slice(0,1).toUpperCase()})}function f({icon:e,children:t}){return(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 text-text-subtle",children:[(0,s.jsx)("span",{className:"text-icon-subtle",children:e}),(0,s.jsx)("span",{className:"tn-body-sm",children:t})]})}function g(e){if(!e)return"";let t=new Date(e);if(Number.isNaN(t.getTime()))return"";let n=Math.floor((Date.now()-t.getTime())/6e4);if(n<1)return"방금";if(n<60)return`${n}분 전`;let s=Math.floor(n/60);if(s<24)return`${s}시간 전`;let a=Math.floor(s/24);return a<7?`${a}일 전`:t.toLocaleDateString("ko-KR",{year:"numeric",month:"long",day:"numeric"})}},69327:(e,t,n)=>{"use strict";var s=n(29563);t.A=void 0;var a=s(n(94471)),r=n(37876);t.A=(0,a.default)((0,r.jsx)("path",{d:"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58

1L18 14z"}),"ExpandLess")},80084:(e,t,n)=>{"use strict";var s=n(29563);t.A=void 0;var a=s(n(94471)),r=n(37876);t.A=(0,a.default)((0,r.jsx)("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward")},91440:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/communities/new",function(){return n(22681)}])}},e=>{e.O(0,[8230,8384,4997,4587,8212,304,2289,7559,1494,5870,807,6684,636,6593,8792],()=>e(e.s=91440)),_N_E=e.O()}]);