09. Daily Scrum

2019/11/05

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 김김이조 만의 스크럼 규칙을 정함
• 프로젝트에 대해 큰 분류로 카테고리를 나눠 기획서를 작성함
• 김김이조만의 Wrap up(하루의 마무리)을 진행함

2 ) 혼자 한 것 😎

김도현

• 간만에 친한 동생을 만나 애플 본사 직원에 관한 이야기를 들음

김재원

• 간만에 일찍 집에가서 휴식을 취함

이미림

• 집에가서 일찍 자서 오늘 일찍 일어나 어제 했던 것들을 정리하고 같이 개발할 타입스크립트를 미리 선행 학습함.
• 일찍 일어나니까 컨디션이 좋았음

조애리

• 스크럼에 관해 공부해서 팀원들에게 규칙을 제시함

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00-10:15 / 데일리 스크럼 진행
10:15-10:30 / 기획서 완료
10:30-12:00 / 화면 구성 기획
1:00 - 3:00 / backlog 작성
3:00 - 7:00 / 프로젝트 세팅
7:00 / 마무리 wrap up

---

2019/11/06

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 기획서 완성
• 화면기획서 초안(wireframe) 1차 완성
• Typescript 개발환경 셋팅에 대한 회의
  • React.js, Webpack.js 및 기타 라이브러리와 함께

2 ) 혼자 한 것 😎

김도현

• Github Actions 에 대해 확인
  • 간단한 테스트를 해봤는데 서버속도가 느리다고 판단되어 이 부분에 대한 대비계획 고민
• 이모지 애니메이션 이펙트에 대한 테스트를 진행하며 가능성을 확인

김재원

• Github Actions, Docker 를 이용한 CI/CD 프로세스에 대해 고민

이미림

• Github Actions 공식문서 자료 확인 및 학습

조애리

• 타입스크립트 환경 셋팅

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼 진행
10:15 - 12:00 / 화면기획서(wireframe) 완성
13:00 - 15:00 / CI/CD 및 개발환경 셋팅에 대해 개인 학습
15:00 - 16:00 / 회의
16:00 - 17:00 / 각종 기록의 템플릿(데일리스크럼, 이슈, PR) 확립
17:00 - 19:00 / CI/CD 및 개발환경 셋팅에 대해 개인 학습

2 ) 혼자 할 것 😎

김도현

• CI/CD 프로세스 및 환경 구축에 대해 학습

김재원

• Github Actions 기반의 CI/CD 기초 모델 구축(개인 저장소 이용)

이미림

• GitHub action에 대해 공식문서를 꼼꼼히 읽고 깊이 있게 학습
• 타입스크립트 개발 환경세팅을 실습할 예정 (웹팩, tslint 설정, VSCode)

조애리

• 백엔드에서 express 와 typescript를 활용하는 환경에 대해 고민

---

2019/11/07

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 화면기획서 완성
• 제품 백로그 작성 중

2 ) 혼자 한 것 😎

김재원

• Github Actions 를 이용한 Test 자동화 (develop 브랜치에 PR 오픈 시)

이미림

• 타입스크립트-리액트 웹팩설정에 관해 학습하고 실습해봄
• actions 간단히 테스트해봄

조애리

• CI/CD에 대해 전반적으로 공부하고 actions의 공식문서를 읽고 정리해봄
  • CI: push - build/test - logging - notifiy
  • CD: build - upload(object storage) / codedeploy event trigger - server instance 동작
• action/typescript template을 다운받아 공부함

3 ) 팀원들에게 공유할 이슈 💌

김재원

• pull request시 초반에 merge버튼이 활성화되어 이것을 막는 방법을 찾고 싶다.
• Github Actions 중에 원격 서버에 접속하는 방법(ssh)
  • key-gen rsa 을 통해 공개키를 서버에 등록하는 방법 (제일좋은 방법일것이라고 생각)
  • sshpass
  • expect
