
WebSqaure 실습을 위한 CRUD 기초 세팅

생각보다 리액트가 아닌 다른 프론트엔드가 쓰이는 경우가 많고 다음 프로젝트에서 웹스퀘어가 쓰인다길래 정리

하루 종일 삽질하기

DailyLog로 웹스퀘어를 학습하면서 미리 백엔드에 간단하게 구현한 CRUD를 WebSquare와 IntelliJ를 이용한 Spring Boot 서버와 연결시켜보기

참고로 아직도 오류가 터져서 더 고쳐야한다.나중에 프젝 들어가면 한번 파봐야겠다.

DailyLog 계획 변경 및 연동 실패 회고

📅 2025-12-15 🎯 오늘 한 일 DailyLog 프론트엔드 환경 구축 시도 (React + Vite + Material UI) VS Code에서 React 프로젝트 생성 과정 진행 Node.js 버전 문제로 인한 실행 오류 디버깅 nvm-windows 설

🎯 오늘 한 일 DailyLog 프론트엔드 환경 구축 완료 Vite 기반 React 프로젝트 생성 업로드중.. Node.js / npm / PowerShell 실행 정책 이슈 해결 개발 서버(localhost:5173) 정상 구동 확인 프론트엔드

🎯 오늘 한 일 Vite + React + MUI 기반으로 DailyLog 프론트엔드 화면 구성 MUI DataGrid를 사용해 백엔드(/api/logs) 데이터 조회 및 테이블 렌더링 content 컬럼 길이로 인한 가로 무한 확장 문제 해결 (flex + 말줄임 처리) POST 요청으로 로그 추가 기능 구현 및 그리드 즉시 반영 CORS 이슈로 ...

🎯 오늘 한 일 DailyLog 프론트엔드 CRUD 기능 완성 목록 조회(GET) 추가(POST) 수정(PUT) 삭제(DELETE) MUI DataGrid 기반 테이블 UI 안정화 content 컬럼 말줄임 처리 createdAt 기준 최신순 정렬 로직 적용 추가/수정 폼을 Dialog(팝업) 형태로 리팩토링 Add / E...

목표는 생산성을 강요하거나 목표를 관리하는 앱이 아니라,“하루를 인식하고, 무엇을 했는지를 가볍게 남기는 도구”를 만드는 것이다.

🧱 DailyLog 1단계 MVP 정의와 Definition of Done 이번 글에서는 1단계(MVP) 를 어디까지 구현하면 “완료”로 판단할지, 그리고 무엇을 의도적으로 하지 않을 것인지를 명확히 정리한다. 1. 왜 1단계 MVP를 명확히 정의하는가 사이드

🎯 오늘 한 일 MySQL 스키마(dailylog) 초기화 및 재생성 DROP DATABASE IF EXISTS dailylog CREATE DATABASE dailylog CHARACTER SET utf8mb4 COLLATE utf8mb4unicodeci Spring Boot 애플리케이션 정상 기동 확인 (port 9000) daily_log...

