2020.12.07 회의록

👍 데일리 스크럼(10:00 ~ 12:00)

• 각자 구현했던 내용 merge 및 코드 리뷰
• crop 구현 이슈
• 지은 : 이미지 저장할 때 전체 저장과 부분 저장이 나뉘었으면 좋을 것 같음
• 진현 : 수정하겠습니다.
• 수경 : title, favicon이 저희 프로젝트에도 생겼네요..

📖 마스터 클래스(13:00 ~ 14:30)

• 프론트엔드 최적화를 설명해주셨습니다. 최적화란?
• 베스트 : 아무것도 하지 않는다.
• 현실 베스트 : 덜 일한다.

웹사이트 체감속도

• 첫 페이지 왜 이렇게 느림?
  • first contentful paint
  • first meaningful paint
• 왜 이렇게 늦게 반응함?
  • 자연스럽게 동작해야함, 첫 페이지 로딩을 빠르게 하기
  • 반응성 올리기, 부드럽게 이어져보이기
• 진단
• 개선
• 테스트 = side effect는 없는가?
• 진단 - 어디가 얼만큼 빨라졌는가

반응 지연, 애니메이션 지연 해결

• 1. 메인쓰레드를 blocking하지 않기 위한 내부조치들
• 2. Re-rendering 최소화 (가상 dom을 통한 메모리 단계에서의 변경사항 비교)
• 3. 중복 계산 줄이기
• 4. 네트워크 요청 캐시하기(service worker)
• 5. 복잡한 연산 위임(web workers활용)

👍 멘토님과의 멘토링 (16:00 ~ 16:30)

멘토링

• 데모시연

  • 3명인데 많이 구현한 것 같다.

• 질문 및 피드백

  질문 : 적용되지 않는 latex이 있는데 이 부분을 개선하는 방향이 나은지 아니면 새로운 기능을 구현하는 방법이 나은지 피드백 : 개선하는게 좋지만 3명인데다 시간도 2주 밖에 남지 않았기 때문에 개선보다는 기능 구현 및 리팩토링에 집중하는 부분이 좋을 것 같다.

  질문 : 테스트 코드 작성 시기에 대해서 질문 피드백 : 기업 혹은 조직마다 다른 것 같다. tdd로 작성하는 방식도 있고, 시나리오 테스트를 진행하는 경우도 많다. 렌더링 테스트까지 진행하고 있는데 a조는 시간적인 여유가 별로 없어서 거기까지 구현은 힘들 것 같다.

  질문 : resizing할 때 렉 걸리는 현상 피드백 : 리액트로만 작성했으면 렉이 걸리진 않았겠지만 라이브러리를 사용하였기 때문에 그런 것 같다. 라이브러리의 검토가 필요할 것 같다.

  멘토님 피드백 - 중간 점검이 필요할 것 같다. 현재 구현 단계는 어느 정도까지 이루어져 있으며, 개선할 사항 혹은 제외할 사항은 없는지 파악할 필요가 있다. - 백로그 작성시 전체 %가 지켜졌는지 정할 필요가 있다.

👍 중간 점검 (16:30 ~ 17:00)

• 그래프는 1차와 2차함수만 구현하는 방향으로 하고, 라이브러리를 구현할 수 있는 부분은 구현하자고 이야기가 나왔습니다.
• 수식 그리기 기능은 빼기로..