첫 프로젝트를 들어가며..
생애 첫 팀 프로젝트를 코드잇 기초 프로젝트로 진행했다
거진 2주라는 시간과 프로젝트가 처음인 5인이 모여 시작하였다😱
시작부터 무엇을 해야하는지 막막하였고,
아는것 모르는것 모두 끌어모아 뭐부터 해야할지 하나씩 던져보면서 진행 되었다
우선 5개의 미션 중 끝마칠 수 있는 난이도?와 가장 마음에 드는 UI를 선택하였다. (피그마를 보더라도 보는 눈이 없으니 선택하기도 어려웠다..)
사용한 기술 스택
기본적인 스택은 정해져 있었다
프론트앤드
- HTML, CSS, JS => React
협업 기능
- Git, GitHub, 피그마, 노션, 게더타운
그 외
- ESLint, 프리티어
라이브러리의 경우 어떤 라이브러리가 존재하는지, 언제 사용해야하는지 감이 잡히지 않아 사용하지 못했다.
프로젝트 내용
프로젝트가 정해지고 팀원끼리 가장 먼저한것은 피그마를 보면서 명세서와 페이지가 어떤식으로 연결되어 있는지였다.
명세서를 보면서 기본적인 요구사항을 파악하고
페이지에서 하는 기능들을 정리 할 수 있었다.
기본적으로 아이디를 입력하면 아이디에 대한 페이지가 생성되고
누구나 접근하여 글을 남길 수 있고 답글을 쓸 수 있다.
즉, 서로가 서로에게 방명록을 남기고 답을 받을 수 있는 어플리케이션이다.
상세 기능 리스트
✔ ID 생성하고 로컬스토리지에 저장
✔ 목록조회를 위해 페이지네이션 기능, 정렬 기능
✅ SNS에 공유 기능
✔ 답변의 상태를 표시
✔ 좋아요/싫어요 기능
✅ 무한스크롤
✔ 글 작성을 위한 모달 구현
✅ 여러 알림을 위한 토스트 기능
✔ 질문 목록 조회
✅ 질문 삭제/ 전체 삭제
✔ 답변 거절
✔ 답변 작성 및 등록
노션을 활용해 구현해야할 기능들을 회의를 통해 정리하였고
깃허브의 이슈관리, 보드를 통해 더 확실히 할 일을 나눌 수 있었다
구현해야할 기능들을 살펴보면
UI를 구현하거나 API 요청을하고 그 데이터들을 어떻게 보여줄 것인가.
이것이 전부였던것 같다.
다만 보여주는 방식이 다양하다보니 그 방식들의 원리를 알아가는게 핵심이라고 생각된다.
보완해야할 점
구현 실력
프로젝트 당시에는 기능 구현에 급급했기 때문에
내가 맡은 기능이 아니면 PR이 올라와도 꼼꼼하게 보지 못하고
이해를 못하고 넘긴 부분이 많았다.
팀미팅을 통해서 프로젝트의 큰 흐름은 알고 있었지만 다음에 내가 구현해야하거나 비슷한 작업을 한다면 막막할 것 같은 느낌이다.
또한 코드 자체가 눈에 익지 않아서 인지 굉장히 어려운 책을 보는 느낌인데
꾸준히 여러 코드를 보면서 눈에 익히는 것도 중요한 것 같다.
