[Chapter 5] 7주 차 회고 - React & Spring 클론 코딩

7주 차에는 실제 서비스하는 앱을 보고 따라 만드는 클론 코딩 프로젝트를 진행했다. 물론 모든 걸 따라 만들 수는 없으니 일주일 안에 가능한 최소 스코프를 정하고 개발을 시작했다.

 

우리 팀은 트위터를 주제로 정했고 팀원은 총 7명으로 프론트엔드 4명은 백엔드는 3명이었다.

클론 프로젝트 첫 화면 이미지

나는 이번 부트캠프에서 팀장을 세번 맡았었는데, 이번 클론 코딩에서도 팀장을 맡았다. 처음에는 팀장이라는 자리가 부담스러웠는데, 계속 팀장을 하다 보니 팀의 리더로서 팀원을 챙기고 이끌어나가는 게 재밌어졌다. 어쩌면 나도 몰랐던 적성을 찾은 것 같다.

---

우리 팀의 개발 스코프는 아래와 같이 잡았다.

• User
  • 로그인
  • 회원가입
  • 로그아웃
  • 소셜 로그인
  • Profile
    • 사용자 프로필 조회, 수정
    • 팔로우, 언팔로우 조회, 추가, 취소
    • Tweet 작성
    • Tweets
      • Tweet 조회, 삭제(답글, 리트윗 포함)
    • Likes
      • 좋아요 한 Tweet 조회, 답글
      • 좋아요 취소
• Home
  • Tweet 작성, 조회, 삭제
  • Tweet 좋아요, 좋아요 취소
  • Tweet 리트윗
  • 무한 스크롤
• Detail
  • 답글 작성, 조회, 삭제
  • 답글 좋아요, 좋아요 취소
  • 답글 리트윗
• 부가 기능
  • 웹 소켓을 이용한 실시간 채팅

목표했던 대부분의 기능을 구현했지만 아쉽게도 소셜 로그인과 실시간 채팅 기능은 기한 안에 구현하지 못했다. 나와 팀원들 모두 아쉬움이 남았던 부분 중 하나였다. 그래도 마지막까지 열심히 임해준 팀원들에게 고마웠고, 덕분에 만족스러운 결과가 나올 수 있었다.

---

초반에 주제를 정하고 개발을 시작하기 전에 프론트엔드 팀원분들과 몇 가지 규칙을 정했다.

1. 모든 함수는 화살표 함수로 사용한다.
2. styled components는 모두 Styled로 시작한다.
3. 변수나 함수명은 풀네임으로 명시하고, 카멜 케이스로 표기한다.
4. 프로젝트 깃허브 README에 정해둔 커밋 컨벤션을 지킨다.

위와 같은 규칙을 정하고 개발을 진행했고, 고맙게도 팀원분들 모두 규칙을 잘 따라주었다.

 

백엔드 팀원분들도 프로젝트를 진행하면서 소통에 힘써주셨고 API 명세서를 작성하면서 나에게 많은 것을 물어봐주셨다.

 

내가 운이 좋은 건지 캠프 사람들이 모두 좋은 분들 인지 매번 좋은 사람들만 만난 것 같다.

 

이번 클론 코딩을 통해 백엔드와 협업 능력이 조금 더 성장한 것 같다. 프로젝트를 진행하면서 소통을 많이 시도했기 때문인 것 같다.

 

트위터 클론 프로젝트 repo 주소

https://github.com/kwakhyun/twitter-clone-FE

GitHub - kwakhyun/twitter-clone-FE: 트위터 클론 미니 프로젝트입니다.

---

다음 주차부터는 항해의 마지막 챕터로 6주간 진행되는 실전 프로젝트 기간이 시작된다. 실전 프로젝트에서도 팀장이 되어 주도적으로 프로젝트를 운영하기 위해 팀 리더를 신청했으며, 현재는 실전 프로젝트를 기획하고 MVP 방법론에 따라 개발을 시작하는 단계에 있다.