사이드 프로젝트 도전기

[Project] To do list (feat. 또두리스트) / 요구사항 및 개발스택 정의

Developer D 2023. 6. 27. 16:40

이전프로젝트는 뿌수기 위한(모의해킹) 프로젝트 였다면

 

이번에 도전해볼 프로젝트는 그 유명한 투두리스트!

+ GPT의 개발적 도움을 최소한으로 받기..!

 

개발이 처음인데 아이디어도 없고 혼자할 수 있는 프로젝트가 뭐가있을까요? 라는 질문에

지인 개발자가 모두 투두리스트를 추천했다.

 

개발자들 항간에는 또두리스트라고 불릴만큼 흔하고 요새 중요도가 많이 떨어졌지만..!

차근차근해보는 입장에서는 괜찮다고 느꼈다.

추가적으로 나의 든든한 친구 GPT 에게도 또두리스트에 대해 물어봤다.

그래서 이번글은 Todo-list에 무슨기능이 들어갈것이냐, 무슨 기술을 쓸것이냐 하는 

개괄적인 요구사항 정의를 작성해볼까한다.

 

Todo list 요구사항 정의

  • 요구사항 정의 :프로젝트의 목적과 필요한 기능을 어떤 기능이 포함되어야 하는지에 대해 명확히 정의
  • 추가적인 기능은 하이라이트 마킹
  1. 1. 회원가입/로그인/로그아웃:
    해당서비스는 회원가입한 사용자만 이용 할 수 있다.
    추가적 기능 : SNS 로그인 기능
  2. Todo-list
    1. 작성/삭제 : Todo-list를 작성하고 삭제할 수 있다. (제목, 내용, 마감일)
    2. 완료버튼 : 완료한 태스크에 대해서 완료 표시를 할 수 있다. 완료 비완료를 사용자가 자유롭게 설정할 수 있어야한다. →토글형태
    3. 수정 : Todo-list를 수정할 수 있어야한다.
    4. 검색 : Todo-list내 키워드를 통해 검색할 수 있어야한다.
    5. 조회정렬 : 키워드에 따라 정렬을 할 수 있어야한다. 
      1. 추가적 기능
        알림기능 : 마감일이 다가오면 알림을 보낸다.

개발 스택 정의

  • UI/UX : Figma 
  • Front End : React
  • Back End : Node Js
  • DataBase : MariaDB
  • Etc : Amazon AWS, git hub..
  • 최대한 안써본 개발스택으로 정의 했다. (*써본 스택이 어디 있겠냐만은 ㅎㅎ..) 

프로젝트 일정표 ( 약 2주일 )

  [프로젝트 시작]
요구사항 정리 및
개발스택 정의
[UI/UX]
UI/UX정의 및 제작
[GitHub]
Repository 및 Git Clone
[Front End]
React 학습 및 프론트엔드 제작
[Front End]
React 학습 및 프론트엔드 제작
[Back End]
CRUD API 제작 및 연결
[DataBase]
데이터베이스 E-R다이어그램 구조도 정의 및 생성, API 연결
[배포(선택)]
AWS 서버를 통한 가배포

[Trouble Shooting]
서비스 트러블 슈팅
[Trouble Shooting]
서비스 트러블 슈팅

이런 작은 프로젝트에 무슨 2주나 할당했냐고 하면

지금 10:00 -19:00 수업수강 및 기타 공부를 진행하고 있기 때문이라고 미래의 나에게 먼저 말한다 :)..

(7월9일시험 8월초 시험 이었단다..)

PHP웹페이지 만드는것도 나에게 큰 도전이었고 수정하는게 결코 쉽지않았기 때문이다..

 

최대한 일정 미루지 않고 제작하도록 노력해야겠다.

남들에겐 아무것도 아니겠지만 블로그 제목처럼 천천히 나아가자!

이 글 보시는 모든분들도 힘내시길 바랍니다.

🤘파이팅 너구리🤘

파이팅!

반응형