[Project] TODO LIST 웹서비스 개발

두 번째 웹 프로젝트!

[TODO LIST 웹서비스]를 개발하게 되었습니다.

사실 첫번째 프로젝트를 다 마무리하지는 못했습니다..
핑계를 대자면 바빠진 일상 때문에,,ㅜㅜ
진짜 이유는 따로 있습니다.
먼저 소식을 말씀드리자면,
저에게 직무 관련 멘토가 생겼다는 아주 좋은 소식이 있습니다.
위니브 제주 한재현 팀장님께서 멘토링을 진행해주시는데
몇일 전, 멘토분에게 첫 미션을 받았습니다ㅎㅎ
그런 이유로 첫번째 프로젝트는 잠시 밀어두고
미션을 진행할 예정입니다.

그 미션은 바로
TODO LIST 웹서비스를 개발하는 것입니다.

빨리 코딩을 시작하고 싶네요.

하지만!
전 MBTI가 ENFJ 이기 때문에~
프로젝트에 대한 계획을 먼저 세워볼 것입니다.

---

 

프로젝트 기획

---

· 마감기한

11월 3일(수)

· 개발 배경

1. 실습을 통한 포트폴리오 확보 및 실무에 대한 대비
2. CRUD의 이해

· 목적

DB와 연동한 TODO LIST 웹서비스 개발, 최대한 나의 생각대로 만들면서 CRUD에 대해 확실한 이해를 할 것이다.

· WBS(작업시간) 예상

· 서비스 개요

클라이언트가 웹 브라우저를 통해 받는 일반적인 서비스

· 기능 상세

1) Create(POST) : input창에 입력 후 등록 버튼을 클릭 시 새 글 작성

2) ReadAll(GET) : 등록된 글 전체 조회

3) ReadOne(GET) : 등록된 단일 글 선택시 상세 조회

4) Update : 선택 글 수정

5) Update : 완료 시 선택 글 취소선 적용

6) DeleteAll : 전체글 삭제

7) DeleteOne : 선택 글 삭제

· DB 모델링

* 설계 후 업로드 예정

---

UI 디자인

---

 

1. Main Home page

---

1. 첫 페이지 해당

2. get(selectAll)을 하여 저장된 글 불러옴.

3. check box 클릭 시, 해당 칸 글에 취소선이 그어지고 글자색 회색으로 변경

4. 옆에 쓰레기통을 눌렀을 시 글삭제

5. 반복문을 통해 글을 추가할 수록 칸 증가

 

2. insert page

---

1. 새로운 페이지는 아님.

2. 파란색 플러스 버튼을 클릭

시에 입력칸이 나타남.

3. 글을 작성하고 입력시에

4. 위 글 리스트에 추가

5. 동기 방식으로 할지, 비동기 방식으로 할지 생각중.

 

CRUD를 이용한 기능을 설계하는 것이 주 목적이기 때문에 UI는 크게 신경쓰지 않았습니다.

---

Flow Chart

---

 

Todo web flow chart

---

참고

---

https://github.com/Si-Hyeak-KANG/JSP.TodoWeb_211021

GitHub - Si-Hyeak-KANG/JSP.TodoWeb_211021: Todo List web service _ second project _ 211021 ~ 1103

자세한 내용은 깃헙을 참고해주세요