• Webhook 또는 원격 서버로 task 를 넘기고, 자체서버에서 배포를 진행하는 방법

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00-10:15 / 데일리 스크럼 진행
10:15-12:00 / 백로그 완성
13:00-15:30 / 이슈, PR, 데일리스크럼, wrap-up, 스프린트 등 도큐먼트 템플릿 완성
15:30-16:30 / wiki에 정리하기 (그라운드 룰 등)
16:30-19:00 / CI/CD 및 개발환경 셋팅에 대해 개인 학습
19:00 / 마무리 wrap-up

2 ) 혼자 할 것 😎

김재원

• Github Actions 를 이용한 배포 자동화
• Github Actions 의 workflow 파일 정리

이미림

• github actions 공식문서 읽기
• github actions 심도있는 실습해보기

조애리

• typescript로 간단한 app을 만들고 테스트코드를 작성하여 CI workflow테스트해보기
• ncloud object storage, server 인스턴스를 사용하여 CD 테스트해보기

---

2019/11/08

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• Backlog 작성
• 이슈, PR, 데일리스크럼, wrap-up, 스프린트 템플릿 정하기
• wiki 정리
• 이슈 라벨 정하기
• 화면 디자인 (Figma)

2 ) 혼자 한 것 😎

김도현

• 타입스크립트 공식문서 읽기
• gihub actions 자료 찾아보기

김재원

• 휴식하기

이미림

• 기획 발표 간단히 준비하기

조애리

• 컬러 라이브러리 찾아보기

3 ) 팀원들에게 공유할 이슈 💌

김도현

• 없음

김재원

• 없음

이미림

• 없음

조애리

• 없음

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼 진행
10:15 - 12:00  / figma 작업
15:30 - 16:30 / 이미지 컨버터에 대해 공부
16:30 - 18:40 / CI/CD 및 개발환경 셋팅에 대해 개인 학습
18:40 - 19:00 / Wrap-up

2 ) 혼자 할 것 😎

김도현

• 프로젝트에 적용할 CI/CD와 타입스크립트에 대해 공부하기

김재원

• CI/CD github actions를 이용해 workflow 완성
• 그레프큐엘 코드가 포함된 소스코드를 이용해 CI/CD 테스트해보기

이미림

• github actions 공식문서 읽기
• CI/CD 예제를 찾아봐서 따라해보기

조애리

• CI/CD workflow 테스트하기

---

2019/11/12

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 스프린트 회의를 통해 이번 스프린트에서 해야 할 우선순위 feature를 선정하여 issue로 등록하였다.
• 페어 프로그래밍을 통해 서버 개발환경을 구축하였다.

2 ) 혼자 한 것 😎

김도현

• OAuth 카카오 로그인을 공부해 보며, 적용을 해봤다. API 호출은 잘 작동하나 데이터베이스에 넣는 과정까지 진행하지는 못했다.

김재원

• 깃헙액션을 적용하여 CI/CD를 테스트해보았다.

이미림

• graphQL 공식문서를 읽었다.

조애리

• 이슈/풀리퀘스트 템플릿 오작동 이유를 알아냄

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / graphql 학습
13:00 - 18:40 / 개발 (페어 프로그래밍) - 로그인/로그아웃 기능 구현
18:40 - 19:00 / wrap-up

---

2019/11/13

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / graphql 학습
13:00 - 18:40 / 개발 (페어 프로그래밍) 
    - CI/CD 프로세스 초기 설정 완료
    - KAKAO 로그인 서버사이드 구현
18:40 - 19:00 / wrap-up

2 ) 혼자 한 것 😎

김도현

• 이력서 작성
• 구글 앱 만들기

김재원

• 이력서 작성

이미림

• graphql 뮤데이션 공식문서 읽기
• 이력서 작성
• apoll client 인증 공식문서 읽기

조애리

• 이력서 작성

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / 네이버/구글 서버사이드 구축
13:00 - 14:00 / graphQL 공부 및 Apollo client 구현
13:00 - 18:40 / 로그인 클라이언트 구현
18:40 - 19:00 / Wrap-up

2 ) 혼자 할 것 😎

김도현

• graphQL 공부

김재원

• Apollo 공부
• 이력서 완성

이미림

