WIL 8주차 (실전프로젝트 1주차)
📖 WIL 8주차
🌞 8주차 스케쥴
실전프로젝트의 시작 드디어 이번주부터 실전 프로젝트를 시작한다. 프론트엔드 3명 백엔드 4명과 디자이너 한분이 팀을 이뤄 앞으로 총 6주간 프로젝트를 진행한다.
- 3주 만에 MVP를 담은 실제 서비스를 런칭해보고,
- 남은 3주간 고객의 피드백을 바탕으로 서비스를 운영하며 개선한다.
- 이번 주차의 키워드는
화합과잦은 소통이다.
우리 팀 노션 https://www.notion.so/5-28efb5cf5701425eb16b1d4e9e449678 프론트엔드 깃허브 https://github.com/W8Project/nimo_TypeScript
🌞 부리더
팀을 배정받기전 팀을 이끌어나갈 리더(백엔드)와 부리더(프론트엔드)를 모집했다. 리더와 부리더가 팀을 이뤄 신청하면 다른 팀원들은 항해에서 랜덤으로 배정받는다. 당연하게도 난 부리더를 할 생각이였기에 백엔드에서 마음 맞는 사람을 찾아 팀을 이뤘다. 사실 백엔드 분들중엔 리더를 하고싶어하는 분들이 없어서 난 그동안 함께 팀이 됐었던 분들중 가장 소통이 잘 되었던 분을 이틀간 설득해서 팀을 꾸릴 수 있었다.
🌞 마라톤 회의
우리는 어떤 서비스를 만들것인가 회의를 시작했다. 각자 해보고 싶은 기능과 사용해보고 싶은 기술들을 모으고 프로젝트를 기획하기 시작했다. 그동안 팀프로젝트는 짧은 기간동안 결과물을 내야했기에 각자 개발하기 바빴지만 처음으로 큰 프로젝트를 진행하며 프론트엔드와 백엔드 그리고 디자이너 서로의 입장들을 들으며 기획할수 있었다. 3일간의 긴 회의였지만 이런 과정이 있다는 것 자체가 재밌게 느껴졌다.
🌞 기획개요
🌞 MVP
- 로그인 / 회원가입
- JWT 토큰 발급을 통한 로그인
- 소셜 로그인(카카오, 네이버, 구글)
- 시험 날짜 D-day - 스케줄러
- 메인페이지
- 그래프로 현재 할일의 진행도를 알려줌
- 타이머 기능
- To-Do 리스트 목록을 요약해 보여줌
- D-day 등록시 앞으로 남은 일자 알림창 (달력으로 간단하기 등록가능)
- To-Do 리스트목록
- 예정,진행중,완료로 나눌수있음
- 체크인 체크아웃 시스템
- 체크인 체크아웃으로 현재 공부한시간을 기록
🌞 회고
기획에 많은 시간을 쓰고 우리는 와이어프레임 초안이 나오기전에 구현 할수 있는 기능들을 구현 해놓기로 했다. 가장 먼저 네이버 카카오 소셜 로그인을 시작했다. OAuth를 사용하는 방식은 모두 비슷하고 워낙 자료도 많아서 쉽게 해결 할수 있었지만 백엔드쪽에서 쉽지 않았는지 로그인을 맞춰보는 데까지 긴 시간이 걸렸지만 게더타운이라는 공간에 늘 붙어있기 때문에 계속 소통하며 해결할 수 있었다.
프로젝트를 시작할때 우리 프론트엔드는 기술적으로 도전하고 싶은 패기로 Next.js를 사용하기로 했다. 사실 기획 단계 전부터 목표로 잡았으나 아직 리액트도 잘 다루지 못하는데 Next를 사용하니 매 순간마다 오류가 생겼고 개발의 속도가 나지 않아 결국 포기하게 되었다. Next.js를 사용하는 목적으로 프로젝트의 속도, SEO문제, 프로젝트의 규모 ,SSR 다양하지만 사실 우리의 프로젝트에는 불필요하다 판단했고 이것이 오히려 독이 될 수 있다고 판단하였다.
와이어프레임이 나오기 전 간단한 CRUD 를 먼저 구현해 놓은 상태였지만 와이어프레임이 나오고 회의를 통해 조금 더 기능을 추가하게 되면서 API와 그에 CRUD 작업을 처음부터 다시 하게 될 것 같다.
🌳 네이버 카카오 구글 소셜로그인 방법에 대해 기록해두었다.
https://velog.io/@leejpsd/React-소셜로그인-OAuth
🌳 이번주 나의 토양 Git branch 전략
https://velog.io/@leejpsd/Git-branch-전략 우리 팀은 프론트엔드가 두명이기 때문에 간단한 gitlab 전략을 사용한다.