Sync Wave 프로젝트 작업 내용 (2025-07-26 ~ 2025-07-27)

📋 개요

• 기간: 2024년 12월 26일 ~ 27일
• 목표: 공지사항(Notice) 기능 완전 구현 및 권한별 기능 차등화
• 기술 스택: Spring Boot (Backend), React.js (Frontend)

🎯 주요 작업 내용

1. 공지사항(Notice) 기능 구현

1.1 백엔드 구현

• 패키지 구조: sync-wave-service/src/main/java/com/parker/service/api/v1/notice/
• 구현된 컴포넌트:
  • NoticeController - REST API 엔드포인트
  • NoticeService - 비즈니스 로직
  • NoticeDto, NoticeSearchDto - 데이터 전송 객체
  • NoticeEntity - JPA 엔티티 (기존 common 모듈 활용)

1.2 프론트엔드 구현

• 페이지: sync-wave-fe/src/pages/NoticePage.js
• 컴포넌트: sync-wave-fe/src/components/notice/NoticeForm.js
• 서비스: sync-wave-fe/src/services/notice.service.js
• 스타일: sync-wave-fe/src/styles/NoticePage.css, NoticeForm.css

2. 게시판 형태 UI 구현

2.1 테이블 형태 레이아웃

// 기존 카드 형태에서 테이블 형태로 변경
<div className="notice-table">
  <table>
    <thead>
      <tr>
        <th>번호</th>
        <th>제목</th>
        <th>작성자</th>
        <th>중요도</th>
        <th>상태</th>
        <th>작성일</th>
        <th>관리</th>
      </tr>
    </thead>
    <tbody>
      {/* 공지사항 목록 */}
    </tbody>
  </table>
</div>

2.2 페이징 기능 구현

• 백엔드: Spring Data Page, Pageable 활용