WegglePlus

2025년 10월부터 12월까지, 저는 WegglePlus라는 이름으로 정말 많은 서비스를 만들어봤습니다.가장 큰 기조는 단순했습니다.“바이브코딩으로 일단 빠르게 MVP를 만들자.”실제로 여러 개의 서비스를 만들었고, 개발적으로도 많이 배웠습니다.하지만 2025년 12월이 되었을 때, 저는 한 가지 생각이 들었습니다.이 방식으로는 더 이상 서비스를 만들면 안 되겠다. 왜 실패했다고 느꼈는가돌아보니 문제는 명확했습니다.1. 매일 개발 방향이 바뀐다목표가 없었습니다.아이디어는 있었지만 “무엇을 이루려는 서비스인가”는 없었습니다.결국 매일 새 프로젝트를 시작하는 기분이었습니다.2. 작은 것부터 시작하지 않았다원래는 이렇게 해야 합니다.티끌 모아 태산 하지만 저는 반대로 하고 있었습니다.태산 모아 티끌 처음부터..

들어가며WegglePlus 팀은 블로그 콘텐츠를 통한 검색 유입 확대와 서비스 성장을 목표로 새로운 마케팅 프로젝트를 시작했습니다. 이 프로젝트의 핵심은 **SEO(검색엔진 최적화)**를 통해 안정적인 트래픽을 확보하고, 이를 WegglePlus 서비스 유입으로 연결하는 것입니다.오늘은 SEO의 기본 중 기본, Sitemap과 Robots.txt 구현 과정을 공유합니다.Sitemap과 Robots.txt가 왜 중요할까?Sitemap.xmlSitemap은 웹사이트의 페이지 목록을 검색엔진에 알려주는 XML 파일입니다. 검색엔진 크롤러가 사이트 구조를 빠르게 파악하고, 새로운 콘텐츠를 효율적으로 색인할 수 있도록 도와줍니다. 2026-01-10 weekly 0.8Robots.txtRobots.txt..

들어가며블로그를 운영하다 보면 RSS 피드는 필수 기능 중 하나입니다. Feedly, Inoreader 같은 RSS 리더를 통해 구독자들이 새 글을 쉽게 받아볼 수 있기 때문이죠. 이번 글에서는 Spring Boot와 Kotlin 환경에서 다국어(한국어/영어)를 지원하는 RSS 2.0 피드를 구현한 경험을 공유합니다.기술 스택Spring Boot 3.5.6Kotlin 1.9.25Rome 2.1.0 (RSS/Atom 피드 라이브러리)Rome 라이브러리 선택 이유RSS 피드를 구현하는 방법은 여러 가지가 있습니다:방법 장점 단점직접 XML 생성의존성 없음유지보수 어려움, 버그 가능성Rome 라이브러리검증된 라이브러리, Spring 통합 용이추가 의존성JAXBJava 표준설정 복잡Rome은 RSS/Atom 피..

웹과 앱을 모두 고려한 현실적인 인증 전략 (fetch 기반 구현)로그인 이후 토큰을 어디에 저장할 것인가는 단순한 구현 문제가 아닙니다.이 선택은 보안 모델, 사용자 경험(UX), 그리고 웹과 앱을 함께 운영할 수 있는지 여부까지 결정합니다.이번 글에서는 우리가 최종적으로 선택한 인증 구조인 Refresh Token은 HttpOnly 쿠키, Access Token은 메모리 라는 전략을, 프론트엔드(fetch 기반) 구현과 앱(WebView) 대응 관점까지 포함해 정리합니다.1. 왜 다시 토큰 저장 전략을 고민했을까?전통적으로 많이 사용되던 방식은 다음과 같습니다.Access Token → 쿠키Refresh Token → 쿠키구현은 간단하지만, 실무에서는 다음과 같은 문제가 반복해서 드러났습니다.Acce..

Locale 공통화는 다국어 서비스를 운영할 때 필수적인 인프라로, 모든 API가 동일한 언어 판별 규칙을 따르도록 일원화한 작업입니다. 이를 통해 코드 중복을 줄이고 서비스 전반의 언어 일관성을 확보했습니다.왜 Locale이 필요한가?저희 서비스는 다국어(한국어, 영어) 를 지원합니다.동적 데이터는 하나의 DB 컬럼을 JSON 형태로 관리하고 있습니다.예를 들어 블로그 글이 있다고 해봅시다.글의 제목은 한국어와 영어를 모두 지원해야 하므로 모델은 이렇게 정의됩니다.class Post { title: {ko: "Spring Locale 공통화 여정", en: "The Journey to Unify Locale Management in Spring" }}이제 이 데이터를 가지고 DTO에서 lang을 받아..

