Skip to content

1주차 스크럼

Jump to bottom
mjseok edited this page Nov 27, 2020 · 2 revisions

image

📌 1일차

1일차 회고 보러가기

1일차 회고

  • 오늘의 MVD : 영언님🥇

    • 아이고 감사합니다

  • 영언: 역시 개발환경 설정은 어렵다 ㅠ (feat: ts)

    • 개발 환경을 설정할 때 에러가 많이 발생했는데 다들 해결책을 빠르게 가져오셔서 놀랐습니다 ㅎ
    • 그래도 두 번째 팀플을 하니까 초기 설정이 금방 진행되는 것 같다. (보일러 플레이트 만들어두길 잘했당)
    • 이슈 템플릿, PR 템플릿을 첫 날에 다 만들어서 좀 수월하게 진행될 수 있을 것 같다.
    • 파비콘과 로고 만들어 주신 승현님:+1:

  • 민지: 다들 열정 넘치신다 좋다.🔥

    • 항상 프로젝트 초기 설정이 제일 어려운 것 같다.
    • webpack.js가 아니라 webpack.ts로 하니까 오류가 해결되었던 것이 신기했다.
    • 타입스크립트에 대해서 잘 알고 있지않아서 많은 오류가 생겼던 것 같다.
    • 프로젝트할때 문제점이랑 해결책을 문서화하는 작업을 잘 해놓아야겠다.

  • 승현 : 오늘은 환경설정의 날~ 😎

    • 개발환경 설정하는 부분에서 기존에 사용하지 않았던 타입 스크립트를 고려하며 설정하니까 배로 어려웠던 것 같다. 🛠

    • 또, 혼자서 했으면 오류를 빠른 시일내에 해결하지 못할 것 같았는데, 팀원분들이 다같이 협력하여 차근차근 해결해 나가는 과정이 마치 아케이드 게임을 하는 것 처럼 재미있었다. 🎈

    • 라이브쉐어 키시고 고생하신 영언님 정말 수고하셨습니다 ^^ㅎ 🏳‍🌈

  • 지현: 이제 다시~ 시~~작이~다 (BGM - 서른 즈음에)

    • 치과 다녀왔습니다
      • 사랑니는 아니라네요 휴
      • 약이 근이완제라 하루종일 졸렸네요 (사실 지금도 좀...)
    • ESLint Babel Webpack 이정도 했으면 한번쯤은 곱게 될법도 한데...
      • 덕분에 Typescript에서 module과 script의 차이(import/export 유무)를 알게 되었다
      • 세상에, script간에는 변수 공간을 공유해서 같은 이름으로 import도 못한다니 ㅎ
    • 멘토님과의 첫 만남
      • 오랜만에 보는 Naver Works 아이콘, 다시 볼 날이 올까?
      • 늘 프로젝트를 시작할때면 멘토님께서 ~~까지 하는 건 기대도 안 한다는 말씀을 하시는데, 한 번도 틀린 적이 없다 OTL 이번에는?

📌 2일차

2일차 스크럼/회고 보러가기

2일차 스크럼

우리가 할 일

  • 배포 환경 구성
    • object storage
    • Jenkins
  • feature list 작성
    • API 명세서
    • ERD
  • 화면 명세서 작성

공유할 사항

  • 모두 같이 페어 프로그래밍으로 진행함~
    • 나는 네가 어제 한 일을 알고 있다

