👍 GtOdOD

📜 프로젝트 소개

기간 : 2022.09 (1주)

인원 : 1인

주제 : to do list

사용 스택: React.js, Redux, MUI, scss, Spring boot, Spring security

전의 한솥도시락 클론코딩과 마찬가지로 개인 프로젝트라 전반적으로 설계하고 개발하였지만 프론트엔드 회고록인만큼 프론트엔드 중점으로 회고하겠다. GtoOdOD 프로젝트는 좋은 투두리스트라는 의미로 GOOD과 todo를 적절하게 섞어서 지은 제목이다.

🤩 SCSS!

저번 한솥도시락 클론코딩 프로젝트를 진행할 때 많은 html 요소가 나와서 마크업을 하기가 너무 힘들었다. 해소할 수 있는 방법을 찾다가 scss를 알게 되었다. scss는 중첩하여 css를 작성할 수 있고, 색상 또한 변수로 선언하여 불러올 수 있기 때문에 작업하기가 매우 편했다. scss를 컴파일하면 css 파일이 생기는데, 이 css 파일을 import하여 마크업하였다. 앞으로 많은 요소가 있는 페이지를 작성할 때 scss를 사용해야겠다고 생각했다.

scss	css

scss를 사용하여 색상변수를 지정한 것을 토대로 투두리스트의 카테고리 색상을 고를 수 있도록 했다.

🤓 와! 아토믹!

프로젝트를 진행하다가 아토믹 디자인 설계에 관한 포스트를 보게 되었다. 컴포넌트 분리를 즐거워하는 나에게는 매우 흥미로운 주제였고 다음 프로젝트에 꼭꼭 적용해봐야겠다고 생각했다. 본격적으로 적용하였던 다음 프로젝트 까마귀버스 회고에서 제대로 소개하겠다.

👩‍💻 프로젝트를 마치며...

이번 프로젝트는 교육에서 스프링부트와 스프링 시큐리티를 다루기 위해 간단한 CRUD를 적용할 수 있는 투두리스트를 실습 주제로 잡은 것이다. 기본 기능만 해도 됐었지만 욕심이 생겨 기능을 이것저것 추가해 보았다. 추가한 기능은 카테고리와 날짜 미루기 기능이며, 구동 영상은 여기서 확인할 수 있다. 개인적으로 UI가 마음에 드는 프로젝트이고, 2023년에 GtOdOD의 기능을 안정화하고, ts로 리팩토링 해 볼 예정이다.