저희는 Figma Makers를 활용해 신규 서비스의 MVP, 그리고 신규 기능의 MVP를 제작하고 있습니다.최근 Figma Makers에 Library Import 기능이 추가되면서, 여러 개의 서비스를 빠르게 만들어 나가거나 기존 서비스를 고도화할 때 AI를 활용하더라도 결국 디자인 컨벤션이 정립되어 있어야 효율적으로 개발할 수 있다는 점을 다시금 깨닫게 되었습니다.결국 서비스는 계속 만들어질 것이고, 그 서비스들이 각기 다른 프로젝트가 아니라 하나의 WegglePlus라는 큰 서비스로 연결되기를 기대하기 때문에, 작은 단위라도 하나씩 제대로 만들어가야겠다는 생각이 들었습니다.저희는 Figma Makers를 활용해 신규 서비스의 MVP, 그리고 신규 기능의 MVP를 제작하고 있습니다.최근 Figma ..

현재 WegglePlus의 모든 서비스는 제가 혼자 개발하고 있습니다.혼자 개발을 하다 보면 놓치는 부분이 정말 많습니다.특히 코드의 일관성을 유지하는 일은 생각보다 쉽지 않습니다.내가 작성한 코드에 대해 누군가 코드 리뷰를 해주는 것도 아니고, 내가 수십 번 검토하더라도 어느 순간 익숙해져서 무엇이 잘못된 부분인지 눈에 잘 들어오지 않게 됩니다.그러다 며칠이 지나 다시 보면, 그제서야 놓쳤던 컨벤션이 보이곤 하죠.그래서 아주 기본적인 컨벤션이라도 자동으로 지킬 수 있도록, 프론트엔드 프로젝트에 Prettier를 설정하기로 했습니다.🪄 Prettier란?Prettier는 코드를 자동으로 일관된 형식으로 정리해주는 코드 포매터(Code Formatter) 입니다.즉, 코드의 동작에는 영향을 주지 않지만,..

첫번째 데이터 수집기인 GA 다음에 다른 데이터 수집기인 Clarity를 설정합니다.GA는 방문자에 대한 정보(방문지역, DAU 등)이라면 Clarity는 방문자가 우리 서비스에 들어와서 어떤 행동을 하는지를 알수 있습니다. 어떤 버튼을 주로 클릭하는지, 스크롤을 얼마나 내리는지. 를 알수 있습니다.UI/UX에 대한 지식이 미흡한 관계로 MVP 이후에 계속해서 사용자 반응을 보고 개선해나가기 위해서는 이러한 데이터가 필요하다고 판단하였습니다. 따라서 일단 설정하고 데이터를 수집하는것을 목표로 하였습니다.아울러 모두 무료이기 때문에 최대한 빠르게 적용하여 데이터를 수집하는것이 중요하다고 생각했습니다.MS Clarity란?Microsoft Clarity는 웹사이트 방문자의 행동을 시각적으로 분석할 수 있는 ..

첫 서비스로 반려동물 MBTI를 만든 뒤, 여러 SNS와 블로그 글을 통해 간단한 홍보를 진행했습니다.하지만 홍보보다 더 중요한 건 결국 얼마나 많은 사용자가 실제로 서비스에 들어오는가입니다.제가 생각하는 가장 기본적이면서 중요한 데이터는 활성 사용자 수(Active Users)입니다. 서비스에 특별한 기능이 많지 않더라도, 사용자가 블로그 글을 통해 얼마나 유입되는지를 아는 것이 핵심이었죠.이를 가장 쉽게 확인할 수 있는 도구가 바로 Google Analytics(GA)였습니다.설정일단 Google Analytics 사이트에 접속 후 측정 시작 버튼을 클릭합니다.2. 계정 이름을 입력합니다. (저는 weggle-plus로 설정)계정은 하나의 조직 단위라고 생각하면 됩니다. 회사, 팀, 개인 단위로 생성..

첫 개인 사이드 프로젝트로, 바이브코딩을 통해 반려동물 MBTI 서비스를 만들기로 했습니다.이 아이디어를 생각하게 된 계기는, 누군가와 대화를 하다가. 새로운 사이드 프로젝트인 MBTI와 관련된 프로젝트를 만든다고 했다. 그리고 같은 날에 강아지를 엄청 좋아한다는 이야기를 들었다.아이디어의 시작은 우연한 대화였습니다. 누군가의 사이드 프로젝트 아이디어를 들었고, MBTI 관련이였으며, 같은날 다른 사람이 강아지를 정말 좋아한다는 얘기를 했습니다.“그렇다면 MBTI를 사람뿐 아니라 반려동물에게도 적용할 수 있지 않을까?“라는 생각이 들었습니다.예를 들어, 손님을 반기는 강아지가 있는가 하면, 그렇지 않은 강아지도 있죠.이런 차이를 통해 재미있게 E/I 성향을 가늠할 수 있을 것 같았습니다.아이디어 구체화..