2일차 회고

  • 오늘의 MVD : 승현님 👭 지현님 🥇 공동 수상

    • 영어 독해는 중요합니다. "Secure Web origin"...
    • 승현 : 우앙 감사합니다~

  • 영언 : 웹 코덱이란 무엇인가..

    • 크롬 Web Codecs를 어디에 어떻게 적용해야 할지 몰랐는데, 어제 멘토님이 주신 링크와 여러 자료를 참고하면서 인코딩과 디코딩이 어떤 상황에 적용되어야 하는지 약간의 감을 잡을 수 있었다.
    • 지현님 덕에 Web Codecs를 사용하려면 localhost이거나 https에서만 사용이 가능하다는 것을 초기에 알게되었다.
      • 힘든 길을 가야할 것 같다..ㅎ
    • 카카오 오븐을 사용하여 화면 설계서를 그려봤다. 승현님이 이런 경험이 많으신 것 같아서 금방 진행할 수 있었다!
    • 앞으로 공부해야할 것들이 계속 큐에 쌓여가고 있다.. 하지만 재밌어보인다!

  • 승현 : 기술세계 탐험의 날 ~

    • 화면 설계서를 작성해 보았는데, 처음 작성해 보는 설계 화면이라 부족한 점도 있었지만, 영언님이랑 같이 작성하면서 미쳐 신경쓰지 못한 세밀한 부분까지 신경쓸 수 있었다. 추가적으로 UX적인 부분에서는 더욱 신경을 많이 써야 할 것 같다.

    • HTTPS 를 적용해 보았는데, 단순히 개인 서버에만 적용해 본 것이라서 차후에 적용할 배포서버에 대해 적용할 때, 걱정이 되지만 팀원들이랑 같이 한다면 무리없이 할 수 있을 것 같다.

    • Web Codecs 를 본격적으로 파해쳐 보는 날이었는데, Webgl, Webassembly를 어느 부분에서 사용해야 할 지 조금은 감을 잡은 것 같아서 프로젝트에 대한 흥미가 많이 생겼다.

  • 민지 : Object storage 공부(?)

    • Object storage설정하고 버킷설정까지는 했는데 uploadVideo에서 계속 오류나서 해결하는중
    • cors오류 해결
    • 아직도 프로젝트에 대한 완벽한 이해는 못했지만, webcodecs를 어떻게 쓰면 좋은지에 대해 승현님이 잘 설명해주셔서 조금씩 알 것 같다
    • web codecs,webgl,webassembly,canvas에 대한 공부 필요 전부 다 새로운 느낌이다 흑ㅎ그
    • webcodecs를 쓰려면 https로 배포해야한다는 것을 빨리 알게되서 다행이다...

  • 지현 : Hellno Jenkins!

    • Standard 성능의 Jenkins 서버 생성
      • 월 75,000원 - 크레딧 아니었다면 엄두도 못 냈을 것, 12월 지나고 반납 까먹지 말아야지
      • CI까지는 성공 (master 브랜치 변경사항 생기면 pull이 이루어짐)
    • Docker & nginx, 이 친구들은 아직 서먹서먹
      • 챌린지 때 Docker를 제대로 이해하고 쓴 게 아니었던 듯
      • nginx로 SPA + HTTPS 서버 설정을 할 수 있을까요? 하하하
    • Web Codecs 정보 공유
      • 어쩐지 docs도 좀 부실한 느낌이고, 자료도 거의 없다 했더니 trial 단계...
      • Secure Web origin이 필요하다니 이게 무슨 날벼락 (덕분에 HTTPS 공부함)

📌 3일차

3일차 스크럼/회고 보러가기

3일차 스크럼

우리가 할 일

  • Feature list 완료 (Team YBG)

  • React 기본 틀 (Unit)

    • 구조, 기본 동작
    • 화면 명세서 기반 component 배치

  • 기술 사용처 확립 (Team)

    • Web Codecs
    • Web GL
    • Web Assembly

  • 영상 데이터 서버와 통신 방법 (Unit)

    • 클라이언트에서 서버로 영상 데이터를 전송하는 형식
    • Object storage에 저장시점, 형태

  • HTTPS 배포 (Unit or Team)

공유할 사항

  • WebCodecs 이용 Pipeline에 대해
    • Canvas.getTracks()[0] -(VideoTrackRecorder)-> VideoFrame
      • Video를 재생하지 않고도 MediaStreamTrack을 생성하는 방법이 없을까?
      • 편집 효과는 Canvas에서 적용해서 보여줄까, 아니면 VideoFrame을 수정할까?
    • VideoFrame -(VideoEncoder)-> EncodedVideoChunk
      • WebCodecs를 서버 업로드용 인코딩/다운로드 후 디코딩 이외에 사용할 일이 생길까?
    • 소리는...? 따로...?
      • AudioEncoder, VideoEncoder 둘 다 사용하여 올린다고 하면, 서버에서 받아온 후에 어떤 방식으로 합칠(또는 동기화해서 동시 재생할) 수 있을까?
      • Event 기반 sync? 아니면 WebAssembly를 이용해서 타 언어의 Mux 라이브러리 활용?

