기술지원 앱 사이드 프로젝트 (2025-12-19)

* 목표

DB 붙이기 전에 화면(Thymeleaf)부터 먼저 완성해서 동선이 끊기지 않게 만든다.
기본 메뉴는 대시보드(공지) / 프로젝트 관리 / 기술지원 / 로그인·회원가입으로 구성한다.

1) 메인 화면(대시보드 = 공지사항 게시판)

- 목적

회사 내부 사이트처럼 admin이 사내 공지사항을 게시하는 게시판 형태의 대시보드.

- 권한(역할)

• admin: 공지 등록/수정/조회
• 일반 사용자: 공지 조회

- 화면 구성

• 공지 목록(게시판)
  • 컬럼: 번호 / 제목 / 작성일 / 조회수
  • 제목 클릭 시 상세 화면으로 이동
• 우측 상단: 공지 등록 버튼 (admin만 보이게 할 예정)

- 페이지(예시 URL)

• 목록: /support/notice
• 등록 폼: /support/notice/new
• 상세: /support/notice/detail?id=1 (RequestParam 방식)

메인 화면

등록화면

2. 프로젝트 관리 화면 

- 목적

영업(sales)이 프로젝트를 등록하고 관리한다.
추후 기술지원 등록 시 프로젝트를 선택할 수 있도록 연결(외래키)할 예정이다.

- 권한(역할)

• sales: 프로젝트 등록/수정/조회
• (admin은 전체 관리 가능하게 확장 가능)

- 프로젝트 데이터(초안)

• 번호(id)
• 프로젝트명
• 프로젝트 코드
• 수주금액
• 상태(대기/진행중/완료 등)
• 등록일

- 프로젝트 코드 전략(아이디어)

• DB 저장 시 서버에서 랜덤 코드 생성해서 저장 가능
  • 예: PROJ-20251219-8F3A1C 같은 형태
  • 또는 UUID 일부를 잘라서 사용
• 현재는 프론트 우선이므로 “입력값”으로 두고, 나중에 자동 생성으로 바꿔도 됨.

- 페이지(예시 URL)

• 목록: /support/project/list
• 등록 폼: /support/project/new
• 상세(추후): /support/project/detail?id=1

프로젝트 관리 화면

프로젝트 등록 화면

2. 기술지원 관리 화면

- 목적

support(기술지원)가 캘린더에서 날짜별로 지원 일정 등록을 한다.

- 권한(역할)

• support: 기술지원 등록/조회
• admin: 전체 확인/관리 가능 확장

- UX(동선)

• 캘린더 화면에서:
  1. 날짜 클릭 → 등록 폼 이동(날짜 자동 세팅)
  2. 또는 우측 상단 “기술지원 등록” 버튼 클릭 → 등록 폼 이동

- 기술지원 등록 폼 구성(초안)

• 프로젝트 선택(프로젝트 관리에서 등록된 목록 기반)
• 지원 유형 체크:
  • 유지보수 / 설치지원 / 장애지원
• 제목
• 내용
• 등록/취소 버튼

페이지(예시 URL)

• 캘린더: /support/support/list (이름은 calendar로 바꿔도 좋음)
• 등록 폼: /support/support/new
• 상세(추후): /support/support/detail?id=1

기술지원 화면

기술 지원 등록 화면

 

4) 로그인 / 회원가입(일단 화면부터)

- 목적

support(기술지원)가 캘린더에서 날짜별로 지원 일정 등록을 한다.

- 권한(역할)

• support: 기술지원 등록/조회
• admin: 전체 확인/관리 가능 확장

- UX(동선)

• 캘린더 화면에서:
  1. 날짜 클릭 → 등록 폼 이동(날짜 자동 세팅)
  2. 또는 우측 상단 “기술지원 등록” 버튼 클릭 → 등록 폼 이동

- 기술지원 등록 폼 구성(초안)

• 프로젝트 선택(프로젝트 관리에서 등록된 목록 기반)
• 지원 유형 체크:
  • 유지보수 / 설치지원 / 장애지원
• 제목
• 내용
• 등록/취소 버튼

- 페이지(예시 URL)

• 캘린더: /support/support/list (이름은 calendar로 바꿔도 좋음)
• 등록 폼: /support/support/new
• 상세(추후): /support/support/detail?id=1

로그인 화면

회원 가입 화면