ksc-dev 님의 블로그

개인 프로젝트에서 왜 모노레포를 선택했는가최근 축덕 퀴즈 프로젝트를 관리하면서 프론트와 백엔드를 분리 운영하다가 모노레포 구조로 정리했다.처음에는 “굳이?”라는 생각이 있었는데, 실제로 적용해 보니 생각보다 관리가 편해진 부분이 있었다.이번 글에서는 왜 전환했고, 어떤 점이 좋아졌고, 무엇이 불편했는지 정리해 봤다.기존 구조 — 프런트/백엔드 분리처음 구조는 단순했다.football-quiz-webfootball-quiz-api 프론트와 백엔드를 각각 관리했다.장점:이해하기 쉬움배포 단위 분리하지만 개발하면서 조금씩 불편해졌다.예시:API 변경↓프론트 타입 수정↓각각 커밋↓버전 안 맞음 특히 DTO나 API 응답 구조가 자주 바뀌면서 관리 비용이 생겼다.모노레포 구조로 전환정리 후 구조:football-..

버그 수정부터 TDD, Redis 캐시, 기록 시스템 개선까지최근 축덕 퀴즈를 다듬으면서 단순히 기능을 추가하기보다 실제 서비스에서 발생하는 문제를 수정하고 구조를 개선하는 작업을 많이 했다.이번에는 버그 수정, 캐시 최적화, TDD, 프론트·백엔드 연결까지 정리해 봤다.1. CORS 오류 수정 — origin 문자열 하나의 차이배포 후 랭킹 조회 요청에서 브라우저가 요청을 차단했다.원인을 확인해 보니 백엔드 허용 origin에 /가 하나 더 붙어 있었다.브라우저 Originhttps://football-quiz-web.vercel.app서버 허용 Originhttps://football-quiz-web.vercel.app/ 눈에 잘 안 보이는 차이였지만 CORS는 문자열 기준이라 완전히 다른 origi..

최근 간단한 웹 프로젝트를 만들면서 입력 → 결과 → 저장 → 배포 흐름을 직접 구성해 봤다.처음에는 AI 연동까지 고려했지만, 현재는 기능 범위를 줄여 총운 중심의 운세 웹앱으로 정리했다.프로젝트명도 정리하면서 배포와 운영 관점까지 같이 적용했다.프로젝트 개요이름과 생년월일을 입력하면 오늘의 총운을 보여주는 간단한 웹앱.현재 구현 범위:이름 입력생년월일 입력총운 결과 표시입력값 저장 옵션결과 저장반응형 대응개인정보 안내About 페이지배포 및 분석 도구 연결기술 스택FrontendVue 3TypeScriptViteTailwind CSSVue RouterDay 1 — 입력 폼과 타입 설계운세 입력 화면부터 구성했다.입력 항목:이름생년월일입력 완료 시 부모 컴포넌트로 전달하는 구조로 구현했다.예시: con..