• graphQL 뮤테이션 공식문서 부분 모두 읽기
• Apollo client 공부

조애리

• Apollo client 공부

---

2019/11/14

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / 카카오 소셜 로그인 완료
13:00 - 18:40 / 로그인 클라이언트 구현 완료 및 네이버, 구글 소셜 로그인 기능 완료
18:40 - 19:00 / Warp-up

2 ) 혼자 한 것 😎

김도현

• passport 공부
• google, kakao, naver 모듈 찾고 테스트

김재원

• 이력서 작성
• cors 에 대해 공부

이미림

• 이력서 작성
• 애리님이 보내주신 자료(react + oauth + jwt)와 관련된 글을 읽음

조애리

• 이력서 작성
• Client Oath+restAPI 예제 분석

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / 카카오 프론트까지 로그인 마무리
13:00 - 14:00 / graphQL 공부 및 Apollo client 구현
13:00 - 18:40 / 로그인 최종 마무리 ( 네이버 , 구글 )
18:40 - 19:00 / Wrap-up

오늘은 함께 로그인을 완전히 끝냅니다! 😀

---

2019/11/15

1. 어제 한 일 🌙

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / 카카오 프론트까지 로그인 마무리
13:00 - 14:00 / graphQL 공부 및 Apollo client 구현
13:00 - 18:40 / 로그인 최종 마무리 ( 네이버 , 구글 )
18:40 - 19:00 / Wrap-up

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 페어 프로그래밍을 통해서 네이버, 카카오, 구글 로그인 구현을 web서버와 api-server까지 구현했다.

2 ) 혼자 한 것 😎

김도현

• Apollo 공식문서 공부

김재원

• Apollo 공식문서 공부

이미림

• 11/14 일까지 구현된 코드를 읽어보고 리팩토링 할점과 팀의 커밋 단위에 대해 고민해봄

조애리

• server-api 배포
• 스타일 작업

3 ) 팀원들에게 공유할 이슈 💌

이미림

• 커밋 단위의 크기에 대해 고민해봤으면 좋겠습니다.
• 스타일 컴포넌트 코드와 리액트 컴포넌트 코드 분리에 대해 고민해봤으면 좋겠습니다.

조애리

• 로그인버튼 눌렀을때 팝오버의 인터랙션이 매끄럽지 않은 것 같다.

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / 발표 준비
13:30 - 15:30 / 발표
15:30 - 16:30 / 발표
16:30 - 19:00 / 리펙토링 스프린트 회고

2 ) 혼자 할 것 😎

김도현

• 현재까지 진행한 코드에서 리팩토링 할 부분을 찾기
• 다음 확장성에 대해 고민

김재원

• 발표 준비 및 발표
• wiki 자료 게시

이미림

• Apollo client 공식문서 읽기
• Apollo client 공식문서 내에 있는 예제 코드 읽어보기

조애리

• Graphql, Apollo 공부

---

2019/11/19

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 리뷰어님의 리뷰를 보고 프로젝트에 리뷰를 반형함
• server-api 폴더 구조에 대해 깊게 고민하였고, 현재 팀에게 가장 적합한 폴더 구조에 대해 논의함

2 ) 혼자 한 것 😎

김도현

• pdf를 img로 변환시켜주는 라이브러리를 이용해 테스트를 진행함

김재원

• 리액트 기반의 상태관리에 대해 학습함

이미림

• 도커, github actions를 이용해 배포 테스트를 해봄

조애리

• 필라테스

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / 이미지 매직, 그래픽 매직 개인 학습
13:00 - 19:00 / 이미지 컨버터 완성 - 페어프로그래밍
19:00 / 마무리 wrap-up

2 ) 혼자 할 것 😎

김도현

• apollo(graphQL)를 이용해 채팅 기능 구현해보기

김재원

• apollo(graphQL)를 이용해 채팅 기능 구현해보기

이미림

• apollo(graphQL)를 이용해 채팅 기능 구현해보기
• Docker/github actions 테스트해보기

조애리

• apollo(graphQL)를 이용해 채팅 기능 구현해보기

