데이터 플로우 작성

 

데이터 플로우를 작성하여 구현할 기능들을 구체적으로 정리하는것을 목적으로 작성하였다.

 

웹 서비스에 대한 선수 지식 역시 배우는 단계라 많이 틀린 부분이 있을 것이다.

 

사용자 입장에서 행동에 대한 내용들을 정리하고 이를 구현하기 위한 기능들을 구체적으로 정리하려 하였다.

 

---

사용자 입장 데이터 플로우

 

목차

1. 사용자 행동
2. 데이터 생성
3. 데이터 처리
4. 데이터 이동
5. 외부 시스템 연동 (API)

---

1. 사용자의 행동 정리

 

사용자가 어떠한 행동을 하는지에 상세한 설명

 

1-1 회원 가입 및 로그인

• ID, PW 입력
• 로그인
• 회원 종류 : 관리자, 교수, 학생

 

1-2 민원 접수

• 건물별 카테고리 선택
• 민원 종류 선택
• 방문 처리 여부 결정 (체크 표시)
• 민원 접수 버튼 클릭

 

 

2-1민원 확인

• 로그인 후 민원 확인 페이지 접속
• 민원 확인 및 리뷰 작성 (별점)

---

 

2. 데이터의 생성 - 사용자의 행동에 의해 생성되는 데이터

 

민원 데이터 클라이언트 (프론트엔드) 에서 생성

 

파일형식 : Json

 

파일 내용 : 건물 , 민원 종류 , 방문 여부 , 민원 추가 설명

---

3. 데이터의 처리

 

Rest API 사용 - axios 이용

 

HTTP 메소드 - POST

 

전송 파일 형식 : Json 파일 형식

 

리턴 값 : "민원이 성공적으로 등록되었습니다"

---

 

4. 데이터의 이동

 

1.사용자 웹사이트 접속

• HTML/CSS/JS 파일 요청

2. 웹서버 요청 받음, 파일 전송

 

3.사용자 웹 브라우저 렌더링

 

4.사용자 민원 접수 폼에 데이터 입력 후 웹서버 전송

 

5.웹서버가 데이터를 받고 처리하여 DB에 저장

 

DB에 저장 시 회원 데이터와 연결하여 저장

 

6.웹서버가 처리결과를 웹브라우저로 전송 및 렌더링