🔁 WEEK 03 데일리 스크럼

11월 11일 월요일

세부 내용 보기

🎁 오늘의 TMI

• 미라: 오는데 두 시간이 걸렸어요. 수원분들 서울 어떻게 오시나요?
• 선아: 수정님 빼빼로/홍삼 감사합니다❤️
  • 미라: ❤️
  • 다솔: ❤️
  • ㄱㅅ
• 수정: 오는데 10분 걸렸어요.ㅎㅎㅎㄹ
  • 헐 bb
• 다솔: 안경 두고 왔어요.
• 태연: 지각했어요. 광역 버스 정말 별로예요.

🧐 어제 한 일

• 미라: 인스턴스 생성 및 .pem으로 로그인했어요.
• 선아: 타이머 util 구현했어요.
  • (raf 방식으로 구현했는데 웹 브라우저 비활성화되면 타이머가 멈춘다고 해요. setInterval로 바꿔야 할까요?)
  • useModal 구현했어요. Setting 컴포넌트를 거의 완료했어요.
• 수정: Playwright로 테스트 코드를 작성하고 E2E 테스트 도구를 조사했어요.
• 다솔: 그리기 기능 관련 이슈를 PR로 날렸어요.
• 태연: 캔버스 UI를 제작했어요.

🧱 방해 요소

• 미라: 잠
• 선아: 졸려요. 월요일은 항상 졸린 것 같아요.😴
• 수정: 없어요.
• 다솔: 매우 피곤했어요.
• 태연: 광역 버스

📋 오늘 할 일

• 주간 계획 수립

  • UI 마무리
  • Storybook PR 생성 시 Preview 및 배포
  • 게임 기능 개발 시작
    • 유니크한 URL 생성 + 방 입장
  • WebSocket & 배포
  • CRDT(LWW 방식) 및 테스트 코드 추가
  • GitHub Action CI/CD
  • 시작 화면, 대기, 메인, 종료 화면 구현
    • 기초 레이아웃 퍼블리싱
    • 이미지 추가

• 마스터 클래스 어떻게 들을지

  • FE: 다솔, 선아 / BE: 수정, 태연, 미라

• 멘토님한테 그룹 멘토링 일정 물어보기

• 비대면 코어 타임 시간표 계획

  • 이번 주 화, 수 비대면
    • 10:00 - 10:30: 데일리 스크럼
    • 12:00 - 13:00: 점심시간
    • 15:00, 19:00: 중간 회의
    • 틈틈이 호출해서 이야기 가능
    • 10:00 - 19:00 코어 타임에는 Zep 상주

• PR 리뷰 & Approve

• 이번 주 데모 시나리오

  • 방 만들어서 동시접속 및 드로잉까지
  • CRDT 중점

• 슬랙 기술 공유

  • 캔버스 색 채우기(BFS)
  • E2E 테스트 도구

11월 12일 화요일

세부 내용 보기

🎁 오늘의 TMI

• 선아: 집에 가서 기절하고 새벽에 일찍 일어났어요.
• 미라: 어제 GitHub Action CI/CD 영상 보다가 기억도 없이 잠들어 버렸어요.
• 수정: 어제 죽 먹고 땀 뻘뻘 흘리면서 잤어요.
  • 잘했어요.
• 다솔: 아슬아슬하게 일어났어요. (9시 50분 기상)
• 태연: 비대면은 일하는 맛이 안 나는 것 같아요.

🧐 어제 한 일

• 선아: Setting 컴포넌트를 마무리했어요.
  • Storybook PR 생성 시 Preview 배포를 완료했지만, 원하는 환경 구성을 하느라 시간을 보냈어요.
    • 알림이 너무 많이 가서 죄송해요ㅎㅎ
    • 괜찮아요! 씨름 실시간으로 구경했어요.
• 다솔: 페인트 툴 관련 이슈 PR과 반응형 드로잉 이슈 PR을 날렸어요.
• 미라: GitHub Action CI/CD 관련 구글링을 했어요.
  • 참고 영상: GitHub Actions with Docker
• 태연: 캔버스를 재밌게 구현하고 라우터 구조를 잡았어요. 레이아웃도 짰어요.
  • 280px ~ 640px 모바일로 잡아서 진행 중이에요.
  • 캔버스 안 영역에서 포커싱되면 스크롤되지 않도록 설정했어요.
  • 고민거리: 한 800px만 돼도 조금 작아지는데, 최적화를 어떻게 해야 할지 생각 중이에요.
• 수정: 캔버스 일치 정도를 비교했어요.

🧱 방해 요소

• 미라: 없어요.
• 수정: 몸살 감기가 있었어요.
• 선아: 없어요.
• 다솔: Git 실수를 했어요.
• 태연: 비대면이라 집중이 어려웠어요.

📋 오늘 할 일

• 미라:

  • 테스트 배포한 것을 CI/CD까지 적용해보기
  • Docker로 배포해보기
  • Docker로 배포한 것을 CI/CD까지 적용해보기