---

2019/11/20

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 페어프로그래밍으로 converter 서버를 함께 작업함
• multer를 이용한 파일 전송 시스템을 구현함
• GraphicsMagick을 이용해 pdf를 이미지로 변환해주는 시스템 구현

2 ) 혼자 한 것 😎

김도현

• GraphicsMagick에 대해 알아보고, 어떤 방식으로 node와 소통하는지 알아봄.
• multer가 s3에 어떤 식으로 파일을 전송하는지 살펴봄.

김재원

• 리눅스 운영체제에 대해 공부

이미림

• 어제 페어프로그래밍으로 구현했던 코드를 다시 꼼꼼하게 살펴봄
• 채팅 기능 구현을 위해 apollo subscription 개념과 관련된 공식문서를 찾아봄

조애리

• graphql subscription에 대해 서치

3 ) 팀원들에게 공유할 이슈 💌

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / multer 마무리 ,주석, readme
13:30 - 15:30 / 채팅 UI 회의 및 페어프로그래밍
15:30 - 19:00 / 채팅 UI 구현 및 페어프로그래밍
19:00 - 19:15 / wrap-up

2 ) 혼자 할 것 😎

김도현

• GraphicsMagick와 node가 어떤 식으로 소통하는지에 대해 조사
• 시간이 남는다면, graphQL subscription으로 채팅 구현하기

김재원

• graphQL subscription으로 채팅 구현하기
• subscription 원리 파악하기

이미림

• 공식문서로 subscription 개념 숙지
• 채팅 구현해보는 예제 따라해보기

조애리

• graphQL subscription으로 채팅 구현하기

---

2019/11/21

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 페어프로그래밍으로 converter 서버 업로드/임시파일 삭제 구현
• converter 서버 완성
• Main 페이지 UI 구현

2 ) 혼자 한 것 😎

김도현

• GraphicsMagick에 대해 알아보고, 기술공유할 내용 정리함

김재원

• GraphQL Subscription 기능을 구현함

이미림

• 휴식을 취하고 컨디션을 관리함

조애리

• 휴식을 취하고 컨디션을 관리함

3 ) 팀원들에게 공유할 이슈 💌

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 12:00 / webpack 설정을 통한 이미지 경로 설정
13:30 - 19:00 / 채팅기능 구현 및 페어프로그래밍
19:00 - 19:15 / wrap-up

2 ) 혼자 할 것 😎

김도현

• 금요일 기술공유 발표 및 자료준비

김재원

• 지난주 기술공유 정리해서 wiki 에 업로드

이미림

• GraphQL 기반의 채팅시스템 구현 및 이해

조애리

• GraphQL 기반의 채팅시스템 구현 및 이해

---

2019/11/26

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 김재원, 조애리
  • 채널페이지 context 프로바이더에서 채널 정보를 내려주기 위해 graphQL 쿼리로직 작성
  • DB스키마 필드명 카멜케이스로 통일
• 함께
  • 스프린트 회의를 통해 각자의 task 분배하기

2 ) 혼자 한 것 😎

김도현

• server-converter에서 어떤 프로그램과 모듈을 사용해서 PDF를 파싱하는지 기술공유 문서 작성

이미림

• drap & drop 예제 코드(npm dropzone 모듈로 구현된 예제 제외) 이해하기

조애리

• 슬라이드 UI 컴포넌트 구현 진행 중

3 ) 팀원들에게 공유할 이슈 💌

이미림

• kakao client id 한번 확인부탁드립니다!

조애리

• DB스키마 변경사항 숙지해주세요~

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 15:00 / 개인 개발 시간
15:00 - 16:00 / develop에 push한 코드(변경이 많은 코드) 공유하는 시간
19:00 / 마무리 wrap-up

2 ) 혼자 할 것 😎

김도현

• 마이페이지 UI를 완성할거예요!!😀

이미림

• 파일 drag & drop 업로드 기능 구현
• 시간이 된다면, 채널 코드를 생성해주는 유틸함수 구현

조애리

• 슬라이드UI 컴포넌트, 애니메이션 구현 완료

