[TIL] 프리온보딩 2일차 - 220504

📍 기업 과제를 하기 전 처음으로 해보는 팀 프로젝트 !

todolist를 개발하는데 아무래도 10명의 인원이 작은 프로젝트를 어떻게 나누는 것이 좋을까 고민했다.

1️⃣ Component 별로 구현한다.   2️⃣ 5명씩 나눠서 진행한다.

그래도 첫 팀 프로젝트니까 5명씩 나눠서 하는 것보단 Component 별로 구현하자는 1️⃣번으로 결정이 났다.

 

 Component 별로 역할을 나누는게 쉽진 않았지만 이번엔 어떤 기능을 거창하게 만드는 것보단 클린코드를 작성하고, 팀원들과의 협업하는 방식을 공부하는 것에 의미를 두기로 했다.

 

오늘 팀원들끼리 해본 첫 회의였는데, 다들 적극적으로 임해주셔서 너무 좋았다 😊

이후에 프로젝트도 지금처럼 더 나은 결과물을 위해 아낌없이 의견을 던져주셨으면 했다 !

---

📌 todolist 첫번째 회의 내용

1️⃣ Github에서 협업하여 작업하기 위한 Organization

GitHub - wanted-pre-onboarding-FE-01/Todo-List-App: Wanted pre onboarding week 1 assignment

 

 

2️⃣ Figma에서 기획 및 UI디자인

 

 

3️⃣ Component 별로 역할 분담

 

 

4️⃣ 개발 전 초기 세팅

 

 

5️⃣ 내가 담당하는 Component (TODO 생성 화면 - TODO 입력, 카테코리 선택, 카테고리 리스트)

💡 개발하며 고려해야 할 사항

1. 카테고리를 생성할 때

- 색상을 5개 정도 보여주고 + 버튼 클릭했을 때 20개 정도의 색상 리스트를 보여줄지? 혹은 gradient picker를 통해 사용자가 선택할 수 있게끔 할지 (gradient picker 참고 사이트 : https://reactjsexample.com/an-easy-to-use-color-gradient-picker-for-react-js/)

- 개인적인 생각으로는 20개 정도의 색상 리스트를 보여주는게 좀 더 UI적으로 깔끔할 것 같다 !

- 또 사용자가 gradient picker를 통해 흰색을 지정하였을 때 카테고리 색상이 보이지 않을 것 같다 !

2. TODO 수정을 통해 TODO 생성 화면에 접속했을 때

- '카테고리 선택' 문구가 아닌 해당 TODO의 카테고리 출력