[여섯번째 프로젝트] 모임 구하기 서비스 회고록

파이어베이스와 리덕스를 이용한 뉴스피드 프로젝트

기간: 6/26 ~ 6/30(5일)

 

요구사항

• 로그인, 회원가입
• CRUD
• 마이페이지
• Vercel을 이용한 배포
• Git 최대한 활용: PR, Branch, 코드 리뷰

 

개발 일정 - 나

• 6월 26일: 기획, S.A. 문서 작성 관련 회의
• 6월 27일: 테스트용 로그인 환경 만들기, 마이페이지 및 내 프로필 수정p 작업
• 6월 28일: 오류 해결, 스타일 입히기, 리팩토링, 추가기능
• 6월 29일: 팀원들과 기능 합침 && 다른 팀원분의 구현 덜 된 부분은 공유해서 해결(+ 로그인 및 회원가입 기능, 게시물 삭제 기능 작업)
• 6월 30일: 디자인 입힘, theme provider로 사이트 전반에서 쓰이는 테마 설정(color, font-size...), 공통 컴포넌트 작업(button, input, select, title)
• 7월 3일: 제출일! 발표회!

 

S.A. 문서

https://velog.io/@summer_dev/%ED%8C%80%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Meetopia-by-%EC%9D%BC%EC%A1%B0%EB%9F%89%EB%B6%80%EC%A1%B1%ED%8C%80

[팀프로젝트] Meetopia by 일조량부족팀

회의록 https://www.notion.so/7332438705504b53ac93fa9cca2341cd

일조량부족팀

벤치마킹1 https://holaworld.io/

벤치마킹2 https://www.spacecloud.kr/

 

결과물

https://github.com/hgyeom/Meetopia

GitHub - hgyeom/Meetopia

배포 https://meetopia.vercel.app/

 

튜터님 피드백 메모

• 기본적인 오류 처리
• 삭제 버튼 클릭 시 알림창 한번 더 확인
• 수정된게 없을 경우에는 저장버튼이 안먹히도록 처리
• 데이터 뿌릴 때 정렬이 필요한 경우, db는 부하가 있을 수 밖에 없어서
  프론트에서 전체내역을 가지고 온 다음에 sort를 걸어주는게 좋은 습관.
• 지역선택은 카카오api로 가져오는거 안어려우니까 연습 많이 해보는게 좋음
• 스타일드 컴포넌트에 st나 styled라는 접두사 붙여주는게 좋음
• 카테고리와 같은 경우는 상수화시켜서 변수이름으로 가져와서 쓰기. 하드코딩 비추.
  (constants/category.js)
  export const categories = {...}
• 파이어스토어에는 컬렉션에 id가 고유로 들어가 있기 때문에 uuid 같은거는 거의 쓸 일이 없어야 하는게 맞음
• for문에서 key값 줄 때 post데이터가 들어오기 전에 undefined로 인한 이슈
  key = {post?.id}
  아니면 return문 직전에 위에서 안넘어오게 처리하는 방법도 있음
  if(!post.id)  return <h1>로딩중입니다</h1>
  return (...
• 클라이언트 사이드의 전역데이터(서버랑 상관없는 다크모드 등)을 리덕스로 쓰려면 보일러플레이트가 너무 크니까 컨텍스트api로 대체하기도 함
• 서버사이드의 전역데이터는 리액트 쿼리를 사용
  await query 등을 리액트 쿼리로 감싸면 결과물을 계속 가지고 있음. 모든 컴포넌트에서 쓸 수 있음
• 리드미에 누가 무슨 기능 개발했는지도 기록
• 로그인이 필요한 기능에선 alert만 주는게 아니라 로그인페이지로 이동 유도
• 트러블슈팅 문제발생-해결 기록 
• 퍼블릭 폴더의 이미지 지워.
  스타일 부분 디렉토리로 뺀거 좋음
• 리덕스는 소문자, 컴포넌트는 대문자로 이름 써 ㄱ
• 리덕스 툴킷 - lib 폴더?

 

 

---

KPT

Keep

• 적극적으로 의견 공유를 적극적으로 해주시는 팀원분들을 만나서 좋았다. 의견 공유, 프로젝트 진행하시는 부분에서 배울점이 많았다
• 다들 항상 예쁜 말을 하시고, 적극적으로 서로를 돕는 분위기

 

Problem

• 팀원 각자의 역량에 따른 기능 분배를 잘하진 못한 것 같다. 맡으신 파트를 못해오는 경우가 생겼다 ㅜㅜ
• 세부적인 마감기한을 정해놓지않아 일정이 밀리는 일이 생겨 후반부에 조금 힘들었다

 

Try

• 각자 맡은 기능에서도 메인 파트, 서브 파트를 나눈다는 의견도 좋은 것 같다
• 더 작은 기능 단위로 합치기
• 서로의 진도를 실제 화면으로 확인하여 더 확실하게 체크하도록
• 마감 기한을 확실히 정하기
• 페어 프로그래밍처럼 연관있는 기능 단위로 짝을 지어서, 본인 맡은 부분만 하는게 아니 서로 코드를 더 챙기도록 해보는 것도 좋을 듯