---

2019/11/27

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 각자 맡은 부분을 열심히 개발

2 ) 혼자 한 것 😎

김도현

• 마이페이지 UI 구현
• 몸이 아파서 일찍 쉼😷

김재원

• 채널에 필요한 채팅 UI 및 기능 구현

이미림

• 드롭다운 및 프로그래스 기능 구현

조애리

• 채널에 필요한 슬라이드 서버에서 이미지 뿌려주는 기능 구현

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 19:00 / 각자 맡은 부분 개발
19:00 / 마무리 wrap-up

2 ) 혼자 할 것 😎

김도현

• 마이페이지 UI 완성 및 더미 데이터로 테스트

김재원

• 채팅 디테일 기능 ( 자동 스크롤 ), 채팅 기능 구현

이미림

• 드롭다운 기능 채널 페이지와 연동

조애리

• 채널에 필요한 슬라이드 디테일한 부분(이미지 크기가 다른 경우) 고민 및 구현

---

2019/12/03

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 김재원 & 조애리
  • 스트레스 테스트를 위한 환경을 세팅함
  • 핀포인트 툴에 대해 공부함

2 ) 혼자 한 것 😎

김도현

• 전체화면 구현을 위한 모듈을 직접 구현함
• 날아가는 이모지 테스트 하면서 방법 모색

김재원

• pinpoint를 이용한 모니터링 환경에 대해 공부
• pinpoint 설치방법 확인

이미림

• Canvas에 대해 공부해봄
• 저번주 스프린트에서 끝내지 못한 이슈를 완료함

조애리

• test를 위한 mock서버 준비

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼 진행
10:15 - 7:00 / 개인 개발
6:40 - 7:00 / 마무리 wrap up

2 ) 혼자 할 것 😎

김도현

• 채널 내 PDF다운로드 버튼을 구현
• 채널에 몇명의 사람이 있는지 확일 할 수 있는 Input 구현

김재원

• 이미지 컨버터서버 모니터링 환경 구축

이미림

• 캔버스에 대한 공부 및 구현 시도해보기
• Tool UI 완성

조애리

• 이미지 컨버터서버 모니터링 환경 구축

---

2019/12/04

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 김재원 & 조애리
  • 스트레스 테스트를 위한 환경을 세팅함
  • 핀포인트 툴에 대해 공부함

2 ) 혼자 한 것 😎

김도현

• 유저 카운팅 방식을 고민함 : socket io에 접속된 유저들을 계산해야 하지만, 채널 별로 카운팅을 해야 하기 때문에 문제 가 있음. 그리고 apollo socket은 기존의 socket과 틀려서 방식을 틀리게 해야됨.

김재원

• 리눅스 상에서 시스템 성능을 어떻게 측정할지 공부했다
• 이미지 컨버터 서버 성능을 어떻게 끌어올리고 테스트해볼지 고민해봤다

이미림

• Canvas에 대해 공부해봄
• 이미지 컨버터 서버 내 컨버터 모듈이 컨버팅하는 이미지 크기도 리턴할 수 있도록 수정하였다.

조애리

• pinpoint node agent 적용방법을 고민해봄

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼 진행
10:15 - 7:00 / 개인 개발
6:40 - 7:00 / 마무리 wrap up

2 ) 혼자 할 것 😎

김도현

• 유저수를 계산하는 방식을 채널에 입장할 때와 종료할 때의 이벤트를 이용해 구현하기.
• 날아가는 이모지를 구현하기.

김재원

• 모니터링 방법을 확립하고, 테스트를 진행한다.

이미림

• 드로피에 맞는 Canvas스타일을 고민하고, 비율에 맞게 적용해본다.

조애리

• 모니터링 방법을 확립하고, 테스트를 진행한다.

---

2019/12/10

1. 어제 한 일 🌙

1 ) 혼자 한 것 😎

김도현

• 웹 상에서 파일을 다운 받을 때, 파일명을 바꾸는 방식에 대해 알아보았다.
• 마이페이지와 flash message관련 PR을 날렸다.

김재원

