Skip to content

3주차 팀 회고

김가은 edited this page Nov 26, 2023 · 1 revision

프로젝트 진행 상황, 주요 기능, 협업 중 겪은 어려움, 해결 방안 등을 문서로 정리합니다. [프로젝트 현황 공유]에서 받은 질문과 피드백을 정리하여 추가해두길 권장합니다.

  • 상시로 진행한 팀 회고 결과가 있다면 해당 기록으로 갈음할 수 있습니다.
  • **개발 완료 기능과 구현 과정에서의 기술적 경험**에 대한 발표를 진행합니다.
  • **배포 링크 혹은 동작 데모**를 반드시 포함해주세요. (5분 이내)

프로젝트 진행 상황

Pull requests · boostcampwm2023/web16-B1G1

배포 링크 혹은 동작 데모

Vite + React + TS

https://www.별글.site/

개발 완료 기능

  • FE
    • 프로젝트 폴더 구조 변경
    • 디자인 시스템 정의
    • 공통 컴포넌트 구현 - 인풋, 모달, 검색, 텍스트, 토스트, 버튼
    • 글쓰기/조회, 로그인, 회원가입 기능 구현 진행중
  • BE
    • 로그인 / 로그아웃 / 회원가입 / 아이디, 닉네임 중복 체크 / 깃헙 로그인 / 네이버 로그인 / 커스텀 AuthGuard
    • 파일 업로드 / Form-Data 처리 / Board모듈 입력값 유효성 검증 / 게시글 본문 암복호화(AES) / AuthGuard 적용 / Board, User, Image 엔티티 간 Relation 적용 / 좋아요 기능 (Join Table 활용) / NCP Object Storage 업로드
    • NGINX 정적파일 서빙 + 리버스 프록시 설정, Dockerfile 및 Docker Compose 설정, GitHub Actions 자동배포, HTTPS 적용

구현 과정에서의 기술적 경험

  • FE
    • 뷰 이동시 카메라 움직임 구현 → 매우 어려움;;
    • 깃헙 미리미리 병합 안해놓으면 나중에 충돌 해결이 너무 심하게 남
    • 회원가입 구현 시
      • 각 케이스 분리하고 예외사항 생각하는 부분
      • 어떻게 전역변수와 props를 줄일지에 대한 고민이 있었음
  • BE
    • NGINX 설정
    • Docker, Docker Compose 사용법
    • HTTPS 인증서 발급 방법
    • GtiHub Actions 사용법
    • JWT - Access Token, Refresh Token
    • Redis
    • S3 SDK 활용 Object Storage 업로드
    • TypeORM Relation 동작 원리

요일별 진행상황

월요일

  • FE
    • 백로그 이슈 분담
    • 프로젝트 폴더구조 변경, 디자인 시스템 정의
  • BE
    • 백로그 이슈 엄청나게 정리
    • 이번 주 역할 분담
    • 도메인 구매

화요일

  • FE
    • 공통 컴포넌트 개발
      • Input
      • Search
      • Button
      • Modal
      • Toast
  • BE
    • Redis 연결 및 Access Token, Refresh Token 구현
    • 커스텀 AuthGuard 구현
    • 파일 업로드 API 구현, formdata 처리 (Multer)
    • auth & board 모듈 입력값 유효성 검증

수요일

  • FE
    • 로그인 모달 UI 구현
    • 회원가입 모달 UI 구현
    • 닉네임 설정 모달 UI 구현
    • 글쓰기 모달 UI 구현
  • BE
    • 깃헙 로그인 구현
    • 게시글 본문 암복호화
    • Relation 적용하여 외래키 활용하도록 메소드 개선
    • AuthGuard 적용
    • 좋아요 기능 개선 (조인 테이블 활용)

목요일

  • FE
    • 랜딩 페이지 카메라 움직임 구현
    • 로그인 모달 폼 정리
    • 회원가입 모달 UI 변경
    • 회원가입 validation 로직 추가
    • 각자 진행한 사항 병합
    • 파일 업로드 기능 구현
    • 서버로 게시글 데이터 전송 기능 구현
  • BE
    • HTTPS 적용
    • NCP 스토리지 서버 연결 - 파일 저장, 조회 (AWS-SDK)
    • GitHub Actions를 이용한 자동 배포 yml 작성

Keep

  • 분업이 잘 됨 ㅇㅈ? ㅇㅈ
  • 팀원들 사이가 좋다
  • 부부싸움 보는 재미가 있다 ㄹㅇ
  • 철 - 남 ✨
  • 진행상황 공유가 원활하게 잘 되고 있다
  • PR 리뷰를 잘 하는 중이다
  • 서로가 봉착한 문제를 적극적으로 함께 해결하려고 하는 그런 따듯함이 느껴진달까.. <3

Problem

  • PR 리뷰와 머지가 빠르게 되지 않아 PR이 쌓인다 → conflict 와장창 엔딩 (백엔드는 잘 하는 중 ㅡㅡ)
  • 대소문자 구분 잘하자 → 깃허브가 바보라 못해서 우리가 해야함
  • 팀원들끼리 컨벤션이 다른 경우가 있다 해삐..가아니다
  • 멘토링때 질문거리를 많이 준비하지 못함
  • 멘토링 일지를 잘 안적음 ㅡㅡ 이사람들 ㅎㅎㅋㅋ
  • 오프라인으로 하다보니 스크럼이 좀 밀리는 경향이 있음

Try

  • PR이 쌓이기 전에 머지를 재빨리 해야하는데 우짜지
    • 규칙을정할까요
    • PR 최대한 자세하게, 중점적으로 봐야할 부분 적기
    • 그냥 PR 올라오면 리뷰를 최우선(유튜버 아님)으로 하십쇼
    • 빠르게머지하자구요
    • 깃때문에 머리털빠지겟어요
  • 멘토링 전에 일지에 질문 간단히라도 작성하기
  • 멘토링 일지를 열심히 적으세요
    • 멘토링 시작 전에 다들 멘토링 일지 노션에 들어와있자 ㅇㅋㅇㅋ
  • 오프라인시 바로 스크럼부터 무조건 하기 → 밥 먹으면서 근황 토크
    • 한 명의 작성자를 정해서 핸드폰으로 적기
  • 코딩 컨벤션을 열심히 지킵시다 (개인의 의견입니다.)
    • 다른 팀원이 지키지않은거 보면 리뷰로 지적해주자
    • 슬프당

향후 계획

  • 담주 뭐 하까?
  • FE
    • 인증 상태로 로그인 관리
    • 비밀번호 암호화
    • OAuth 로그인
    • three js 최적화
    • 라우팅 잘하기
    • MVP 기능 중에 3D쪽 제외한 부분은 API까지 다 붙이기
  • BE
    • 리팩토링
    • 테스트 코드 꼼꼼하게 작성
    • OAuth 로그인 끝내기
    • 프론트 연동하며 API 개선
    • 사진 리사이징 (Sharp 모듈)
    • 별, 은하 스타일 저장 (MongoDB)
    • 더 탐구하고 싶은 내용

image

소개

규칙

학습 기록

[공통] 개발 기록

[재하] 개발 기록

[준섭] 개발 기록

회의록

스크럼 기록

팀 회고

개인 회고

멘토링 일지

Clone this wiki locally