• 수정:

  • 캔버스 기능을 연동하면 바로 CRDT와 테스트 코드를 적용할 수 있도록 문서화하기
  • 미라님의 구현 과정 기록 읽어보기

• 선아:

  • Storybook 배포 스크립트를 마무리하고 만든 컴포넌트를 배포하기
  • 게임 종료 모달을 구현하기

• 다솔:

  • PR 머지 후 UI에 캔버스 로직을 합치기
  • Git 실수 수습 후 진행

• 태연:

  • 전체 페이지 퍼블리싱
    • 완료된다면 캔버스 또는 서버 쪽 작업 진행
    • 캔버스 UI 구현 이후 디버깅

11월 13일 수요일

세부 내용 보기

🎁 오늘의 TMI

• 미라: 어제 맥북을 결제했어요. 15~19일 중 도착 예정이라고 해요.
• 태연: 미라님 맥북 사셨대요.
• 선아: 헐 정말요? 대박 대박 대박 대박 저도 맥북 사고 싶어요.
• 수정: 미라님이 맥북을 결제해서 기분이 좋았어요. 🥳
• 다솔: 개운함

🧐 어제 한 일

• 미라: Docker로 배포하고 CI/CD를 적용했어요. 학습 내용을 정리했어요.
• 선아: Storybook 배포를 완료했어요.
• 태연: 괜히 전환 효과를 준다고 노가다를 많이 했어요.
  • 컨테이너 역할을 만들었어요.
  • 자연스러운 애니메이션을 만들었어요.
• 수정: Playwright와 씨름했어요.
• 다솔: Deploy 실패 부분을 수정했어요.

🧱 방해 요소

• 선아: 없어요.
• 수정: Playwright 실행 중 혼자 종료돼서 오류 코드를 알 수 없었어요.
  • 미라: 헐...
• 태연: 미라님의 노트북이 방해였어요.
• 다솔: Git에서의 자잘한 실수들...

📋 오늘 할 일

• 공통 작업:

  • 캔버스 UI + 기능 연동
  • 소켓 연결 구현
  • 데모용 API 구현
  • CRDT 로직 붙이기
  • 그룹 멘토링 준비

• 선아:

  • 라운드 결과 모달 구현
  • Storybook 남은 배포 및 기술 로그 작성
  • 이후 백엔드 공부

• 미라:

  • 소켓 연결

• 태연:

  • 배경 투명 처리
  • 대기/메인/결과 화면
    • 대기 화면 완료되면 미라님께 알림

• 수정:

  • Playwright 마무리 작업
    • 정적인 이미지 비교(같음 - 0%, 다름 - 거의 100%)
    • 동적인 이미지 비교(같음, 다름, 랜덤)
    • 픽셀/PNG/스크린샷 중 정확도가 높은 비교 방법 선택
    • CRDT 전/후 기록

• 다솔:

  • 캔버스 UI + 기능 연동
  • 픽셀 소모량 반영

11월 14일 목요일

세부 내용 보기

🎁 오늘의 TMI

• 미라: 지하철 왤케 크죠 힘들어요 ㅜㅜ
• 선아: 편의점에서 삼각김밥 먹고옴
• 수정: 목 부어서 목젖이 삐뚤어짐
  • 주인 닮아서 삐뚤하나봐요
• 다솔: 아침에 홍시 먹었음
• 태연: 토요일에 버스킹 모임에서 가왕전 함. 1등 하고 싶음

🧐 어제 한 일

• 미라: 프론트 & 백 코드 자동 배포, Redis 연결
  • 미라님 최고!
• 선아: 라운드 종료 모달 제작 & 스토리북 배포 완료 & 기술 로그 작성(거의 완료)
• 수정: 랜덤 드로잉 비교까지는 완료 (CRDT 적용 전/후)
• 다솔: 캔버스 병합 페인트 툴 까지 완료
• 태연: 레이아웃 정말 멋지게 함. 근데 sm으로 모바일 기준을 잡았는데 lg로 잡아야할 듯 너무 이상함

🧱 방해 요소

• 미라: 충전기 놓고 옴ㅎ…………..
  • 노트북이 문제라서 그럼
  • c타입 충전기 가지고 계신다면 빌려주세욤
• 선아: 꿀꿀한 날씨
• 수정: 인후염
• 다솔: 피곤쓰
• 태연: 게임하고 싶음

📋 오늘 할 일

• 미라: 방 생성 및 참가, 그림 데이터 중계 서버 코드 작성
• 선아: 스토리북 기술 로그 작성 마무리 & 캔버스
• 수정: 병합한 코드에 CRDT 적용 + 가능하면 테스트 코드까지
• 다솔: pr 날리고 리뷰 피드백 수정. 이후 undo & redo까지 해보고싶음
• 태연: 메인 완료 후 서버와 동기화 및 나머지 퍼블리싱 정말 멋지게 진행