• 로그아웃 버그 Hotfix 수정
• 채팅 버그 Hotfix 수정

이미림

• ref forwarding 에 대해 알아보았다.

조애리

• 슬라이드 방향키로 이동 구현
• 채팅 방향키와 겹칠 때 이슈 해결 중

2 ) 팀원들에게 공유할 이슈 💌

김도현

• 카카오 오피스 투어 오후 1시에 출발🤠

김재원

• 카카오 오피스 투어 오후 1시에 출발🤠

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 19:00 / 스프린트 개발 진행
19:00 / 마무리 wrap-up

2 ) 혼자 할 것 😎

김도현

• 파일을 다운 받을 때, 최초의 파일명을 유지 하는 것을 구현하기
• 채널 내 사람 수 파악하는 것 구현하기

김재원

• 스피커 권한 설정 모달 추가
• 스피커가 방 제목을 수정할 수 있다.

이미림

• ref forwarding 적용해보기
• Canvas 위에 선 그리기 구현하기

조애리

• 해쉬태그로 질문하기 기능 구현하기

---

2019/12/11

1. 어제 한 일 🌙

1 ) 혼자 한 것 😎

김도현

• 채널 내 있는 유저수를 카운팅 하는 방법을 찾아봄.

김재원

• 이미지 컨버터 서버 스트레스 테스트 및 개선방안 도출

이미림

• 기존에 채널 메인 슬라이드 컴포넌트와 캔버스 컴포넌트를 분리하였다.

조애리

• 질문 채팅 해쉬태그 파싱 및 UI 구현

2 ) 팀원들에게 공유할 이슈 💌

김도현

• 소켓을 사용해야 정확하게 유저 수를 카운팅 할 수 있다. 다른 방법을 사용한다면, 오차가 생길 수 있다.
• 최악의 경우에는 드로피를 접속하는 모든 사람에 대해 filter를 통해 관리하는 방법이 있다.

김재원

• 현재 GraphicsMagick을 사용시 슬라이드의 모든 페이지를 동시에 변환하도록 설정되어있는데, 테스트해본 결과 슬라이드 1장당 용량은 의외로 부하에 무관하고, 2장만 동시에 변환해도 CPU 부하가 너무 많이 걸린다.
• 1장씩 안전하게 변환하는 것이 좋을 듯 하다.
• 테스트 결과는 엑셀로 정리해서 전달할 예정이다.

조애리

• 질문 채팅 클라이언트에서만 구현 가능, 서버에 flag를 남겨야 할까?

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 19:00 / 스프린트 개발 진행
19:00 / 마무리 wrap-up

2 ) 혼자 할 것 😎

김도현

• 채널 내 사람 수 파악하는 것 구현하기
• 날아가는 이모지를 구현하기

김재원

• 이미지 컨버터 서버 핫픽스 구현
• 채널 제목설정 기능 구현

이미림

• 캔버스가 resize될 때, 이전의 캔버스 컨텍스트를 유지할 수 있도록 구현하기.
• 펜툴 외에 형광펜툴을 구현하기

조애리

• 질문 기능 구현 완료

---

2019/12/12

1. 어제 한 일 🌙

1 ) 혼자 한 것 😎

김도현

• 채널 내에서 사용가능한 날아가는 이모지를 구현.
• 채널 내에서 사용가능한 날아가는 이모지를 db없이 동기화 하는 방법을 고민하고 찾아봄.

김재원

• 이미지 컨버터 부하 견딜 수 있는 방안 도출
• 채널 설정 모달 UI 및 인터렉션 모듈 개발

이미림

• 캔버스가 resize되었을 때, 기존의 context를 다시 보여줄 수 있도록 구현
• 이미지로 이전의 context를 저장하는 방법 외에 다른 방법들을 찾아봄
  • 인메모리 캔버스
  • 캔버스 scale 등등

조애리

• 채팅 질문 소팅 구현

2 ) 팀원들에게 공유할 이슈 💌

김도현

김재원

• svg 인라인 이미지를 위한 디렉토리를 따로 분리해야할 듯 하다.

