주간보고 탭 수정

처음에 공통 프롬프트를 입력했을 때 결과물이 이렇게 나왓다
일단 내가 넣고 싶은 내용으로 수정하기


여기에서 나온 프롬프트
'주간보고 페이지'를 만들어줘.
디자인과 폰트는 현재 지정된 스타일을 그대로 유지해줘.
페이지는 상단부터 아래 순서로 구성되게 해줘:
---
### 1️⃣ 주간 회의 요약 섹션
- 제목: "주간회의록 (날짜)"
- 회의일자, 작성자, 참석자 정보를 한 줄에 배치할 수 있는 영역
- 예시: [회의일자: 2025.08.18] [작성자: 김효민] [참석자: 이도연, 남가현, 임의빈, 황두환]
---
### 2️⃣ 개별 회의록 본문
- 제목: “YYYYMMDD 주간업무보고”
- 문서 박스 형태로 구성 (회색 테두리, 내부 여백 있음)
- 각 항목은 번호로 구분된 리스트 형태로 정리
예시 구조:
1. 진료내역확인시스템
- 전반사항 인수인계 완료
- 일정 체크 및 코드 분석 정리 중
2. CBT
- 내부 완료 예정: 8월 31일
- 개발물 전달일: 8월 20일 & 테스트 예정
3. 사내 서버 진단도구 완료
4. 진행 사업별로 차주부터 별도 진행
5. 상용 소프트웨어 현안 및 정책 체크
---
### 3️⃣ 관련 업무 요약 섹션
- 제목: "관련 업무 요약"
- 표 형태로 구성하고 다음 컬럼을 넣어줘:
| 담당자 | 관련 프로젝트 | 진행상태 | 비고 |
---
### 4️⃣ 팀 전체 회의 목록
- 제목: "팀 전체 회의 목록"
- 표 또는 카드 리스트 형태로 구성
- 각 행(또는 카드)에는 아래 정보가 포함되게 해줘:
- 회의일자
- 제목 (예: 8.18 주간업무보고)
- 주요 안건 요약 (예: CBT 완료, 진료내역시스템 인수인계 등)
- 작성자
- ‘자세히 보기’ 버튼 또는 아이콘 (클릭 시 해당 회의록 상세로 이동하는 구조)
---
### 5️⃣ 하단 요약 정보
- 전체 회의 수, 이번 주 작성된 회의록 수, 미작성 인원 수 등을 보여주는 간단한 요약 영역을 추가해줘.
- 요약은 작은 박스 형태로 나란히 배치 (예: 이번주 회의 3건 / 작성자 5명 / 미작성 2명)
---
전체 레이아웃은 현재 페이지 디자인 흐름과 동일하게,
한 페이지 안에서 스크롤로 회의록과 목록을 모두 확인할 수 있도록 만들어줘.
불필요한 색상 변경이나 폰트 변경은 하지 말고,
지금 지정된 스타일 안에서 정보 구조만 설계해줘.

- 전체 주간업무 요약 추가하기


현재 디자인 스타일과 폰트는 그대로 유지하고,
‘주간보고 페이지’에 아래의 새로운 섹션을 추가해줘.
---
### 📊 [전체 구성]
주간보고 페이지는 기존처럼
1) 이번주 업무 요약
2) 팀 전체 회의 목록
3) 하단 통계
를 그대로 유지하고,
그 아래에 새로 “팀 전체 업무 계획 테이블” 섹션을 추가해줘.
---
### 🗂️ [팀 전체 업무 계획 테이블]
제목: “팀 전체 업무 계획 요약 (전주 계획 / 전주 달성 / 금주 계획)”
테이블 형태로 구성하고, 다음 컬럼을 포함해줘:
| 담당자 | 전주 계획 | 전주 달성 (YYYY.MM.DD ~ YYYY.MM.DD) | 금주 계획 (YYYY.MM.DD ~ YYYY.MM.DD) |
각 컬럼별 내용 예시는 다음과 같아:
- **전주 계획:** 전주 주간보고에 작성된 예정 업무 내용 (예: DB 이관 로그 정리, 차세대 관련 데이터 정비)
- **전주 달성:** 실제 완료된 내용 요약 (예: DB 이관 완료, 장애 매뉴얼 작성)
- **금주 계획:** 이번 주 예정 업무 (예: 월간 단위 정기점검, 이미지 리사이징 수정)
각 셀 안의 내용은 텍스트가 여러 줄로 표시될 수 있게 하고,
텍스트가 많을 경우 자동 줄바꿈되게 구성해줘.
---
### 🧾 [디자인 구조]
- 각 담당자별 행(Row)을 하나의 구분선으로 나누고,
전주계획 → 전주달성 → 금주계획을 좌→우로 배치.
- 표 상단에는 날짜 범위 표기 (예: 2025.09.29 ~ 2025.10.10)
- 표는 회색 테두리와 가는 구분선으로 정돈.
- 텍스트 정렬은 왼쪽 정렬, 행 간 간격은 넉넉히 띄워서 가독성 좋게.
---
### 🧮 [통합 구조]
주간보고 페이지 전체 구조는 다음 순서로 구성해줘:
1. 이번주 업무 요약
2. 팀 전체 회의 목록
3. 하단 통계 (이번주 회의 / 작성자 / 미작성자)
4. **팀 전체 업무 계획 요약 테이블 (전주 계획, 전주 달성, 금주 계획)**
페이지는 세로 스크롤로 이어지게 구성하고,
섹션 간 여백은 충분히 확보해서 구분이 명확하도록 해줘.
---
### 📌 [추가 조건]
- 폰트, 컬러, 버튼 스타일 등 기존 주간보고 페이지의 디자인 규칙을 변경하지 말 것.
- 테이블은 반응형으로 구성되어, 인원 수가 많아도 스크롤로 확인할 수 있도록 만들어줘.
- 상단 날짜 범위는 자동으로 이번 주 기준으로 업데이트될 수 있는 구조로 설계해줘.

이런것도 수정하는게 똑똑하다
'work' 카테고리의 다른 글
| Copilot으로 만드는 댓글 관리 API (0) | 2025.10.20 |
|---|---|
| 백엔드(copilot) 을 사용한 후 프론트엔드 (cusor) 로 연결 (0) | 2025.10.20 |
| 전자정부 프레임워크 4.3.0과 copilot 같이 쓰기 (0) | 2025.10.16 |
| 업무관리 프로젝트 (Figma make) (0) | 2025.10.13 |
| CBT 튜토리얼 구현기 — 페이지 설계와 개선 과정 (0) | 2025.09.25 |