[{"data":1,"prerenderedAt":1693},["ShallowReactive",2],{"portfolio":3},[4,55,145,189,252,324,376,429,458,526,555,589,657,692,743,772,797,817,873,902,928,989,1015,1069,1115,1147,1172,1200,1223,1248,1277,1303,1326,1350,1413,1458,1513,1545,1600,1657],{"id":5,"slug":5,"title":6,"category":7,"thumbnail":8,"description":9,"overview":10,"tags":11,"techStack":15,"features":20,"role":25,"duration":26,"period":27,"year":28,"status":29,"client":30,"link":31,"featured":32,"keywords":33,"order":44,"published":32,"createdAt":45,"updatedAt":45,"industry":46,"serviceType":48,"relatedLandingPages":51},"bbq","BBQ 가맹 모집 홈페이지","웹사이트","\u002Fimages\u002Fportfolio\u002Fbbq.png","프랜차이즈 가맹 모집을 위한 반응형 웹사이트","BBQ 프랜차이즈 가맹 모집을 위한 반응형 웹사이트입니다. 모바일 최적화 디자인, 가맹 문의 폼 시스템, 실시간 채팅 상담, SEO 최적화를 포함합니다.",[12,13,14],"프랜차이즈","반응형","SEO",[16,17,18,19],"Vue.js","Nuxt.js","Tailwind CSS","Node.js",[21,22,23,24],"모바일 최적화 반응형 디자인","가맹 문의 폼 시스템","실시간 채팅 상담","SEO 최적화","기획 · 디자인 · 풀스택 개발","3주","2024",2024,"완료","BBQ","https:\u002F\u002Fbbqstart.co.kr\u002F",true,[5,34,35,36,37,12,38,39,40,41,42,43,13],"비비큐","치킨","가맹","가맹모집","franchise","창업","가맹점","홈페이지","랜딩","seo",10,"2026-07-07T00:00:00.000Z",[38,47],"food",[49,50],"website","landing",[52,53,54],"\u002Findustries\u002Ffranchise","\u002Fservices\u002Fwebsite-development","\u002Fservices\u002Flanding-page",{"id":56,"slug":56,"title":57,"category":58,"thumbnail":59,"description":60,"overview":61,"tags":62,"techStack":67,"features":76,"role":81,"duration":82,"period":83,"year":84,"status":85,"client":86,"link":87,"featured":32,"keywords":88,"order":98,"published":32,"createdAt":45,"updatedAt":45,"industry":99,"serviceType":101,"relatedLandingPages":105,"caseStudy":109},"artdata","아트데이터 미대입시 AI 플랫폼","솔루션","\u002Fimages\u002Fportfolio\u002Fartdata.png","미대입시 합격예측·성적 분석·컨설팅을 제공하는 AI 입시 플랫폼","아트데이터는 미대 입시생을 위한 AI 합격예측·성적 비교·입시 분석 플랫폼입니다. 실시간 지원자 성적 비교, 전년도 합격 패턴 분석, 입시 요강·커뮤니티·이용권 결제 흐름을 하나의 웹 서비스로 구성했습니다.",[63,64,65,66],"AI","입시","교육","플랫폼",[68,69,70,18,71,72,73,74,75],"Vue 3","Vite","Pinia","Express","Prisma","PostgreSQL","Claude API","Gemini",[77,78,79,80],"AI 합격예측·성적 분석","실시간 지원자 비교","입시 요강·커뮤니티","이용권·회원 결제 흐름","기능 기획 · UI\u002FUX 디자인 · 풀스택 개발","지속 운영","2025 - 현재",2026,"운영중","ART_DATA","https:\u002F\u002Fartdata-edu.com\u002F",[89,56,90,91,64,92,93,94,95,96,97],"아트데이터","미대","미대입시","합격예측","미술","예고","입시컨설팅","ai입시","성적분석",20,[100],"education",[102,103,104],"platform","ai","payment",[106,107,108],"\u002Findustries\u002Feducation","\u002Fservices\u002Fplatform-development","\u002Fservices\u002Fai-development",{"seoTitle":110,"industryLabel":111,"projectType":112,"problem":113,"scope":114,"challenges":122,"results":132,"faq":135},"미대입시 AI 플랫폼 개발 사례: 아트데이터","교육·입시","AI 플랫폼","미대 입시생은 대학마다 다른 환산 방식과 모집요강, 전년도 합격선을 직접 찾아 비교해야 했어요. 성적을 넣으면 어느 대학이 가능한지 한 번에 보여 주는 서비스가 필요했어요.",[115,116,117,118,119,120,121],"학생·선생님·학원·강사·운영자 역할별 회원 구조","내신·수능 성적과 학생부 입력, 목표 대학 선택","대학별 환산 점수 계산과 배치표","AI 합격 가능성 분석 리포트와 PDF 저장","모집요강 안내, 커뮤니티(기출·합격 수기·자유게시판)","입시 컨설팅 신청과 결제, 이용권 결제","모집요강 PDF에서 요강·환산 규칙을 뽑아내는 관리자 기능",[123,126,129],{"title":124,"description":125},"대학마다 다른 환산 규칙","대학·전형마다 반영 과목과 계산식이 달라요. 규칙을 데이터로 정리하고 공식 계산기와 결과를 대조하는 검수 자료를 따로 만들어 계산 결과를 맞췄어요.",{"title":127,"description":128},"모집요강 PDF 정리","매년 바뀌는 모집요강 PDF에서 필요한 표를 뽑아 정리하는 관리자 도구를 만들어, 운영자가 새 요강을 반영하는 시간을 줄였어요.",{"title":130,"description":131},"AI 리포트 안정성","학생부와 성적을 읽어 여러 단계로 분석하는 AI 기능은 응답 형식이 흔들리기 쉬워요. 출력 구조를 검증하고 실패하면 다시 시도하도록 만들었어요.",[133,134],"2025년부터 artdata-edu.com으로 실제 운영 중이에요.","성적 입력부터 대학별 분석, 리포트 저장, 컨설팅 결제까지 한 서비스 안에서 이어져요.",[136,139,142],{"question":137,"answer":138},"입시 플랫폼 개발은 어디서부터 시작하나요?","먼저 누가 쓰는지(학생, 학부모, 학원, 운영자)와 어떤 계산을 해 줘야 하는지 정해요. 아트데이터는 환산 규칙과 모집요강 데이터를 먼저 정리한 뒤 화면을 만들었어요.",{"question":140,"answer":141},"합격 예측 같은 AI 기능도 만들 수 있나요?","네. 아트데이터처럼 성적과 학생부를 바탕으로 분석 리포트를 만드는 기능을 만들 수 있어요. 결과가 흔들리지 않도록 출력 형식 검증과 테스트를 함께 설계해요.",{"question":143,"answer":144},"결제와 회원 기능도 같이 만드나요?","네. 이용권 결제, 컨설팅 결제, 역할별 회원 구조를 함께 만들었어요. 결제 서비스 계약과 수수료는 고객사 명의로 따로 진행해요.",{"id":146,"slug":146,"title":147,"category":7,"thumbnail":148,"description":149,"overview":150,"tags":151,"techStack":155,"features":159,"role":165,"duration":166,"period":167,"year":84,"status":29,"client":168,"link":169,"featured":32,"keywords":170,"order":181,"published":32,"createdAt":45,"updatedAt":45,"industry":182,"serviceType":185,"relatedLandingPages":186},"littlegiantclinic","작은거인한의원 홈페이지","\u002Fimages\u002Fportfolio\u002Flittlegiantclinic.png","스포츠 부상과 만성통증 진료 정보를 예약·방문 동선까지 연결한 한의원 홈페이지","작은거인한의원의 스포츠 부상·만성통증 진료를 처음 방문하는 분도 쉽게 이해할 수 있도록 구성한 홈페이지예요. 운동을 직접 경험한 의료진의 진료 철학부터 의료진 소개, 종목별 스포츠 부상 안내, 치료 프로그램과 진료 과정을 하나의 흐름으로 정리했어요.\n예약과 전화, 지도·주차 안내를 화면 곳곳에서 바로 찾도록 연결하고, PC와 모바일에서 읽기 편한 반응형 화면으로 구현했어요. 병원 소식과 자주 묻는 질문, 유튜브 콘텐츠까지 담아 방문 전 필요한 정보를 차분하게 확인할 수 있어요.",[152,153,154,13],"병원·의료","한의원","스포츠 부상",[156,157,18,158],"Astro","TypeScript","Cloudflare Pages",[160,161,162,163,164],"스포츠 부상·만성통증 진료 안내","의료진·치료 철학·치료 프로그램 소개","종목별 통증 안내와 진료 과정","네이버 예약·전화·지도·주차 동선 연결","FAQ·유튜브 콘텐츠와 모바일 반응형 화면","기획 · 디자인 · 프론트엔드 개발","","2026","작은거인한의원","https:\u002F\u002Fwww.littlegiantclinic.com\u002F",[168,171,172,146,153,173,174,154,175,176,177,178,179,180],"작은거인 한의원","little giant clinic","의료","스포츠부상","만성통증","운동","재활","부산","동래구","진료",30,[183,184],"medical","oriental-clinic",[49],[187,188,53],"\u002Findustries\u002Fhospital","\u002Findustries\u002Foriental-clinic",{"id":190,"slug":190,"title":191,"category":58,"thumbnail":192,"description":193,"overview":194,"tags":195,"techStack":199,"features":202,"role":208,"duration":209,"period":210,"year":84,"status":85,"client":211,"link":212,"featured":32,"keywords":213,"order":224,"published":32,"createdAt":45,"updatedAt":45,"industry":225,"serviceType":227,"relatedLandingPages":229,"caseStudy":232},"myeongyeondang","AI 사주 분석 서비스 명연당","\u002Fimages\u002Fportfolio\u002Fmyeongyeondang.png","전통 사주팔자 분석과 AI를 결합한 운세 상담 서비스","전통 사주팔자 분석과 AI(Claude API)를 결합한 운세 서비스입니다. 이름·생년월일 입력 시 오행, 십성, 십이운성 등을 계산하고, 재물운·직업운·애정운·건강운·대운 등 12가지 항목을 AI가 맞춤 해석합니다. 토스페이먼츠 결제, 실시간 분석 진행률 표시, 관리자 대시보드를 포함한 풀스택 프로젝트입니다.",[196,63,197,198],"사주","운세","결제",[16,19,71,200,74,201],"MySQL","토스페이먼츠",[203,204,205,206,207],"사주팔자·오행 분석","AI 맞춤 해석 12항목","토스페이먼츠 결제","실시간 분석 진행률","관리자 대시보드","풀스택 개발","1개월","2026.02","명연당","https:\u002F\u002Fmyeongyeondang.com\u002F",[211,196,214,197,215,216,217,218,219,220,221,222,223],"사주팔자","점","궁합","ai사주","토정비결","오늘의운세","명리","오행","재물운","애정운",40,[226],"saju",[102,103,104,228],"admin",[230,107,108,231],"\u002Findustries\u002Fsaju","\u002Fservices\u002Fadmin-development",{"seoTitle":233,"industryLabel":234,"projectType":235,"problem":236,"scope":237,"challenges":242,"results":246,"faq":248},"AI 사주 분석 서비스 개발 사례: 명연당","사주·운세","AI 웹 서비스","사주 풀이를 사람이 매번 작성하면 시간이 오래 걸려요. 생년월일을 넣으면 사주를 계산하고 항목별 해석을 바로 보여 주는 유료 서비스가 필요했어요.",[238,239,240,241,207],"사주팔자·오행·십성 계산","재물운·직업운 등 12개 항목 AI 해석","결제 연동","분석 진행률 표시",[243],{"title":244,"description":245},"계산과 해석 분리","사주 계산은 정해진 규칙으로 하고, 해석만 AI가 맡도록 나눴어요. 계산 결과가 매번 같게 나오고 해석 품질도 관리하기 쉬워졌어요.",[247],"myeongyeondang.com으로 운영 중이에요.",[249],{"question":250,"answer":251},"사주·운세 서비스에 결제를 붙일 수 있나요?","네. 명연당에는 토스페이먼츠 결제를 연동했어요. 무엇을 무료로 보여 주고 어디서 결제를 받을지 먼저 정해요.",{"id":253,"slug":253,"link":254,"title":255,"client":256,"category":7,"thumbnail":257,"description":258,"overview":259,"tags":260,"techStack":264,"features":270,"role":277,"duration":166,"period":167,"year":84,"status":166,"featured":278,"keywords":279,"order":280,"published":32,"createdAt":45,"updatedAt":45,"industry":281,"serviceType":283,"relatedLandingPages":285,"caseStudy":288},"loveat","https:\u002F\u002Floveatbaby.co.kr\u002F","럽잇 이유식·유아식 주문 및 정기배송 홈페이지","럽잇","\u002Fimages\u002Fportfolio\u002Floveat.png","아이 식단 주문부터 정기배송과 매장 운영까지 연결한 식품 주문 서비스","이유식·유아식을 날짜별로 주문하고 정기배송을 신청할 수 있는 럽잇의 주문 홈페이지예요. 주간 메뉴를 확인한 뒤 아이에게 맞는 단계와 상품 구성을 고르고, 배송이나 픽업 등 수령 방식을 선택하도록 만들었어요.\n고객의 주문 화면과 매장의 관리 화면을 함께 구성했어요. 운영자는 메뉴와 주문, 입금 확인, 정액권 잔액, 정기배송 내역을 관리하고 배송 업무까지 이어서 처리할 수 있어요.",[261,262,263],"식품 커머스","정기배송","주문 관리",[265,266,157,267,268,269],"Next.js","React","Cloudflare Workers","D1","Drizzle",[271,272,273,274,275,276],"주간 메뉴와 날짜별 이유식·유아식 주문","단계·용량·상품 구성 선택과 주문 가능 날짜·마감 확인","배송 가능 지역 확인과 배송·픽업 등 수령 방식 선택","정액권 잔액 또는 무통장 입금 방식의 주문 처리","요일별 정기배송 설정, 회차 건너뛰기와 구성 변경","관리자 메뉴·주문·고객·입금·배송 관리 및 주문 엑셀 내보내기","기획 · 디자인 · 개발",false,[],50,[47,282],"commerce",[284,228],"ecommerce",[286,287,231],"\u002Findustries\u002Fecommerce","\u002Fservices\u002Fecommerce-development",{"seoTitle":289,"industryLabel":290,"projectType":291,"problem":292,"scope":293,"challenges":301,"results":311,"faq":314},"이유식 주문·정기배송 쇼핑몰 개발 사례: 럽잇","식품·커머스","주문·정기배송 웹","이유식은 아이 단계와 단백질 구성, 배송 날짜, 주문 마감 시간을 모두 맞춰야 주문이 끝나요. 고객은 날짜별로 직접 주문하고, 매장은 입금 확인부터 배송까지 한 화면에서 처리하는 주문 사이트가 필요했어요.",[294,271,295,296,297,298,299,300],"카카오 간편로그인, 비회원 메뉴·장바구니 조회","단계·용량·상품 구성 선택과 주문 마감 확인","우편번호 기준 배송 가능 지역 확인, 배송·픽업 선택","무통장입금과 정액권 결제, 정액권 충전","요일별 정기배송, 회차 건너뛰기와 구성 변경","주문·입금·배송 단계별 카카오 알림톡","관리자 주문·입금·고객·메뉴·배송 관리와 주문 엑셀 내보내기",[302,305,308],{"title":303,"description":304},"주문 조합 규칙","같은 배송일에 담는 한우·닭·기타 이유식 수에 조합 규칙이 있어요. 조합표를 저장하지 않고 주문할 때 규칙으로 계산하게 했고, 기준 숫자는 관리자 설정에서 바꿀 수 있어요. 규칙 계산은 따로 떼어 테스트로 검증했어요.",{"title":306,"description":307},"마감과 자동 처리","배송 전날 마감 시각이 지나면 주문을 막고, 마감까지 입금되지 않은 주문은 자동으로 취소해요. 5분마다 도는 스케줄러가 마감 판정과 정기배송 회차 생성을 맡아요.",{"title":309,"description":310},"동시에 처리돼도 한 번만","관리자의 입금 확인과 자동 취소가 겹치거나 같은 알림이 두 번 나가지 않게 했어요. 주문 상태와 정액권 잔액 기록을 한 번에 바꾸고, 알림은 한 번만 발송돼요.",[312,313],"loveatbaby.co.kr에서 운영 중이에요.","Cloudflare Workers, D1, R2로 서버 관리 부담이 적은 구조로 만들었어요.",[315,318,321],{"question":316,"answer":317},"정기배송 쇼핑몰도 만들 수 있나요?","네. 럽잇처럼 요일별 구성을 저장해 매주 반복 주문하고, 회차 건너뛰기와 구성 변경까지 되는 정기배송을 만들어요.",{"question":319,"answer":320},"카드 결제 없이 무통장입금으로도 운영할 수 있나요?","네. 럽잇은 무통장입금과 정액권으로 운영해요. 입금 확인, 미입금 자동 취소, 입금 안내 알림톡까지 연결했어요. 카드 결제가 필요하면 결제 대행사 계약 뒤에 붙일 수 있어요.",{"question":322,"answer":323},"주문 알림을 카카오톡으로 보낼 수 있나요?","네. 주문 완료, 입금 안내, 배송 출발과 완료를 알림톡으로 보내요. 발송에 실패한 알림은 관리자 화면에서 다시 보낼 수 있어요.",{"id":325,"slug":325,"title":326,"category":7,"thumbnail":327,"description":328,"overview":329,"tags":330,"techStack":333,"features":336,"role":277,"duration":166,"period":167,"year":84,"status":166,"client":343,"link":344,"featured":278,"keywords":345,"order":346,"published":32,"createdAt":45,"updatedAt":45,"industry":347,"serviceType":348,"relatedLandingPages":349,"caseStudy":350},"magkuksoo","시골막국수와 옹심이 가맹 모집 홈페이지","\u002Fimages\u002Fportfolio\u002Fmagkuksoo.png","브랜드와 메뉴 소개부터 창업 안내와 가맹 문의까지 이어지는 외식 프랜차이즈 홈페이지","시골막국수와 옹심이의 브랜드와 메뉴를 소개하고, 예비 창업자가 가맹 정보를 한 페이지에서 살펴볼 수 있도록 만든 홈페이지예요. 브랜드 경쟁력과 지점 현황, 창업 비용과 절차를 순서대로 구성하고 PC와 모바일에 맞춰 화면과 모션을 구현했어요.\n창업 희망 지역과 형태, 자금을 입력하는 문의 폼과 하단 상담 영역을 구성했어요. 접수된 문의를 조회하고 처리 상태와 내부 메모를 관리하는 관리자 화면도 함께 개발했어요.",[12,331,332],"외식","가맹 모집",[156,157,334,335,200],"CSS","PHP",[337,338,339,340,341,342],"브랜드 이야기와 메뉴별 상품 소개","브랜드 경쟁력·지점 현황·본사 지원 안내","창업 비용·절차와 수익 구조 안내","PC·모바일 반응형 화면과 스크롤 모션","희망 지역·창업 형태·자금 입력 및 개인정보 동의 문의 폼","문의 접수 저장과 관리자 목록·상태 필터·내부 메모","시골막국수와 옹심이","https:\u002F\u002Fmagkuksoo.com\u002F",[],60,[38,47],[49,50,228],[52,53,54,231],{"seoTitle":351,"industryLabel":12,"projectType":352,"problem":353,"scope":354,"challenges":360,"results":367,"faq":369},"프랜차이즈 가맹 모집 홈페이지 제작 사례: 시골막국수와 옹심이","가맹 모집 홈페이지","예비 창업자는 브랜드와 메뉴, 창업 비용과 절차를 한 번에 보고 싶어 해요. 이 내용을 한 페이지에 순서대로 담고, 들어온 가맹 문의를 본사가 놓치지 않고 처리할 수 있어야 했어요.",[355,356,357,358,359],"Figma PC·모바일 시안 기반 반응형 원페이지","브랜드 이야기, 메뉴, 지점 현황, 본사 지원 안내","창업 비용과 절차 안내","희망 지역·창업 형태·자금을 받는 가맹 문의 폼","문의 관리자(접수 목록, 처리 상태, 내부 메모)",[361,364],{"title":362,"description":363},"쓰던 호스팅 그대로","고객사가 쓰던 호스팅에서 그대로 운영할 수 있도록 화면은 Astro 정적 페이지로 만들고, 문의 접수는 PHP API로 따로 만들었어요.",{"title":365,"description":366},"문의 개인정보 보호","문의에 담긴 개인정보는 암호화해서 저장하고, 로그인한 관리자만 볼 수 있게 했어요.",[368],"magkuksoo.com에서 운영 중이에요.",[370,373],{"question":371,"answer":372},"가맹 문의가 들어오면 어디서 확인하나요?","관리자 페이지에서 접수된 문의를 보고 처리 상태와 메모를 남겨요. 필요하면 문자나 알림톡 알림도 붙일 수 있어요.",{"question":374,"answer":375},"지금 쓰는 호스팅에서도 만들 수 있나요?","네. 이 사례처럼 기존 호스팅 환경을 먼저 확인하고 거기에 맞는 구조로 만들어요.",{"id":377,"slug":377,"client":378,"link":379,"title":380,"category":7,"thumbnail":381,"description":382,"overview":383,"tags":384,"techStack":388,"features":390,"role":277,"duration":166,"period":167,"year":84,"status":166,"featured":32,"keywords":397,"order":398,"published":32,"createdAt":45,"updatedAt":45,"industry":399,"serviceType":401,"relatedLandingPages":404,"caseStudy":406},"bunyangknock","분양노크","https:\u002F\u002Fbunyangknock.com\u002F","분양노크 아파트 분양·청약 정보 플랫폼","\u002Fimages\u002Fportfolio\u002Fbunyangknock.png","지도에서 분양 단지를 찾고 청약 일정과 분양가를 확인하는 부동산 정보 서비스","여러 곳에 흩어진 아파트 분양·청약 정보를 지도와 목록으로 살펴볼 수 있는 플랫폼이에요. 지역과 검색 조건에 맞는 단지를 찾고, 단지별 분양가와 공급 정보, 청약 일정, 경쟁률 등을 확인하도록 구성했어요.\n공공데이터를 수집하고 갱신하는 기능과 운영자가 정보를 보완하는 관리 화면도 함께 구성했어요. 이용자는 관심 단지를 저장하고, 운영자는 사진·링크·지도 위치와 공개 상태를 관리할 수 있어요.",[385,386,387],"부동산","지도 검색","공공데이터",[265,157,72,389,267],"카카오맵 API",[391,392,393,394,395,396],"카카오맵 기반 단지 탐색과 지역·검색어 조건 조회","단지별 주택형·분양가·청약 일정·경쟁률 정보 제공","관심 단지 저장과 관심 지역·단지 알림 기능","조회 데이터를 활용한 지역·단지 랭킹","공공 분양·청약 데이터 수집 및 갱신","관리자 정보 보정, 사진 관리, 데이터 검수와 CSV 다운로드",[],70,[400],"real-estate",[102,402,403,228],"map","search",[405,107,231],"\u002Findustries\u002Freal-estate",{"seoTitle":407,"industryLabel":385,"projectType":408,"problem":409,"scope":410,"challenges":416,"results":420,"faq":422},"아파트 분양·청약 정보 플랫폼 개발 사례: 분양노크","정보 플랫폼","아파트 분양·청약 정보는 공고, 분양가, 경쟁률이 여러 곳에 흩어져 있어요. 지도와 목록에서 단지를 찾고, 단지 정보를 한 페이지에서 확인하는 서비스를 만들었어요.",[411,412,413,394,414,415],"카카오맵 기반 단지 탐색과 지역·검색어 조회","단지별 주택형, 분양가, 청약 일정, 경쟁률","관심 단지 저장과 관심 지역·단지 알림","공공 분양·청약 데이터 수집과 갱신","관리자 정보 보정, 사진 관리, 데이터 검수, CSV 다운로드",[417],{"title":418,"description":419},"공공데이터와 운영자 보정","공공 분양·청약 데이터를 모아 갱신하고, 빠지거나 틀린 정보는 운영자가 관리자에서 보정하고 사진과 지도 위치를 채우게 했어요.",[421],"bunyangknock.com에서 운영 중이에요.",[423,426],{"question":424,"answer":425},"공공데이터로 서비스를 만들 수 있나요?","네. 분양노크처럼 공공데이터를 모아 갱신하고, 부족한 정보는 운영자가 보완하는 구조로 만들어요.",{"question":427,"answer":428},"지도 기반 서비스도 만들 수 있나요?","네. 카카오맵 위에서 지역과 조건으로 찾고, 목록과 상세 정보로 이어지는 화면을 만들어요.",{"id":430,"slug":430,"title":431,"category":58,"thumbnail":432,"description":433,"overview":434,"tags":435,"techStack":439,"features":441,"role":277,"duration":166,"period":167,"year":84,"status":166,"featured":32,"keywords":448,"order":449,"published":32,"createdAt":45,"updatedAt":45,"industry":450,"serviceType":453,"relatedLandingPages":455},"oge-party","실시간 파티 소셜 매칭 웹앱","\u002Fimages\u002Fportfolio\u002Foge-party.png","참가자의 호감 표현과 이벤트 참여를 현장 운영 화면까지 연결한 파티 웹앱","게스트하우스 파티 참가자가 휴대폰으로 접속해 호감을 표현하고 이벤트에 참여하는 현장용 웹앱이에요. 큐피트 보내기와 상호 매칭, 익명 쪽지, 투표 등 파티 안에서 함께 즐길 수 있는 기능을 구성했어요.\n참가자 화면뿐 아니라 진행자가 사용하는 관리자 화면과 빔프로젝터 화면을 함께 만들었어요. 파티 진행 상태와 이벤트 결과, 공지를 연결해 현장의 흐름에 맞춰 운영할 수 있어요.",[436,437,438],"실시간 웹앱","소셜 매칭","파티 운영",[265,157,269,73,440],"Supabase Realtime",[442,443,444,445,446,447],"파티 QR·입장 링크와 예약 정보 기반 참가자 확인","참가자 프로필과 큐피트 전송·상호 매칭","익명 쪽지와 현장 이벤트·투표 참여","참가자·관리자·빔프로젝터 화면의 실시간 상태 연결","파티·참가자·이벤트·공지 관리","신청곡 접수와 현장 요청 관리",[],80,[451,452],"hospitality","event",[102,454,228],"realtime",[456,107,457,231],"\u002Findustries\u002Fhospitality","\u002Fservices\u002Frealtime-development",{"id":459,"slug":459,"client":460,"title":461,"category":58,"thumbnail":462,"description":463,"overview":464,"tags":465,"techStack":469,"features":474,"role":479,"duration":82,"period":480,"year":84,"status":85,"link":481,"featured":32,"keywords":482,"order":493,"published":32,"createdAt":45,"updatedAt":45,"industry":494,"serviceType":496,"relatedLandingPages":498,"caseStudy":500},"dangaro","단가로","단가로 인플루언서 광고 단가 계산기","\u002Fimages\u002Fportfolio\u002Fdangaro.png","유튜브·인스타그램·틱톡 크리에이터 광고 단가 분석 플랫폼","단가로는 채널 URL과 콘텐츠 지표를 기반으로 인플루언서 광고 단가를 계산하고, 캠페인 관리를 돕는 마케팅 분석 플랫폼입니다. SNS 분석, 가격 산정, 크레딧 결제, CRM, 블로그 SEO를 함께 구축했습니다.",[466,467,468,198],"마케팅","SNS 분석","CRM",[470,68,18,73,471,472,473],"Nuxt 3","Redis","Playwright","Vitest",[475,476,477,478],"플랫폼별 광고 단가 계산","크리에이터 분석 리포트","캠페인 CRM","크레딧 결제와 관리자 기능","기획 · UI\u002FUX 디자인 · 풀스택 개발","2026.01 - 현재","https:\u002F\u002Fdangaro.com",[460,459,483,484,485,486,487,488,466,489,490,491,492],"인플루언서","광고단가","유튜브","인스타","틱톡","크리에이터","sns","단가계산","협찬","광고비",90,[495],"it-b2b",[102,103,497,228,104],"crm",[107,108,499,231],"\u002Fservices\u002Fcrm-development",{"seoTitle":501,"industryLabel":466,"projectType":502,"problem":503,"scope":504,"challenges":510,"results":517,"faq":519},"인플루언서 광고 단가 분석 플랫폼 개발 사례: 단가로","SaaS 플랫폼","광고주와 크리에이터 모두 적정 광고 단가를 알기 어려웠어요. 채널 주소만 넣으면 지표를 분석해 단가를 계산해 주는 서비스가 필요했어요.",[505,476,506,507,508,509],"유튜브·인스타그램 채널 분석과 광고 단가 계산","크레딧 결제와 이용 내역","캠페인 관리 CRM","블로그와 검색 최적화","관리자 기능",[511,514],{"title":512,"description":513},"외부 데이터 수집","플랫폼마다 가져올 수 있는 지표와 방식이 달라요. 수집 가능 여부를 한곳에서 켜고 끌 수 있게 만들어, 한 플랫폼에 문제가 생겨도 서비스 전체가 멈추지 않게 했어요.",{"title":515,"description":516},"결제와 이용량 관리","분석 횟수와 크레딧 차감이 정확히 맞아야 해요. 결제와 차감 흐름을 테스트로 검증했어요.",[518],"2026년 1월부터 dangaro.com으로 운영 중이에요.",[520,523],{"question":521,"answer":522},"데이터 분석 SaaS도 만들 수 있나요?","네. 단가로처럼 외부 데이터를 모아 계산하고, 결제한 사용자에게 리포트를 보여 주는 서비스를 만들어요.",{"question":524,"answer":525},"크레딧·구독 결제도 되나요?","네. 크레딧 충전과 차감, 이용 내역을 함께 설계해요. 결제 대행사 계약은 운영 주체 명의로 따로 진행해요.",{"id":527,"slug":527,"title":528,"category":7,"thumbnail":529,"description":530,"overview":531,"tags":532,"techStack":535,"features":537,"role":542,"duration":543,"period":27,"year":28,"status":29,"client":544,"keywords":545,"featured":278,"order":551,"published":32,"createdAt":45,"updatedAt":45,"industry":552,"serviceType":553,"relatedLandingPages":554},"korea-univ","고려대대학원 문제은행 홈페이지","\u002Fimages\u002Fportfolio\u002Fkorea-univ.png","고려대학교 대학원 문제은행 학습 플랫폼","고려대학교 대학원 문제은행 학습 플랫폼입니다. 문제 등록 및 풀이, 학습 진도 관리, 통계 분석, 사용자 인증을 포함합니다.",[65,533,534],"학습","문제은행",[266,536,200],"Spring Boot",[538,539,540,541],"문제 등록 및 풀이","학습 진도 관리","통계 분석","사용자 인증","프론트엔드 개발","6주","고려대학교",[546,544,547,534,533,65,548,549,550],"고려대","대학원","퀴즈","korea university","ku",100,[100],[102],[106,107],{"id":556,"slug":556,"title":557,"category":7,"thumbnail":558,"description":559,"overview":560,"tags":561,"techStack":565,"features":567,"role":542,"duration":572,"period":27,"year":28,"status":29,"client":573,"keywords":574,"featured":278,"order":583,"published":32,"createdAt":45,"updatedAt":45,"industry":584,"serviceType":587,"relatedLandingPages":588},"audition","오디션 지원 서비스","\u002Fimages\u002Fportfolio\u002Faudition.png","오디션 지원 및 관리를 위한 웹 서비스","오디션 지원 및 관리를 위한 웹 서비스입니다. 오디션 공고 등록, 지원자 관리, 실시간 알림, 포트폴리오 업로드 기능을 포함합니다.",[562,563,564],"엔터테인먼트","지원관리","포트폴리오",[266,19,566],"MongoDB",[568,569,570,571],"오디션 공고 등록","지원자 관리","실시간 알림","포트폴리오 업로드","4주","(주) 서북",[575,556,576,577,562,578,579,580,581,582],"오디션","지원","엔터","배우","연습생","캐스팅","포트폴리오 지원","지원자관리",110,[585,586],"entertainment","hr",[102,228],[107,231],{"id":590,"slug":590,"title":591,"category":592,"thumbnail":593,"description":594,"overview":595,"tags":596,"techStack":600,"features":604,"role":609,"duration":610,"period":611,"year":612,"status":29,"link":613,"keywords":614,"featured":278,"order":628,"published":32,"createdAt":45,"updatedAt":45,"industry":629,"serviceType":630,"relatedLandingPages":632,"caseStudy":634},"kori-voca","Kori Voca 한국어 단어 학습 앱","모바일 앱","\u002Fimages\u002Fportfolio\u002Fkori-voca.png","TOPIK 레벨 기반 한국어 어휘 학습 모바일 앱","Kori Voca는 초급부터 고급까지 한국어 단어를 반복 학습할 수 있는 React Native 앱입니다. SM-2 간격 반복 알고리즘, 캐릭터 동기부여 시스템, 학습 통계, 접근성 옵션을 포함해 학습 지속성을 높이는 방향으로 설계했습니다.",[65,597,598,599],"React Native","반복학습","TOPIK",[597,601,157,602,603],"Expo","AsyncStorage","Jest",[605,606,607,608],"레벨별 단어 학습","SM-2 간격 반복","캐릭터 피드백","학습 통계와 접근성 설정","기획 · UI\u002FUX 디자인 · 모바일 개발","5주","2025.07",2025,"https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetails?id=com.fly2ed.korivoca&hl=ko",[615,616,617,618,619,620,621,622,623,624,625,626,627],"kori","voca","코리","보카","한국어","단어","어휘","topik","토픽","학습앱","외국인","한글","vocabulary",120,[100],[631],"app",[106,633],"\u002Fservices\u002Fapp-development",{"seoTitle":635,"industryLabel":65,"projectType":592,"problem":636,"scope":637,"challenges":644,"results":648,"faq":650},"TOPIK 한국어 어휘 학습 앱 개발 사례: Kori Voca","단어는 외워도 금방 잊고, 혼자 공부하면 꾸준히 이어 가기 어려워요. 잊을 때쯤 다시 보여 주는 복습과 캐릭터 피드백으로 매일 학습을 이어 가게 하는 앱을 만들었어요.",[638,639,640,641,642,643],"TOPIK 레벨별 단어 학습","SM-2 간격 반복 복습","5가지 문제 유형으로 단어 확인","캐릭터 3종의 학습 피드백","연속 학습일, 업적, 학습 통계","고대비, 글자 크기, 스크린 리더, 동작 줄이기 설정",[645],{"title":646,"description":647},"복습 시점 계산","SM-2 알고리즘으로 단어마다 다음 복습 날짜를 계산해, 잘 아는 단어는 덜 자주, 헷갈리는 단어는 더 자주 나오게 했어요.",[649],"Google Play에 출시했어요.",[651,654],{"question":652,"answer":653},"학습 앱도 만들 수 있나요?","네. Kori Voca처럼 복습 주기 계산, 문제 유형, 학습 통계를 갖춘 학습 앱을 만들어요.",{"question":655,"answer":656},"Android와 iOS를 같이 만들 수 있나요?","네. React Native로 만들면 한 코드로 두 플랫폼 앱을 개발할 수 있어요. 스토어 등록은 각 스토어 심사를 거쳐요.",{"id":658,"slug":658,"title":659,"category":592,"thumbnail":660,"description":661,"overview":662,"tags":663,"techStack":667,"features":669,"role":479,"duration":543,"period":27,"year":28,"status":29,"keywords":674,"featured":278,"order":687,"published":32,"createdAt":45,"updatedAt":45,"industry":688,"serviceType":690,"relatedLandingPages":691},"todo-nalda","투두날다 앱","\u002Fimages\u002Fportfolio\u002Ftodo-nalda.png","할 일 관리 및 일정 관리 모바일 애플리케이션","날다데브의 자체 서비스로, 할 일 관리 및 일정 관리 모바일 애플리케이션입니다. 카테고리 분류, 일정 알림, 클라우드 동기화 기능을 제공합니다.",[664,665,666],"모바일","생산성","자체 서비스",[597,157,668],"Firebase",[670,671,672,673],"할 일 관리","일정 알림","카테고리 분류","클라우드 동기화",[675,676,677,678,679,680,681,682,665,683,684,685,686],"투두","투두날다","todo","todolist","할일","할 일","태스크","task","체크리스트","메모","일정","앱",130,[689],"productivity",[631],[633],{"id":693,"slug":693,"title":694,"category":7,"thumbnail":695,"description":696,"overview":697,"tags":698,"techStack":701,"features":702,"role":479,"duration":572,"period":707,"year":612,"status":29,"link":708,"keywords":709,"featured":278,"order":713,"published":32,"createdAt":45,"updatedAt":45,"industry":714,"serviceType":715,"relatedLandingPages":716,"caseStudy":717},"ck-palace","닭익는마을 브랜드 홈페이지","\u002Fimages\u002Fportfolio\u002Fck-palace.png","프랜차이즈 브랜드 소개와 매장 운영 정보를 제공하는 반응형 홈페이지","닭익는마을 브랜드 홈페이지는 브랜드 소개, 메뉴와 매장 정보, 창업 문의 흐름을 중심으로 구성한 웹사이트입니다. 프랜차이즈 운영자가 콘텐츠를 관리할 수 있도록 관리자·백엔드 구조까지 함께 설계했습니다.",[12,699,700,13],"브랜드","관리자",[68,69,18,71,200],[703,704,705,706],"브랜드 소개","메뉴·매장 정보","창업 문의","관리자 콘텐츠 관리","2025.08","https:\u002F\u002Fckpalace-family.co.kr\u002F",[710,711,693,35,12,699,36,712],"닭익는마을","ckpalace","닭",140,[38,47],[49,228],[52,53,231],{"seoTitle":718,"industryLabel":12,"projectType":719,"problem":720,"scope":721,"challenges":727,"results":734,"faq":736},"프랜차이즈 브랜드 홈페이지 제작 사례: 닭익는마을","브랜드 홈페이지·관리자","브랜드 소개와 메뉴, 매장 정보, 창업 문의를 한 사이트에서 보여 주면서, 본사가 팝업과 메인 배너, 매장 정보를 직접 바꿀 수 있어야 했어요.",[722,723,724,725,726],"브랜드 소개, 메뉴, 매장 정보 페이지","창업 상담 신청 폼","관리자 창업 상담·매장 정보 관리","메인 슬라이더와 팝업 관리","관리자 계정, 접속 기록, IP 차단",[728,731],{"title":729,"description":730},"스팸 문의 막기","자동으로 들어오는 가짜 문의를 줄이려고 접수 횟수 제한, 봇만 채우는 숨은 입력칸, 의심 패턴 차단을 함께 넣었어요.",{"title":732,"description":733},"본사가 직접 고치는 화면","개발자에게 요청하지 않아도 팝업과 배너, 매장 정보를 바꿀 수 있도록 관리자 화면을 따로 만들었어요.",[735],"ckpalace-family.co.kr에서 운영 중이에요.",[737,740],{"question":738,"answer":739},"홈페이지 팝업이나 배너를 직접 바꿀 수 있나요?","네. 관리자 화면에서 팝업과 메인 배너를 올리고 내릴 수 있게 만들어요.",{"question":741,"answer":742},"스팸 문의가 많은데 막을 수 있나요?","네. 이 사례처럼 접수 횟수 제한, 숨은 입력칸, 의심 패턴 차단, IP 차단을 함께 써서 줄여요.",{"id":744,"slug":744,"title":745,"category":7,"thumbnail":746,"description":747,"overview":748,"tags":749,"techStack":752,"features":753,"role":25,"duration":572,"period":758,"year":84,"status":29,"link":759,"keywords":760,"featured":278,"order":766,"published":32,"createdAt":45,"updatedAt":45,"industry":767,"serviceType":768,"relatedLandingPages":770},"alltokk","올떡 가맹 모집 홈페이지","\u002Fimages\u002Fportfolio\u002Foldduk-landing.png","DIY 마라떡볶이 프랜차이즈 가맹 상담 랜딩페이지","올떡 가맹 모집 홈페이지는 브랜드 강점, 창업 절차, 메뉴 경쟁력, 상담 신청을 한 화면에서 설득력 있게 전달하도록 구성한 랜딩페이지입니다. 프랜차이즈 문의 전환을 목표로 모바일 우선 UX와 관리자·백엔드 흐름을 함께 구축했습니다.",[12,37,750,751],"랜딩페이지","상담폼",[68,69,71,19],[754,755,756,757],"브랜드 스토리","가맹 상담 폼","창업 포인트 섹션","관리자와 백엔드 API","2026.03","https:\u002F\u002Falltokk.co.kr\u002F",[761,744,762,763,36,12,764,765],"올떡","떡볶이","마라떡볶이","diy","분식",150,[38,47],[49,228,769],"backend",[52,53,231,771],"\u002Fservices\u002Fbackend-development",{"id":773,"slug":773,"title":774,"category":7,"thumbnail":775,"description":776,"overview":777,"tags":778,"techStack":780,"features":781,"role":786,"duration":572,"period":787,"year":84,"status":29,"link":788,"keywords":789,"featured":278,"order":793,"published":32,"createdAt":45,"updatedAt":45,"industry":794,"serviceType":795,"relatedLandingPages":796},"milkypresso","밀키프레소 프랜차이즈 홈페이지","\u002Fimages\u002Fportfolio\u002Fmilkypresso.png","카페 브랜드와 창업 정보를 소개하는 프랜차이즈 홈페이지","밀키프레소 프랜차이즈 홈페이지는 브랜드 비주얼, 시그니처 메뉴, 매장 이미지, 앱 주문·멤버십 기능을 한 흐름으로 보여주는 브랜드 웹사이트입니다. 캐릭터와 메뉴 이미지를 활용해 가맹 문의 전환을 돕는 구조로 구성했습니다.",[12,779,699,750],"카페",[68,157,69,18,473],[782,783,784,785],"브랜드 히어로","시그니처 메뉴 소개","매장 이미지 섹션","앱 주문·멤버십 소개","기획 · UI\u002FUX 디자인 · 프론트엔드 개발","2026.01","https:\u002F\u002Fmilkypressofranchise.com\u002F",[790,773,779,791,12,39,792,36],"밀키프레소","커피","라떼",160,[38,47],[49],[52,53],{"id":798,"slug":798,"title":799,"client":800,"category":7,"thumbnail":801,"description":802,"overview":803,"tags":804,"techStack":805,"features":806,"role":208,"duration":26,"period":27,"year":28,"status":29,"link":810,"keywords":811,"featured":278,"order":813,"published":32,"createdAt":45,"updatedAt":45,"industry":814,"serviceType":815,"relatedLandingPages":816},"ukuya","우쿠야 가맹 모집 홈페이지","우쿠야","\u002Fimages\u002Fportfolio\u002Fukuya.png","우쿠야 프랜차이즈 가맹 모집 웹사이트","우쿠야 프랜차이즈 가맹 모집 웹사이트입니다. 가맹 안내, 문의 폼, 반응형 디자인, SEO 최적화를 포함합니다.",[12,37,13],[16,18,19],[807,808,809,24],"가맹 안내","문의 폼","반응형 디자인","https:\u002F\u002Fukuya-family.co.kr\u002F",[800,798,36,12,35,39,37,812],"family",170,[38,47],[49,50],[52,53,54],{"id":818,"slug":818,"title":819,"category":7,"thumbnail":820,"description":821,"overview":822,"tags":823,"techStack":824,"features":826,"role":831,"duration":832,"period":833,"year":84,"status":29,"link":834,"keywords":835,"featured":278,"order":842,"published":32,"createdAt":45,"updatedAt":45,"industry":843,"serviceType":844,"relatedLandingPages":845,"caseStudy":846},"sinsa-kmc","신사 한의원 홈페이지","\u002Fimages\u002Fportfolio\u002Fsinsa-kmc.png","한의원 진료 분야와 병원 정보를 전달하는 의료 홈페이지","신사 한의원 홈페이지는 진료 철학, 진료 분야, 병원 위치와 이용 정보를 차분하게 전달하는 의료 웹사이트입니다. 기존 콘텐츠를 보존하면서 Astro 기반 정적 사이트와 반응형 화면으로 재구성하고, 원장님이 직접 글을 고칠 수 있는 관리자를 연결했습니다.",[173,153,41,13],[156,157,18,825,158],"Sveltia CMS",[827,828,829,830],"진료 분야 소개","병원 안내","오시는 길","정적 배포 최적화","디자인 리팩토링 · 프론트엔드 개발","2주","2026.07","https:\u002F\u002Fsinsahan.co.kr\u002F",[836,153,173,837,838,839,840,841,180],"신사한의원","병원","침","한약","신사","sinsa",180,[183,184],[49],[187,188,53],{"seoTitle":847,"industryLabel":848,"projectType":849,"problem":850,"scope":851,"challenges":857,"results":864,"faq":866},"한의원 홈페이지 제작 사례: 신사 한의원","병원·의원","의료 홈페이지","환자는 자기 증상으로 병원을 찾아요. 척추, 공황장애, 불면증, 갱년기처럼 진료 분야마다 따로 볼 수 있는 페이지와, 원장님이 문구를 직접 고칠 수 있는 구조가 필요했어요.",[852,853,854,855,856],"메인과 진료 분야별 페이지(척추관 협착증·디스크, 공황장애, 불안장애, 화병, 분노조절장애, 불면증, 갱년기)","진료 과정 안내와 오시는 길","원장님이 직접 수정하는 관리자","수정하면 자동으로 다시 배포되는 구조","사이트맵 등 검색 최적화",[858,861],{"title":859,"description":860},"원장님이 직접 수정","문구를 바꿀 때마다 개발자에게 요청하지 않도록, 관리자에서 고치면 사이트가 자동으로 다시 배포되게 했어요.",{"title":862,"description":863},"증상으로 찾아오는 환자","진료 분야마다 주소와 페이지를 따로 두어, 증상으로 검색한 환자가 바로 해당 페이지로 들어오게 했어요.",[865],"sinsahan.co.kr에서 운영 중이에요.",[867,870],{"question":868,"answer":869},"병원 홈페이지 문구를 직접 고칠 수 있나요?","네. 이 사례처럼 관리자에서 글과 사진을 고치면 사이트에 바로 반영되게 만들 수 있어요.",{"question":871,"answer":872},"진료 과목이 여러 개인데 어떻게 나누나요?","진료 분야마다 페이지를 따로 만들고 같은 틀로 보여 줘요. 환자가 필요한 정보만 빠르게 찾을 수 있어요.",{"id":874,"slug":874,"title":875,"category":7,"thumbnail":876,"description":877,"overview":878,"tags":879,"techStack":882,"features":884,"role":889,"duration":26,"period":707,"year":612,"status":29,"keywords":890,"featured":278,"order":896,"published":32,"createdAt":45,"updatedAt":45,"industry":897,"serviceType":899,"relatedLandingPages":900},"liyang-pharma","일양약품 캠페인 랜딩페이지","\u002Fimages\u002Fportfolio\u002Fliyang-pharma.png","제약 브랜드 캠페인을 위한 제품 소개형 랜딩페이지","일양약품 캠페인 랜딩페이지는 제품 메시지와 이미지 중심의 섹션을 빠르게 탐색할 수 있도록 구성한 Vue 기반 랜딩페이지입니다. 정적 빌드와 API 구성을 분리해 운영 환경에 맞게 배포할 수 있도록 정리했습니다.",[880,699,750,881],"제약","Vue",[68,69,19,883],"Knex",[885,886,887,888],"제품 캠페인 섹션","이미지 중심 레이아웃","반응형 화면","API 분리 구조","프론트엔드 개발 · 배포 구성",[891,892,880,893,894,895,42,699],"일양약품","일양","pharma","캠페인","의약품",190,[898,183],"company",[50],[901,187,54],"\u002Findustries\u002Fcompany",{"id":903,"slug":903,"title":904,"category":7,"thumbnail":905,"description":906,"overview":907,"tags":908,"techStack":911,"features":913,"role":786,"duration":26,"period":918,"year":612,"status":29,"client":919,"keywords":920,"featured":278,"order":924,"published":32,"createdAt":45,"updatedAt":45,"industry":925,"serviceType":926,"relatedLandingPages":927},"wepl","WEPL 랜딩페이지","\u002Fimages\u002Fportfolio\u002Fwepl.png","WEPL 서비스 소개와 전환을 위한 랜딩페이지","WEPL 랜딩페이지는 서비스 가치와 핵심 기능을 한 흐름으로 전달하고 문의·가입 전환을 목표로 구성한 원페이지 웹사이트입니다. 히어로, 기능 소개, CTA 섹션을 모바일 우선으로 설계했습니다.",[750,909,13,910],"전환","원페이지",[68,912,157,18],"Nuxt",[914,915,916,917],"히어로·가치 제안","기능 소개 섹션","CTA·문의 유도","모바일 우선 반응형","2025","WEPL",[903,921,42,922,910,909,923],"위플","lp","cta",200,[898,495],[49,50],[901,53,54],{"id":929,"slug":929,"title":930,"category":7,"thumbnail":931,"description":932,"overview":933,"tags":934,"techStack":938,"features":943,"role":479,"duration":543,"period":787,"year":84,"status":29,"link":948,"keywords":949,"featured":278,"order":959,"published":32,"createdAt":45,"updatedAt":45,"industry":960,"serviceType":962,"relatedLandingPages":964,"caseStudy":965},"fourindi","포인디 인디밴드 공연 플랫폼","\u002Fimages\u002Fportfolio\u002Ffourindi.png","인디밴드와 관객을 연결하는 공연 예약·운영 플랫폼","포인디는 인디밴드 공연 정보를 소개하고 예약, 현장 스캔, 관리자 운영을 지원하는 공연 플랫폼입니다. 공개 랜딩, 밴드용 안내 페이지, 인증, 마이페이지, 관리자 레이아웃과 Cloudflare Workers 기반 API를 구성했습니다.",[935,936,66,937],"공연","예약","Cloudflare",[470,68,70,939,940,267,72,941,942],"PrimeVue","Hono","Neon PostgreSQL","Cloudflare R2",[944,945,946,947],"공연 소개와 예약 플로우","QR 스캔","회원 인증","관리자 운영 화면","https:\u002F\u002Ffourindi.naldadev.com",[950,929,951,952,935,953,954,955,956,957,958],"포인디","인디","밴드","라이브","예매","티켓","qr","뮤직","인디밴드",210,[585,961],"content",[102,963,228],"booking",[107,231],{"seoTitle":966,"industryLabel":967,"projectType":968,"problem":969,"scope":970,"challenges":976,"results":980,"faq":982},"인디밴드 공연 예매 플랫폼 개발 사례: 포인디","공연·문화","예매 플랫폼","관객은 인디 공연을 찾아 예약하고, 밴드는 직접 공연을 올리고, 운영자는 예약과 정산을 관리해야 했어요. 세 사용자가 한 서비스 안에서 각자 필요한 일을 하는 공연 플랫폼을 만들었어요.",[971,972,973,974,975],"공연·밴드 목록과 상세","공연 예약과 모바일 티켓, 현장 QR 확인","카카오 로그인과 회원가입","밴드 마이페이지 공연 등록","관리자 밴드·공연·공연장·예약·티켓·정산·회원 관리",[977],{"title":978,"description":979},"세 사용자를 한 서비스에","관객, 밴드, 운영자는 보는 화면과 권한이 달라요. 역할별로 화면을 나누고 같은 공연 데이터를 함께 쓰게 했어요.",[981],"fourindi.naldadev.com에서 볼 수 있어요.",[983,986],{"question":984,"answer":985},"예약·티켓 플랫폼도 만들 수 있나요?","네. 포인디처럼 예약, 모바일 티켓, 현장 QR 확인, 정산 관리까지 이어지는 플랫폼을 만들어요.",{"question":987,"answer":988},"판매자가 직접 상품을 올리는 구조도 되나요?","네. 이 사례의 밴드처럼 공급자가 마이페이지에서 직접 등록하고, 운영자가 관리자에서 확인하는 구조로 만들어요.",{"id":990,"slug":990,"title":991,"category":7,"thumbnail":992,"description":993,"overview":994,"tags":995,"techStack":999,"features":1000,"role":479,"duration":543,"period":918,"year":612,"status":85,"client":1004,"link":1005,"featured":32,"keywords":1006,"order":1011,"published":32,"createdAt":45,"updatedAt":45,"industry":1012,"serviceType":1013,"relatedLandingPages":1014},"nanovel","나노벨 웹소설 플랫폼","\u002Fimages\u002Fportfolio\u002Fnanovel.png","웹소설 작품 목록·연재 회차를 탐색하는 나노벨 플랫폼","나노벨은 웹소설 작품을 한눈에 모아 보고, 회차 단위로 연재를 따라갈 수 있는 웹소설 플랫폼입니다. 작품 목록, 조회·날짜 정렬, 회차 정보 표시와 로그인 흐름을 심플한 UI로 구성했습니다.",[996,66,997,998],"웹소설","콘텐츠","연재",[68,912,157,18],[1001,1002,1003,887],"작품 목록·검색 정렬","연재 회차 표시","회원 로그인","나노벨","https:\u002F\u002Fnanovel.kr\u002F",[1004,990,996,1007,998,1008,1009,997,66,1010],"소설","작가","회차","웹툰",220,[961],[102,403],[107],{"id":1016,"slug":1016,"title":1017,"category":58,"thumbnail":1018,"description":1019,"overview":1020,"tags":1021,"techStack":1025,"features":1028,"role":479,"duration":1033,"period":758,"year":84,"status":1034,"link":1035,"keywords":1036,"featured":278,"order":1046,"published":32,"createdAt":45,"updatedAt":45,"industry":1047,"serviceType":1049,"relatedLandingPages":1050,"caseStudy":1051},"monggeul","몽글 AI 모바일 청첩장","\u002Fimages\u002Fportfolio\u002Fmonggeul.png","사진과 문구를 바탕으로 모바일 청첩장을 제작하는 AI 기반 서비스","몽글은 예비부부가 사진을 업로드하면 색감과 분위기에 맞춰 모바일 청첩장 디자인, 문구 톤, 하객 기능까지 구성할 수 있도록 설계한 서비스입니다. 에디터, RSVP, 방명록, 공유, AI 디자인 추천 흐름을 하나의 제작 경험으로 묶었습니다.",[63,1022,1023,1024],"청첩장","에디터","웨딩",[68,69,18,940,267,1026,1027],"Neon","Drizzle ORM",[1029,1030,1031,1032],"모바일 청첩장 에디터","사진 기반 디자인 추천","RSVP 및 방명록","공유 링크와 통계","8주","운영 준비","https:\u002F\u002Fmonggeul.com",[1037,1016,1022,1038,1024,1039,1040,1041,1042,1043,1044,1045],"몽글","모바일청첩장","결혼식","초대장","rsvp","방명록","ai청첩장","예비부부","청첩",230,[1048],"wedding",[102,103],[107,108],{"seoTitle":1052,"industryLabel":1024,"projectType":235,"problem":1053,"scope":1054,"challenges":1059,"results":1063,"faq":1065},"AI 모바일 청첩장 서비스 개발 사례: 몽글","모바일 청첩장은 템플릿 고르기와 문구 작성에 시간이 많이 들어요. 사진만 올리면 분위기에 맞는 디자인과 문구를 추천해 주는 제작 도구를 목표로 했어요.",[1029,1055,1056,1057,1058],"사진 기반 디자인·문구 추천","RSVP(참석 여부)와 방명록","공유 링크와 공개 청첩장 화면","회원 가입과 로그인",[1060],{"title":1061,"description":1062},"편집 화면과 공개 화면 일치","에디터에서 본 모습 그대로 하객 화면에 보여야 해요. 미리보기와 공개 화면이 같은 데이터와 규칙을 쓰도록 만들었어요.",[1064],"편집, 미리보기, 공개 청첩장 흐름을 갖추고 운영을 준비하고 있어요.",[1066],{"question":1067,"answer":1068},"에디터가 있는 서비스도 만들 수 있나요?","네. 몽글처럼 사용자가 직접 꾸미고 저장하는 에디터를 만들 수 있어요. 무엇을 자유롭게 바꾸게 할지 먼저 정해요.",{"id":1070,"slug":1070,"title":1071,"category":58,"thumbnail":1072,"description":1073,"overview":1074,"tags":1075,"techStack":1077,"features":1078,"role":25,"duration":1033,"period":27,"year":28,"status":29,"client":1083,"keywords":1084,"featured":278,"order":1094,"published":32,"createdAt":45,"updatedAt":45,"industry":1095,"serviceType":1096,"relatedLandingPages":1097,"caseStudy":1098},"realestate-crm","부동산 내부 관리 CRM","\u002Fimages\u002Fportfolio\u002Frealestate-crm.png","부동산 매물관리 및 직원관리 CRM 시스템","부동산 매물관리 및 직원관리 CRM 시스템입니다. 매물 관리, 직원 관리, 고객 관리, 통계 대시보드를 포함합니다.",[468,385,1076],"관리시스템",[266,19,73,471],[1079,1080,1081,1082],"매물 관리","직원 관리","고객 관리","통계 대시보드","Fabio",[385,497,1085,1086,1087,1088,1089,1090,1091,1092,1093],"매물","중개","공인중개사","직원관리","고객관리","erp","내부관리","fabio","리얼에스테이트",240,[400],[497,228],[405,499,231],{"seoTitle":1099,"industryLabel":385,"projectType":468,"problem":1100,"scope":1101,"challenges":1105,"results":1109,"faq":1111},"부동산 CRM 개발 사례: 매물·직원·고객 관리 시스템","매물과 고객 정보를 엑셀과 메신저로 나눠 관리하면 누가 어떤 고객을 맡았는지, 어떤 매물이 남았는지 확인하기 어려워요. 한 화면에서 관리하는 내부 시스템을 만들었어요.",[1102,1103,1104,1082],"매물 등록·수정·상태 관리","직원 계정과 담당 배정","고객 정보와 상담 이력",[1106],{"title":1107,"description":1108},"권한 나누기","직원마다 볼 수 있는 고객과 매물이 달라요. 역할에 따라 볼 수 있는 범위를 나눠 설계했어요.",[1110],"8주 동안 기획, 디자인, 개발을 함께 진행했어요.",[1112],{"question":1113,"answer":1114},"부동산 사무실용 CRM도 만들 수 있나요?","네. 매물, 고객, 직원 관리와 통계를 한곳에 모은 내부 시스템을 만들 수 있어요. 지금 쓰는 엑셀 양식을 먼저 보고 옮길 항목을 정해요.",{"id":1116,"slug":1116,"title":1117,"category":7,"thumbnail":1118,"description":1119,"overview":1120,"tags":1121,"techStack":1125,"features":1126,"role":25,"duration":543,"period":27,"year":28,"status":29,"keywords":1131,"featured":278,"order":1143,"published":32,"createdAt":45,"updatedAt":45,"industry":1144,"serviceType":1145,"relatedLandingPages":1146},"job-platform","글로벌 구인·구직 홈페이지","\u002Fimages\u002Fportfolio\u002Fjob-platform.png","글로벌 인재 매칭 구인구직 플랫폼","글로벌 인재 매칭 구인구직 플랫폼입니다. 이력서 등록, 채용 공고, 매칭 시스템, 다국어 지원을 포함합니다.",[1122,1123,1124],"구인구직","매칭","다국어",[266,19,566],[1127,1128,1129,1130],"이력서 등록","채용 공고","매칭 시스템","다국어 지원",[1132,1133,1134,1135,1136,1137,1123,1138,1139,1140,1141,1142],"구인","구직","채용","잡","job","인재","이력서","글로벌","헤드헌팅","알바","취업",250,[586],[102],[107],{"id":1148,"slug":1148,"title":1149,"category":7,"thumbnail":1150,"description":1151,"overview":1152,"tags":1153,"techStack":1155,"features":1156,"role":542,"duration":610,"period":27,"year":28,"status":29,"keywords":1159,"featured":278,"order":1167,"published":32,"createdAt":45,"updatedAt":45,"industry":1168,"serviceType":1170,"relatedLandingPages":1171},"case-report","피해사례 등록 및 검색 홈페이지","\u002Fimages\u002Fportfolio\u002Fcase-report.png","피해사례 등록 및 검색 플랫폼","피해사례 등록 및 검색 플랫폼입니다. 사례 등록 시스템, 검색 및 필터, 사용자 인증, 관리자 대시보드를 포함합니다.",[66,1154,1076],"검색",[266,19,73],[1157,1158,541,207],"사례 등록 시스템","검색 및 필터",[1160,1161,1162,1163,1154,66,1164,1165,1166],"피해","피해사례","사례등록","신고","제보","케이스","case",260,[1169],"community",[102,403,228],[107,231],{"id":1173,"slug":1173,"title":1174,"category":7,"thumbnail":1175,"description":1176,"overview":1177,"tags":1178,"techStack":1182,"features":1183,"role":542,"duration":572,"period":27,"year":28,"status":29,"keywords":1187,"featured":278,"order":1195,"published":32,"createdAt":45,"updatedAt":45,"industry":1196,"serviceType":1198,"relatedLandingPages":1199},"loan","대출 중계 플랫폼","\u002Fimages\u002Fportfolio\u002Floan.png","금융 대출 상품 비교 및 중계 플랫폼","금융 대출 상품 비교 및 중계 플랫폼입니다. 대출 상품 비교, 맞춤 추천, 신청 프로세스, 관리자 대시보드를 포함합니다.",[1179,1180,1181],"핀테크","대출","비교",[266,536,73],[1184,1185,1186,207],"대출 상품 비교","맞춤 추천","신청 프로세스",[1180,1173,1188,1179,1189,1190,1181,1191,1192,1193,1194],"금융","fintech","중계","한도","금리","대부","신용대출",270,[1197],"finance",[102,228],[107,231],{"id":1201,"slug":1201,"title":1202,"category":7,"thumbnail":1203,"description":1204,"overview":1205,"tags":1206,"techStack":1209,"features":1210,"role":25,"duration":572,"period":27,"year":28,"status":29,"keywords":1213,"featured":278,"order":1219,"published":32,"createdAt":45,"updatedAt":45,"industry":1220,"serviceType":1221,"relatedLandingPages":1222},"rental","렌탈 쇼핑몰","\u002Fimages\u002Fportfolio\u002Frental.png","렌탈 상품 전문 온라인 쇼핑몰","렌탈 상품 전문 온라인 쇼핑몰입니다. 렌탈 상품 카탈로그, 예약 시스템, 결제 연동, 고객 관리 기능을 포함합니다.",[1207,1208,936],"렌탈","이커머스",[266,19,200],[1211,1212,240,1081],"렌탈 상품 카탈로그","예약 시스템",[1207,1201,1214,1215,1216,1217,1218,936,1208],"대여","렌트","가전렌탈","정수기","쇼핑몰",280,[282],[284,963,104],[286,287],{"id":1224,"slug":1224,"title":1225,"category":7,"thumbnail":1226,"description":1227,"overview":1228,"tags":1229,"techStack":1230,"features":1231,"role":25,"duration":543,"period":27,"year":28,"status":29,"keywords":1235,"featured":278,"order":1244,"published":32,"createdAt":45,"updatedAt":45,"industry":1245,"serviceType":1246,"relatedLandingPages":1247},"phone-shop","휴대폰 판매 쇼핑몰","\u002Fimages\u002Fportfolio\u002Fphone-shop.png","휴대폰 기기 판매 전문 온라인 쇼핑몰","휴대폰 기기 판매 전문 온라인 쇼핑몰입니다. 상품 카탈로그, 장바구니, 결제 시스템, 주문 관리 기능을 포함합니다.",[1208,1218,198],[266,19,200],[1232,1233,1234,263],"상품 카탈로그","장바구니","결제 시스템",[1236,1237,1238,1218,1208,284,1239,1240,1241,1242,1243,198,1233],"휴대폰","폰","스마트폰","중고폰","기기","갤럭시","아이폰","판매",290,[282],[284,104],[286,287],{"id":1249,"slug":1249,"title":1250,"category":7,"thumbnail":1251,"description":1252,"overview":1253,"tags":1254,"techStack":1257,"features":1258,"role":542,"duration":572,"period":27,"year":28,"status":29,"keywords":1262,"featured":278,"order":1273,"published":32,"createdAt":45,"updatedAt":45,"industry":1274,"serviceType":1275,"relatedLandingPages":1276},"sms","문자 전송 홈페이지","\u002Fimages\u002Fportfolio\u002Fsms.png","기업용 대량 문자 발송 및 관리 플랫폼 홈페이지","기업용 대량 문자 발송 및 관리 플랫폼의 홈페이지입니다. 대용량 메시지 처리 소개, 요금제 안내, 실시간 발송 현황 등을 포함합니다.",[1255,1256,66],"메시징","기업용",[266,19,73],[1259,1260,1261,809],"대용량 메시지 처리 소개","요금제 안내","실시간 발송 현황",[1249,1263,1264,1265,1266,1255,1267,1268,1269,1270,1271,1272],"문자","문자전송","문자 발송","대량문자","알림톡","기업문자","lms","mms","비즈문자","문자서비스",300,[495],[49],[53],{"id":1278,"slug":1278,"title":1279,"category":7,"thumbnail":1280,"description":1281,"overview":1282,"tags":1283,"techStack":1286,"features":1287,"role":165,"duration":832,"period":27,"year":28,"status":29,"keywords":1292,"featured":278,"order":1299,"published":32,"createdAt":45,"updatedAt":45,"industry":1300,"serviceType":1301,"relatedLandingPages":1302},"policy-fund","정책자금 랜딩페이지","\u002Fimages\u002Fportfolio\u002Fpolicy-fund.png","정부 정책자금 안내 및 신청 랜딩페이지","정부 정책자금 안내 및 신청 랜딩페이지입니다. 정책자금 안내, 신청 자격 확인, 상담 신청, 모바일 최적화를 포함합니다.",[1284,750,1285],"정책자금","상담",[266,18],[1288,1289,1290,1291],"정책자금 안내","신청 자격 확인","상담 신청","모바일 최적화",[1284,1293,1294,1295,1296,1297,1298,42,1285],"정부지원","지원금","보조금","소상공인","창업지원","자금",310,[1197],[50],[54],{"id":1304,"slug":1304,"title":1305,"category":7,"thumbnail":1306,"description":1307,"overview":1308,"tags":1309,"techStack":1312,"features":1313,"role":542,"duration":832,"period":27,"year":28,"status":29,"keywords":1317,"featured":278,"order":1322,"published":32,"createdAt":45,"updatedAt":45,"industry":1323,"serviceType":1324,"relatedLandingPages":1325},"insurance","보험 랜딩페이지","\u002Fimages\u002Fportfolio\u002Finsurance.png","보험 상품 소개 및 상담 신청 랜딩페이지","보험 상품 소개 및 상담 신청 랜딩페이지입니다. 보험 상품 소개, 상담 신청 폼, 모바일 최적화, 전환율 최적화를 포함합니다.",[1310,750,1311],"보험","CRO",[266,18],[1314,1315,1291,1316],"보험 상품 소개","상담 신청 폼","전환율 최적화",[1310,1304,1318,1285,1319,42,750,922,909,1320,1321],"인슈어","보험상품","cro","보험료",320,[1197],[50],[54],{"id":1327,"slug":1327,"title":1328,"category":7,"thumbnail":1329,"description":1330,"overview":1331,"tags":1332,"techStack":1334,"features":1335,"role":165,"duration":26,"period":27,"year":28,"status":29,"keywords":1339,"featured":278,"order":1346,"published":32,"createdAt":45,"updatedAt":45,"industry":1347,"serviceType":1348,"relatedLandingPages":1349},"phone-info","휴대폰 기기 정보 확인 홈페이지","\u002Fimages\u002Fportfolio\u002Fphone-info.png","휴대폰 기기 스펙 정보 확인 웹사이트","휴대폰 기기 스펙 정보 확인 웹사이트입니다. 기기 스펙 조회, 비교 기능, 검색 시스템, 반응형 디자인을 포함합니다.",[1333,1181,1154],"정보",[266,19],[1336,1337,1338,809],"기기 스펙 조회","비교 기능","검색 시스템",[1340,1341,1342,1343,1181,1344,1345],"휴대폰정보","스펙","기기정보","폰스펙","gsmarena","스마트폰정보",330,[495],[49,403],[53],{"id":1351,"slug":1351,"title":1352,"category":58,"thumbnail":1353,"description":1354,"overview":1355,"tags":1356,"techStack":1360,"features":1363,"role":1368,"duration":572,"period":1369,"year":84,"status":29,"link":1370,"keywords":1371,"featured":278,"order":1382,"published":32,"createdAt":45,"updatedAt":45,"industry":1383,"serviceType":1384,"relatedLandingPages":1385,"caseStudy":1386},"nalda-agent-optimize","AI 입시 분석 Agent 최적화","\u002Fimages\u002Fportfolio\u002Fnalda-agent-optimize.png","Gemini 기반 입시 분석 에이전트의 품질·비용·안정성 최적화","AI 입시 분석 Agent 최적화는 실제 운영 중인 입시 분석 에이전트를 대상으로 schema chunking, prompt caching, 구조화 출력 검증, Vertex AI 평가 harness를 도입한 프로젝트입니다. LLM 품질을 재현 가능한 테스트와 운영 지표로 관리하도록 개선했습니다.",[1357,75,1358,1359],"AI Agent","평가 자동화","LLMOps",[75,1361,1362,19,71,72,73,603],"Vertex AI Evaluation","Claude",[1364,1365,1366,1367],"스키마 분할 병렬 호출","프롬프트 캐싱","구조화 출력 검증","골드셋 기반 회귀 테스트","AI Agent 아키텍처 개선 · 평가 설계 · 백엔드 최적화","2026.05","https:\u002F\u002Fartdata-edu.com",[1372,1373,1374,1375,1376,1377,1378,1379,1380,1381],"에이전트","agent","llm","gemini","최적화","llmops","프롬프트","평가","vertex","입시분석",340,[100],[103,769],[106,108,771],{"seoTitle":1387,"industryLabel":111,"projectType":1388,"problem":1389,"scope":1390,"challenges":1395,"results":1402,"faq":1406},"입시 분석 AI 에이전트 최적화 사례: 아트데이터","AI 에이전트","아트데이터에서 운영 중인 AI 입시 분석 기능이 긴 응답 구조에서 오류를 내고, 같은 긴 내용을 매번 보내 비용이 커지는 문제가 있었어요.",[1391,1392,1393,1394],"응답 구조를 나눠 병렬로 호출한 뒤 합치는 방식","반복되는 긴 문맥에 프롬프트 캐싱 적용","구조화 출력 강제와 검증","백엔드 통합 테스트 62개와 골드셋 기반 평가",[1396,1399],{"title":1397,"description":1398},"긴 응답 구조 오류","중첩 항목이 많은 응답 구조에서 모델 호출이 실패했어요. 구조를 여러 조각으로 나눠 동시에 요청하고 결과를 합쳐 오류를 없앴어요.",{"title":1400,"description":1401},"품질을 숫자로 관리","사람이 눈으로 확인하던 품질 검사를 골드셋 평가와 자동 테스트로 바꿔, 코드가 바뀔 때마다 품질 저하를 먼저 잡도록 했어요.",[1403,1404,1405],"해당 응답 구조 오류를 0건으로 줄였어요.","파싱 실패율 0%를 골드셋에서 확인했어요.","Google for Startups AI Agents Challenge(Optimize 트랙)에 제출한 프로젝트예요.",[1407,1410],{"question":1408,"answer":1409},"이미 만든 AI 기능도 개선해 주나요?","네. 이 프로젝트처럼 운영 중인 AI 기능의 오류, 비용, 품질 문제를 찾아 고쳐요. 먼저 실제 요청 기록과 실패 사례를 함께 살펴봐요.",{"question":1411,"answer":1412},"AI 품질은 어떻게 확인하나요?","정답이 있는 예시 묶음(골드셋)을 만들고 자동으로 평가해요. 코드를 바꿀 때마다 같은 평가를 돌려 품질이 떨어지지 않았는지 확인해요.",{"id":1414,"slug":1414,"title":1415,"category":592,"thumbnail":1416,"description":1417,"overview":1418,"tags":1419,"techStack":1423,"features":1425,"role":479,"duration":82,"period":1429,"year":28,"status":85,"metrics":1430,"link":1433,"featured":32,"keywords":1434,"order":1454,"published":32,"createdAt":45,"updatedAt":45,"industry":1455,"serviceType":1456,"relatedLandingPages":1457},"dday","디데이 프로그램 개발","\u002Fimages\u002Fportfolio\u002Fdday.png","크로스플랫폼 일정 관리 및 D-Day 계산 애플리케이션","크로스플랫폼 일정 관리 및 D-Day 계산 애플리케이션입니다. Windows, macOS, iOS, Android를 지원하며 실시간 위젯, 클라우드 동기화, 다크모드를 지원합니다. DAU 2,500+ 달성.",[1420,1421,1422],"크로스플랫폼","일정관리","위젯",[597,1424,157,19],"Electron",[1426,1427,673,1428],"다중 플랫폼 지원","실시간 위젯","다크모드 지원","2023 - 현재",{"dau":1431,"rating":1432},"2,500+","4.8","https:\u002F\u002Fnaldadev.com\u002Fapp\u002Fdesktop-dday\u002F",[1435,1436,1414,1437,1438,1421,1439,1440,1422,1441,1442,1443,1444,1445,1446,1447,1420,1448,1449,1450,1451,1452,1453],"디데이","d-day","디데이앱","디데이 프로그램","일정 앱","캘린더 앱","desktop","데스크톱","윈도우","맥","macos","ios","안드로이드","electron","react native","날다","nalda","카운트다운","카운트 다운",350,[689],[631],[633],{"id":1459,"slug":1459,"title":1460,"category":592,"thumbnail":1461,"rawThumbnail":32,"thumbnailLabel":1462,"description":1463,"overview":1464,"tags":1465,"techStack":1469,"features":1470,"role":479,"duration":82,"period":1475,"year":84,"status":85,"client":1476,"link":1477,"featured":32,"keywords":1478,"order":1485,"published":32,"createdAt":45,"updatedAt":45,"industry":1486,"serviceType":1487,"relatedLandingPages":1489,"caseStudy":1491},"snow-widget","Snow Windows 데스크톱 위젯","\u002Fimages\u002Fportfolio\u002Fsnow-widget.png","APP","캘린더·메모·스크린샷을 바탕화면에서 바로 쓰는 무료 Windows 위젯 앱","Snow는 Windows 바탕화면에서 캘린더, 리치 텍스트 메모, 스크린샷을 빠르게 확인하고 관리할 수 있는 데스크톱 위젯 앱입니다. Google Calendar 동기화, 위젯 크기 조절과 테마 설정, 스크린샷 캡처·편집 흐름을 하나의 가벼운 앱 경험으로 구성했습니다.",[1466,1467,665,1468],"Windows","데스크톱 위젯","캘린더",[1424,266,157,69,18],[1471,1472,1473,1474],"Google Calendar 동기화","리치 텍스트 메모","스크린샷 캡처·편집","크기·테마 커스터마이징","2026 - 현재","Snow","https:\u002F\u002Fsnow-widget.com\u002F",[1479,1480,1422,1481,1443,1482,1442,1468,684,1483,1484],"snow","스노우","widget","windows","스크린샷","바탕화면",360,[689],[631,1488],"api",[633,1490],"\u002Fservices\u002Fapi-integration",{"seoTitle":1492,"industryLabel":665,"projectType":1493,"problem":1494,"scope":1495,"challenges":1500,"results":1504,"faq":1506},"Windows 데스크톱 위젯 앱 개발 사례: Snow","데스크톱 앱","일정, 메모, 스크린샷을 보려면 앱을 여러 개 열어야 해요. 바탕화면에서 바로 보고 고칠 수 있는 가벼운 위젯 앱을 만들었어요.",[1496,1472,1497,1498,1499],"Google Calendar 동기화 캘린더 위젯","스크린샷 캡처와 편집","위젯 크기와 테마 설정","Windows 설치 프로그램",[1501],{"title":1502,"description":1503},"여러 위젯을 한 앱에서","캘린더, 메모, 스크린샷을 각각 위젯으로 나누고, 데이터와 캡처는 앱의 백엔드 프로세스 한곳에서 맡게 했어요.",[1505],"소개와 설치 안내는 snow-widget.com에 있어요.",[1507,1510],{"question":1508,"answer":1509},"Windows 프로그램도 만들 수 있나요?","네. Electron으로 Windows 데스크톱 앱을 만들고, 설치 프로그램까지 준비해요.",{"question":1511,"answer":1512},"Google 캘린더와 연동할 수 있나요?","네. Snow처럼 Google 계정으로 로그인해 일정을 불러오고 동기화할 수 있어요.",{"id":1514,"slug":1514,"title":1515,"category":7,"thumbnail":1516,"description":1517,"overview":1518,"tags":1519,"techStack":1523,"features":1524,"role":479,"duration":26,"period":1529,"year":84,"status":85,"link":1530,"keywords":1531,"featured":278,"order":1541,"published":32,"createdAt":45,"updatedAt":45,"industry":1542,"serviceType":1543,"relatedLandingPages":1544},"schedule-app","일정시간표 모임 일정 조율 서비스","\u002Fimages\u002Fportfolio\u002Fschedule-app.png","여러 참여자의 가능한 시간을 모아 최적 시간을 추천하는 일정 조율 서비스","일정시간표는 모임 생성자가 후보 날짜와 시간을 설정하면 참여자들이 가능한 시간을 입력하고, 히트맵과 추천 로직으로 최적 시간을 빠르게 확인할 수 있는 웹 서비스입니다. 카카오 공유, 다크모드, Cloudflare 배포 흐름까지 포함했습니다.",[1520,1521,1522,937],"일정조율","히트맵","공유",[470,68,157,18,158],[1525,1526,1527,1528],"모임 생성","참여자 시간 입력","히트맵 시각화","최적 시간 추천과 카카오 공유","2026.04","https:\u002F\u002Fschedule.naldadev.com",[1532,1520,1533,1534,1535,1536,1537,1521,1538,1539,1540],"일정시간표","미팅","모임","when2meet","웬투밋","시간표","스케줄","가능한시간","약속",370,[689],[102],[107],{"id":1546,"slug":1546,"title":1547,"category":58,"thumbnail":1548,"description":1549,"overview":1550,"tags":1551,"techStack":1554,"features":1557,"role":479,"duration":543,"period":1561,"year":612,"status":29,"link":1562,"keywords":1563,"featured":278,"order":1574,"published":32,"createdAt":45,"updatedAt":45,"industry":1575,"serviceType":1576,"relatedLandingPages":1577,"caseStudy":1578},"face-timer-ai","AI 얼굴 인식 집중 타이머","\u002Fimages\u002Fportfolio\u002Fface-timer-ai.png","웹캠 얼굴 인식으로 집중 시간과 피로도를 추적하는 생산성 도구","AI 얼굴 인식 집중 타이머는 웹캠에서 얼굴 감지, 시선 방향, 피로도 신호를 분석해 작업 시간을 자동 기록하는 서비스입니다. 얼굴 미감지 시 자동 일시정지, 집중도 점수, 작업별 통계, 인증 기반 백엔드 구조를 설계했습니다.",[63,1552,665,1553],"컴퓨터비전","타이머",[266,69,157,1555,1556,73,471],"face-api.js","NestJS",[1558,1559,1560,1082],"얼굴 감지 기반 자동 타이머","집중도·피로도 분석","작업별 시간 기록","2025.09","https:\u002F\u002Ftimer.naldadev.com\u002F",[1564,1565,1566,1567,1568,1569,665,1570,1571,1572,1573],"집중타이머","얼굴인식","face","timer","pomodoro","포모도로","웹캠","피로도","집중력","공부타이머",380,[689],[103,631],[108,633],{"seoTitle":1579,"industryLabel":665,"projectType":1580,"problem":1581,"scope":1582,"challenges":1587,"results":1594,"faq":1596},"AI 얼굴 인식 집중 타이머 개발 사례: NALDA Timer","AI 웹앱","공부나 작업 시간을 재다 보면 자리를 비워도 타이머가 계속 돌아가요. 얼굴이 보일 때만 시간을 재고 집중도까지 알려 주는 타이머를 만들었어요.",[1583,1584,1585,1586],"웹캠 얼굴 감지 기반 자동 시작·일시정지","눈 깜빡임·하품·시선·머리 자세로 집중도 점수 계산","작업별 시간 기록과 통계","회원 인증과 백엔드 API 설계",[1588,1591],{"title":1589,"description":1590},"개인정보 보호","얼굴 영상은 서버로 보내지 않고 브라우저 안에서만 분석해요. 결과 수치만 저장하도록 설계했어요.",{"title":1592,"description":1593},"브라우저 성능","실시간 얼굴 분석은 무거워요. GPU 가속(WebGL)을 쓰는 라이브러리로 브라우저에서도 끊김 없이 돌아가게 했어요.",[1595],"timer.naldadev.com에서 베타로 써 볼 수 있어요.",[1597],{"question":1598,"answer":1599},"카메라를 쓰는 AI 기능도 웹으로 만들 수 있나요?","네. 앱 설치 없이 브라우저에서 카메라로 얼굴을 분석하는 기능을 만들었어요. HTTPS 환경과 카메라 권한 안내가 필요해요.",{"id":1601,"slug":1601,"title":1602,"category":58,"thumbnail":1603,"description":1604,"overview":1605,"tags":1606,"techStack":1610,"features":1613,"role":1618,"duration":26,"period":1369,"year":84,"status":29,"link":1619,"keywords":1620,"featured":278,"order":1630,"published":32,"createdAt":45,"updatedAt":45,"industry":1631,"serviceType":1632,"relatedLandingPages":1633,"caseStudy":1634},"carrot-chat","실시간 웹 채팅 SDK","\u002Fimages\u002Fportfolio\u002Fcarrot-chat.png","프레임워크 독립형 채팅 클라이언트와 React 바인딩 SDK","실시간 웹 채팅 SDK는 WebSocket 기반 채팅 프로토콜, 자동 재연결, heartbeat, optimistic send, 방별 상태 저장을 제공하는 패키지입니다. Cloudflare Durable Objects 데모와 React 바인딩을 함께 구성해 재사용 가능한 SDK 형태로 정리했습니다.",[1607,1608,1609,937],"SDK","실시간","WebSocket",[157,266,69,1611,1612,473],"Zod","Cloudflare Durable Objects",[1614,1615,1616,1617],"프레임워크 독립 채팅 클라이언트","React useChatRoom 바인딩","자동 재연결과 heartbeat","공유 프로토콜 검증","아키텍처 설계 · SDK 개발 · 테스트","https:\u002F\u002Fcarrot.naldadev.com\u002F",[1621,1622,1623,1624,1608,1625,1626,1627,1628,1629],"채팅","chat","sdk","websocket","당근","carrot","메신저","라이브챗","도커블",390,[495],[454,769],[457,771],{"seoTitle":1635,"industryLabel":1636,"projectType":1637,"problem":1638,"scope":1639,"challenges":1646,"results":1650,"faq":1653},"실시간 웹 채팅 SDK 개발 사례: 날다데브 채팅","커뮤니케이션","실시간 SDK","서비스마다 채팅을 새로 만들면 재연결, 메시지 순서, 연락처 노출 같은 문제를 매번 다시 풀어야 해요. 어느 서비스에나 붙일 수 있는 채팅 SDK로 정리했어요.",[1640,1641,1642,1643,1644,1645],"프레임워크에 묶이지 않는 채팅 클라이언트","React용 useChatRoom 훅","자동 재연결과 연결 확인(heartbeat)","클라이언트와 서버가 함께 쓰는 메시지 검증 규칙","Cloudflare Durable Objects 기반 데모 서버","연락처 가리기와 전송량 제한을 서버에서 처리",[1647],{"title":1648,"description":1649},"끊겨도 이어지는 연결","네트워크가 끊겼다 돌아와도 메시지가 빠지거나 두 번 보이지 않도록, 재연결 간격 조절과 메시지 병합 규칙을 SDK가 맡게 했어요.",[1651,1652],"핵심 클라이언트와 React 바인딩을 따로 쓸 수 있는 패키지 구조로 나눴어요.","carrot.naldadev.com에서 데모를 볼 수 있어요.",[1654],{"question":1655,"answer":1656},"매칭·중고거래 서비스에 채팅을 붙일 수 있나요?","네. 이 SDK처럼 1:1 채팅, 자동 재연결, 연락처 가리기를 갖춘 채팅을 서비스에 맞게 붙일 수 있어요.",{"id":1658,"slug":1658,"title":1659,"category":7,"thumbnail":1660,"description":1661,"overview":1662,"tags":1663,"techStack":1667,"features":1669,"role":25,"duration":26,"period":27,"year":28,"status":29,"keywords":1674,"featured":278,"order":1688,"published":32,"createdAt":45,"updatedAt":45,"industry":1689,"serviceType":1691,"relatedLandingPages":1692},"lol","롤 전적검색 홈페이지","\u002Fimages\u002Fportfolio\u002Flol.png","리그 오브 레전드 전적 검색 및 통계 웹사이트","Riot API를 활용한 리그 오브 레전드 전적 검색 및 통계 웹사이트입니다. 실시간 전적 조회, 챔피언 통계, 매치 히스토리, 랭킹 시스템을 제공합니다.",[1664,1665,1666],"게임","API 연동","통계",[266,1668,157],"Riot API",[1670,1671,1672,1673],"실시간 전적 조회","챔피언 통계","매치 히스토리","랭킹 시스템",[1675,1658,1676,1677,1678,1679,1680,1681,1682,1683,1684,1685,1686,1664,1687],"롤","리그오브레전드","리그 오브 레전드","league of legends","전적","전적검색","opgg","op.gg","소환사","챔피언","riot","라이엇","랭킹",400,[1690],"gaming",[49,403],[53],1791126687739]