이미림

• 이전의 캔버스의 context를 이미지로 저장하는 방식 외에 다른 방식에 대한 아이디어를 함께 생각해볼 필요가 있다.

조애리

• 질문 채팅을 소팅할 때 최신순과 공감순이 함께 적용되어야 할까?
• 질문 채팅을 소팅할 때 질문이 아닌 채팅을 아예 제외해야할까?

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 19:00 / 스프린트 개발 진행
19:00 / 마무리 wrap-up

2 ) 혼자 할 것 😎

김도현

• 날아가는 이모지 동기화
• 날아가는 이모지 전체화면 구현

김재원

• 채널 제목 수정기능 추가
• 이미지 컨버팅 방식 순차처리 방식으로 수정

이미림

• OffscreenCanvas 적용해보기
• 페이지를 넘길 때마다 이전의 캔버스를 db에 저장하고, 새로운 캔버스를 렌더링하도록 함

조애리

• 질문 채팅 소팅 구현 완료, 채팅 익명설정 구현

---

2019/12/13

1. 어제 한 일 🌙

1 ) 함께 한 것 👨‍👨‍👧‍👧

• 열정적인 개발 및 공유

2 ) 혼자 한 것 😎

김도현

• 날아가는 이모지 구현
• 기술 공유에 대해 계획을 세움

김재원

• 채팅 모달 UI 추가 및 제목 수정기능 추가
• 컨버터 서버 모듈 리팩토링 및 순차적 쓰기기 기능 추가

이미림

• 슬라이드가 resize될 때, 이전의 캔버스 content를 유지할 수 있도록 구현함

조애리

• 채팅 익명 허용, 채널 이름 변경 구현
• 채널 설정 모달 UI 변경

3 ) 팀원들에게 공유할 이슈 💌

김재원

• gm.js 의 .write() 메서드의 끝나는 시점을 체크하는 것이 버그가 있다.
  따라서 writeStream 의 close 이벤트를 통해 컨버팅이 끝나는 시점을 명시적으로 확인했다.

조애리

• channel data type이 바뀌었습니다. channelOptions 타입으로 옵션 데이터를 분리했습니다.

2. 오늘 할 일 🔥

1 ) 함께 할 것 👨‍👨‍👧‍👧

10:00 - 10:15 / 데일리 스크럼
10:15 - 10:30 / 리뷰 요청
10:30 - 12:00 / master에 배포
13:00 - 14:00 / 기술 공유
16:00 - 19:00 / 개발
19:00 / 마무리 wrap-up

2 ) 혼자 할 것 😎

김도현

• 채널 내 사용자 카운트 계획 및 구현
• 날아가는 이모지 기술공유 작성

김재원

• 채널 만료기간 설정기능 추가

이미림

• 어제 구현한 캔버스 기능에 잔 버그를 해결하고, 렌더링 최적화를 시도해볼 예정
• 슬라이드 페이지마다 캔버스 히스토리를 개별적으로 저장할 수 있도록 구현할 예정

조애리

• 클라이언트 렌더링 최적화 고민

---

2019/12/19

1. 어제 한 일 🌙

1 ) 혼자 한 것 😎

김도현

• 리팩토링할 부분을 찾아봄
• 이모지가 날아간다에 대한 기술 공유 작성

김재원

• SSL 인증 적용하여, 배포하고, 정상 동작하는 것 확인

이미림

• 반응형 이미지, 캔버스에 대한 기술 공유를 작성하였음

조애리

• 컨버터 서버에 대한 기술 공유 작성하였음

2. 오늘 할 일 🔥

1 ) 혼자 할 것 😎

김도현

• Apollo 테스트에 대해 공부 및 적용
• 리팩토링 및 UI 개선

김재원

• SSL 인증을 리얼 서버에 배포할 예정
• 슬라이드 컨버팅 동작방식 큐에 영향가지 않도록 변경

이미림

• 캔버스 기능 구현 완료하기
• 코드 리팩토링하기

조애리

• 기술 공유를 추가적으로 작성할 예정
• 테스트 툴에 대한 공부