회고

오늘의 MVD: 민지 였는데... 회고 사라졌어ㅓ요...ㅠㅜㅠㅜ image

📌 4일차

4일차 스크럼/회고 보러가기

4일차 스크럼

우리가 할 일

  • 프로토타입 완성!
    • 리액트 틀
      • 상태 관리 설계 마무리, 이슈 작성
      • 컴포넌트 설계, 이슈 작성
      • Frontend src/components/atoms/ 에서 불러오기 버튼 구현
      • Frontend src/api 폴더 만들어서 Object Storage 작업 서버에 요청할 수 있게 (선택)
    • Video to Canvas 및 Web Codecs 적용
      • localhost 기준

4일차 회고

  • 오늘의 MVD : 모두 😁✌

  • 영언 : 우우엑🤢

    • aws s3 파일 업로드 로직 리팩토링
    • 공부하고 싶은건 많은데 구현하느라 바빠서 못하는게 너무 슬프다 (프로토타입..!)
    • 아토믹 디자인을 처음으로 적용해 보았는데, 재사용성을 고려하면서 컴포넌트를 설계하는 것은 역시 어려웠당..
    • 리액트에 typescript를 적용하니 type check를 확실하게 할 수 있어 좋았는데, 아직 잘 알지 못하는 리액트 관련 타입이 많아 공부해야겠다!
    • 멘토님께서 올려주신 Web Codecs 문서를 번역하여 위키에 올렸다. (feat: 파파고와 함께)

  • 민지 : 하루종일 짝코딩하기~^^

    • 공부하고 싶은건 많은데 구현하느라 바빠서 못하는게 너무 슬프다(공감)
    • 주말에 typescript,WebGL,WebCodecs, 구현한 코드에 대해서 공부를 해야겠다
    • 아토믹 디자인에서 atomic,molecules,organism을 구분?하는게 좀 헷갈린다.
    • 짝코딩하면서 많이 배운 것 같다.

  • 승현 : WebGL이랑 놀다가 리엑트한테 혼난날~

    • video -> webgl / glsl 적용해서 영상 돌리기를 해봐서 재미있었다. vertexs position을 변경해서 버퍼에 넣고 다시 그려주면 되는 작업이었다.

    • 프로토타입을 빨리 산출해야 하므로 늦게까지 다들 고생하시면서 작업을 했다. 페어프로그래밍을 열심히 하면서 메인 드라이버 역할을 하신 민지님 고생하셨습니다.

    • Atomic 디자인 + TS를 배우면서 작업하는게 신기하면서도 어려웠다.

    • 이슈나 커밋, PR을 템플릿에 맞추어서 개발하는게 아직 적응이 되지 않지만, merge 해놓고 보면 깔끔하고 보기 좋은 것 같다.

  • 지현 :

    • aws s3 공식문서 공부 (근데 type 정리 잘 안 되어있어서 빡침)
    • 서버 불러오기나 편집같은거 일단 제껴두고 video를 file input으로 받아서 video element로 보여주는 것에 집중
    • file -> arraybuffer -> state -> video 구현하면서 삽질 너무 많이 함 ㅎㅎ
    • 눈 상태 또 맛 가려고 함 ㅠ 중간중간 수분공급과 휴식 잊지 말고 하자...

📌 5일차

5일차 스크럼/회고 보러가기

5일차 스크럼

우리가 할 일

  • 새벽까지 한 결과물 commit & PR

    • 그리고 수많은 component issue들... 언제 쓰지

  • 이번주 삽질 로그 발표 준비

    • 승현님 화이팅!

  • WebGL 공부

    • GLSL(Graphics Library, Shader Language) 공부
    • graphics pipeline 공부
    • 어떻게 돌아가나(쓰나)

  • react-redux, redux, redux-saga 다들 잘 이해하고 쓰고 계시죠?

    • 1도 모름 ㅜㅜ

⛺ Base Camp

📁 Documents

⚖ Rules

🖊 Records

☕️ 일일 회고 & 데일리 스크럼
🗓 주간 회고
👨‍👦‍👦 피어 세션

🤯 Tech

🏆 Contest

Clone this wiki locally