프로젝트 ToDoList

edwith 부스트 코스 두 번째 프로젝트를 진행하고 있다. 페이지는 main과 todo list를 만드는 화면으로 구성되어 있고 todolist에 관한 정보를 mysql 데이터베이스로 연동을 시켜야 한다.

 

https://hyungseonsong.github.io/web1/main

 

일단 화면부터 만들어 보았다. 만든 자료는 github에서 무료로 제공하는 호스트 서버에 올려서 홈페이지를 서비스하고 있는 상태이다.

 

상단에 TODO 리스트를 등록하는 버튼이 있고, 리스트를 추가하면 중단에 카드형으로 해야 할 일이 등록이 된다.

 

ToDoList 프로젝트를 하기 전에 자기소개 페이지를 만든적이 있는데 그때보다 화면 구성이 조금 나아 보여서 다행이라고 생각하고 있다. 앞으로 계속 신경 써서 프런트 스킬을 갈고닦아야겠다. 이제 백엔드를 만들어야 하는데...

 

아직 백엔드 개념이 온전하지 않아서 어떻게 해야 할지 감이 오지 않는다. 일단 무얼 해야 할지 공부한 걸 바탕으로 계획을 짜 보도록 해야겠다.

 

1. Servlet에서 main page를 띄어줄 것 (해당 코스에서는 이클립스로 서블릿을 만드는 걸 하였는데, 나는 vscode를 선호하므로 vscode로 servlet을 만드는 걸 우선적으로 공부해야겠다.)

2. TODO 등록 화면은 jsp로 포워드 해서 띄어줄 것

3. TODO 등록에서 입력 값을 넣고 제출 버튼을 누르면 Post 방식으로 Servlet에 요청

4. Servlet은 요청을 받아 완료하고 main page로 리다이렉트

 

일단 요정도를 먼저 구현하고 나머지는 나중에 하도록 해야겠다.