프로젝트 소개🧩 프로젝트 툴을 직접 만들게 된 이유회사에서 여러 팀이 프로젝트, 업무(Task), 주간보고를 각각 다른 방식으로 관리하고 있었어요.현재 시장에 나와있는 프로젝트 툴은 많지만 딱 필요한 것만 있는 가벼운 프로젝트 툴이 필요했다그래서 우리만의 프로젝트 툴을 만들기로 했습니다.업무(Task) → 주간 계획 → 주간 보고서가 자연스럽게 이어지는! + AI 다 써보자 ( Figma make, GPT, Cursor, copilot) ⏱️ 프로젝트 개요개발 기간: 약 6주 (2025.10 ~ 2025.11)순수 개발 기간은 약 10일 이후 2-3주 주니어 개발자 1인이 수정 배포를 수행함.3주는 주니어 개발자 1인이 수정·배포를 수행.AI 도입 효과: 개발 소요시간 약 40% 단축개발 단계: 분석 ..
전체 글
주간 보고페이지에 있는 업무 요약, 내 주간 보고서에게 날짜 필터를 적용시킬 예정수정사항은 어떤 새로운 기능을 만들때보다 더 세세하게 들어가야한다 1. 프론트엔드 (cursor)에게 현재 상황을 먼저 받아옴 "업무 요약 카드와 내 주간보고서 카드에서 호출하는 조회 api가 뭔지 알려줘 "[cursor 에게 받은 응답]📋 업무 요약 카드와 내 주간 보고서에서 호출하는 조회 API 정리이미지에서 보이는 두 섹션에서 호출하는 API들을 정리해드리겠습니다:🔍 1. "업무 요약" 카드 (MyTasksSummary 컴포넌트)호출하는 API:백엔드 엔드포인트: GET /api/tasks프론트엔드 서비스: taskService.getTasksByProject('')위치: src/services/taskService..
- GPT 에게 프롬프트 생성 요청-- weekly_report.tb_project_team_member definitionCREATE TABLE `tb_project_team_member` ( `id` char(36) NOT NULL DEFAULT uuid(), `project_id` char(36) NOT NULL, `user_id` char(36) NOT NULL, `role` varchar(100) NOT NULL, `assigned_date` date DEFAULT curdate(), `is_active` tinyint(1) DEFAULT 1, `created_at` timestamp NULL DEFAULT current_timestamp(), `updated_at` timesta..
GPT 5 에게 프롬프트 생성 요청 " CURSOR에게 요청할 프롬프트를 만들거야 REACT 로 만들어져있는 프로그램인데 한 페이지의 .TSX 코드길이가 너무 길어져서 이걸 나누려고 해 코드를 삭제하기 전에 이유를 설명하고 내 동의 후에 진행시켜줘 "이 파일은 React + TypeScript (.tsx)로 작성된 페이지입니다.현재 한 파일의 코드 길이가 너무 길어져서 유지보수가 어렵습니다.1. 코드를 역할별로 적절히 분리해 주세요. - UI 컴포넌트, 훅, 유틸, 상수, 스타일 등을 별도 파일로 나누세요. - 파일 분리 시 import/export 구조를 자동으로 맞춰주세요.2. 불필요한 코드(사용되지 않는 변수, import, console.log 등)는 제거하기 전에 "이 코드를 삭제해도..
💬 Copilot을 이용하여 댓글 CRUD 구현함.GPT에게 Copilot에 넣을 프롬프트를 요청함.요청 내용은 “댓글(Comment)에 대한 CRUD API를 만들기 위한 프롬프트 생성”이었음.아래는 GPT가 만들어준 프롬프트 원문임.게시판 또는 프로젝트 관리 시스템에서 댓글(Comment)을 생성, 조회, 수정, 삭제할 수 있는 CRUD REST API를 만들어줘.요구사항은 다음과 같음:1️⃣ 각 댓글(Comment)은 다음 필드를 가짐.- id (UUID)- task_id (UUID, tb_task의 FK)- author_id (UUID, tb_user의 FK)- content (text)- created_at (timestamp)- updated_at (timestamp)2️⃣ Spring Bo..
- ask모드로 파일구조 파악후, 어떻게 연결할지 코드와 설명을 듣기 백엔드-프론트엔드 연결 방안 📋 백엔드 API 엔드포인트들 GET /api/projects - 프로젝트 목록 조회 (필터링, 페이징 지원) GET /api/projects/{id} - 프로젝트 상세 조회 POST /api/projects - 프로젝트 생성 PATCH /api/projects/{id} - 프로젝트 수정 DELETE /api/projects/{id} - 프로젝트 삭제 🛠️ 연결을 위한 작업 프로젝트 서비스 파일 생성 (src/services/projectService.ts) 프로젝트 타입 정의 (src/types/project.ts) 기존 ProjectsPage 수정 (API 연동) 다음과 같이 파일들을 생성/수정..
1. 프론트는 figma make로 만든 상태 react bite 형태로 빌드하고 cusor에 프론트 실행2. 백엔드랑 프론트 합친 프로젝트 만들어서 깃에도 올리고 프로젝트 시작 3. 백엔드 개발 시작 지금 까지는 이상태 내가 담당한 projects 부분 시작 GPT로 프론트, 기술스택, 개발환경, 데이터베이스 설명하고 api명세서 뽑음📁 INFINITUM 프로젝트 관리 시스템 — Projects API 명세서(실제 MariaDB 테이블 projects 기준)✅ 공통 정보Base URL: /api/projects데이터베이스 테이블: projectsPrimary Key: id (char(36))기본 정렬 기준: created_at DESC1️⃣ 프로젝트 목록 조회GET /api/projects📄 설명..
주간보고 탭 수정 처음에 공통 프롬프트를 입력했을 때 결과물이 이렇게 나왓다 일단 내가 넣고 싶은 내용으로 수정하기 여기에서 나온 프롬프트더보기'주간보고 페이지'를 만들어줘. 디자인과 폰트는 현재 지정된 스타일을 그대로 유지해줘. 페이지는 상단부터 아래 순서로 구성되게 해줘: --- ### 1️⃣ 주간 회의 요약 섹션 - 제목: "주간회의록 (날짜)" - 회의일자, 작성자, 참석자 정보를 한 줄에 배치할 수 있는 영역 - 예시: [회의일자: 2025.08.18] [작성자: 김효민] [참석자: 이도연, 남가현, 임의빈, 황두환] --- ### 2️⃣ 개별 회의록 본문 - 제목: “YYYYMMDD 주간업무보고” - 문서 박스 형태로 구성 (회색 테두리, 내부 여백 있음) - 각 항목은 번호로 구분된..