🎯 오늘 한 일 FullCalendar 기반 캘린더 페이지 구현 백엔드 DailyLog 데이터를 캘린더 event 형태로 매핑 logDate 우선 사용, 없을 경우 createdAt으로 대체 카테고리(Enum)별 색상 매핑(EXERCISE, STUDY, MEE

Spring Boot 백엔드 이슈 해결

🎯 오늘 한 일 캘린더 기반 기능 범위 재정의 수(진입점 UX)·목(최근 7일 복사 UX)·금(안정화) 목표를 명확히 분리 캘린더 데이터 싱크 상태 점검 logDate 기준 이벤트 렌더링 정상 확인 category 색상 매핑, 월 이동 동작 확인 백엔드–프론트 연결 안정성 재확인 기간 조회(from/to) 흐름 점검 정렬 기준(D...

Calendar 기능 구조 분리 완료

DailyLog 프로젝트에서 캘린더 기반 조회, 최근 기록 조회 기능을 구현하면서 데이터가 늘어날 경우를 대비해 MySQL 인덱스 최적화 작업을 진행했다

🎯 오늘 한 일 Logs(Grid) 화면 분리 완료 Calendar와 분리된 LogsGrid 페이지 구성 /api/logs를 공용 데이터 소스로 유지 LogDialog 공용 컴포넌트 적용 Calendar / Grid 모두 동일한 Dialog 사용 mode(create/edit), form, onSave/onDelete 인터페이스 통합 ...

🎯 오늘 한 일 Calendar / DataGrid 공통 LogDialog 재사용 구조 완성 useLogsApi 도입으로 프론트엔드 데이터 계층 단일화 CalendarPage / LogsGrid에서 axios 직접 호출 제거 list / create / update / remove API 접근을 한 곳으로 통합 Grid 화면 UI 개선 D...

캘린더 UI 안정화 마무리

1단계를 마침에 따라 여러 생각을 정리

이번 글에서는 2단계(MVP) 를 어디까지 구현하면 “완료”로 판단할지,그리고 무엇을 의도적으로 하지 않을 것인지를 명확히 정리한다.

DailyLog 2단계(v0) 작업 진행

🎯 오늘 한 일 Day 2′(주간 로그 집계) 완결 WeeklyReviewService.getWeeklyCounts() 구현 및 검증 카테고리 빈도 집계(Map)와 DateQuality 산정 완료 주간 리뷰 저장 파이프라인 완성 generateAndSaveWeeklyReview() 구현 (upsert) weeklyreviews.payl...

Weekly Review 기능의 서비스 레이어 리팩토링

🎯 오늘 한 일 DailyLog 프론트엔드–백엔드 연동 디버깅 신규 로그 생성 시 mood 컬럼이 NOT NULL인데 프론트에서 값이 전달되지 않아 발생한 SQLIntegrityConstraintViolationException 원인 파악 백엔드 DB 스키마(mood not null) ↔ 프론트 입력 폼 불일치 문제로 정리 프론트엔드 입력 구조...

주간 리뷰 결정론 엔진 v0 최종 완성

🎯 오늘 한 일 주간 리뷰 시스템의 AI 연계 구조를 설계하고, AI의 역할을 “정리자”로 한정하는 방향을 명확히 함 WeeklyReviewService를 기준으로 결정론적 주간 리뷰 Context(JSON) 가 이미 완성되었음을 재확인 AI 관련 패키지(service.ai)의 책임을 재정의하고, 파일 단위 역할을 정리함 instruction.txt를 ...

🎯 오늘 한 일 WeeklyReview 기능의 현재 완성도와 경계선을 명확히 정리함 AI 연결이 불가능한 상황을 전제로 계획 재수립 1/14~1/25 중 주말 제외 + AI 제외 현실적인 일정 재설계 이번 주 목표를 WeeklyReview UI 단독 완성으로 확정

Weekly Review 전용 페이지(WeeklyReviewPage) 생성

WeeklyReview 화면용 샘플 데이터 구조 확정

WeeklyReview 페이지의 주차 리스트 UX 개선

🎯 오늘 한 일 WeeklyReview 좌측 리스트 UX 전면 수정 카드 hover/selected 상태 분리 설계 hover 시 투명해지는 문제 원인 추적 및 해결 overlay 방식으로 hover 강조 구현 연도(2025/2026) 구분 UX 개선 연도 헤더를 단순 텍스트 → 중앙 정렬 섹션 헤더로 변경 다크 배경에서 확실히 보...

🎯 오늘 한 일 WeeklyReview 상세 화면 가독성 마감 우측 상세 카드 구조 최종 확정 (주차/기간 → 요약 → 명언 → counts → patterns → evidences) 요약(summary) 렌더링 이슈 해결 선택 주차 데이터 우선, 샘플 데이터 fallback 구조 적용 AI 텍스트(요약/명언)와 사실 기반 ...

WeeklyReview 화면 UX 전반 점검 및 상태 분기 설계 정리

백엔드, 프론트 리팩토링 및 주간 리뷰 프레임 완성