기술요구사항 - wooojini/Boostcourse-TO-DO-LIST GitHub Wiki

🏌️‍♂️ 기술요구사항

웹프론트엔드 기술요구사항

총 2개의 화면이 존재

  • 할 일 목록 화면 (리스트)
  • 할 일 등록 화면 (쓰기)
  • CSS는 기획서와 동일한 수준으로 만들어야 한다. 따라서 HTML 엘리먼트간의 배치와 간격은 일정하고 반듯해야 한다
  • 글자의 크기는 일정한 수준을 유지
  • CSS는 외부 라이브러리(부트스트랩)을 사용하지 않는다
  • jQuery를 사용하지 않고, querySelector, addEventListener, innerHTML을 사용해서 DOM, EVENT 처리. Ajax는 XMLHTTPRequest를 사용

웹백엔드 기술요구사항

  • 프로젝트는 maven프로젝트로 생성
  • 제공된 테이블 생성 SQL을 이용해서 테이블을 생성
  • TodoDto 클래스와 TodoDao클래스를 주어진 스펙에 맞게 작성
  • 메인화면을 보여주기 위한 MainServlet과 main.jsp를 작성
  • MainServlet은 TodoDao를 이용해 결과를 조회해서 main.jsp 에 전달
  • 새로운todo등록 버튼을 클릭하면 해당 요청을 서블릿이 받아서 jsp로 포워딩하여 할 일 등록 화면을 보여준다
  • 할일등록폼에서 값을 입력하고 제출 버튼을 누르면 post 방식으로 요청
  • 해당 요청을 서블릿이 받아서 처리하게하고, 요청에 대한 모든 일이 끝나면 메인화면으로 리다이렉트
  • 메인화면에서 todo 상태변경 버튼(->)을 클릭하여 요청을 보낼 때, Todo 의 Id와 상태값을 전달하여 다음 상태로 (현재 상태가 Todo라면 doing으로 doing 이라면 done) 상태를 나타내는 컬럼값을 변경하고 응답결과로 "success"를 보낸다

기술 스택

  • HTML5
  • Javascript
  • CSS3
  • Java
  • Servlet
  • Maven
  • Tomcat
  • MySQL 8.0