본문 바로가기

CVI30

211028(목) - CI/CD 완성 목차 CI/CD 완성 CI/CD 완성 이전에 테스트 코드를 작성하면서 E2E 테스트를 위한 시나리오는 작성했지만, 테스트가 실행되지 않는 에러가 발생해서 미뤄둔 채로 방치하고 있었다. CI/CD를 표방하고 있었지만, 각각의 테스트는 제 역할을 하지 못하고 있어 사실상 CD만 구축되어 있는 상태였다. 프로젝트에서 CI를 구축했다고 말하는 게 부끄러워서, 페어와 같이 다시 테스트 코드를 작성하기로 했다. 이전에 테스트 코드를 작성하다가 그만두었던 이유는 테스트가 온전하게 실행되지 않아서였다. 테스트 환경까지는 잘 구축했다고 생각했는데 어떤 게 문제인지, 실행되지가 않아 테스트 케이스 자체를 확인해 볼 수 없었다. 당시 꽤 많은 시간을 투자했지만 문제가 해결되지 않아 반쯤 포기한 상태였다. 이번에도 페어와 다.. 2021. 10. 28.
211021(목) - 렌더링 성능 개선 with 도넛 차트 목차 렌더링 성능 개선 with 도넛 차트 문제 측정하기 분석하기 개선하기 결과 렌더링 성능 개선 with 도넛 차트 문제 배포된 페이지를 Safari로 확인했을 때, Chrome과 다르게 홈페이지 상단 도넛 차트 컴포넌트의 애니메이션이 매끄럽지 않다는 것을 알았다. Chrome - 정상적인 애니메이션 Safari - 비정상적인 애니메이션 측정하기 react dev tool의 Profiler를 이용해서 홈페이지에서 얼마나 렌더링이 발생하는지 측정했다. 무려 196번이나 렌더링이 발생하고 있었다. 그런데, 홈페이지에 세 개의 도넛 차트가 있었기 때문에 가장 왼쪽에 있는 도넛 차트만 남겨놓은 채 다시 측정했다. 총 93번의 렌더링이 발생하고 있었고, 도넛 차트와 관련된 렌더링의 개수를 세어보니 85번의 렌더.. 2021. 10. 21.
211015(금) - 1.0.0 release 및 앞으로의 Git 전략 목차 1.0.0 release 및 앞으로의 Git 전략 1.0.0 release 및 앞으로의 Git 전략 최종 데모를 앞두고 정식 버전을 release 하면서, 앞으로의 Git 전략을 같이 이야기했다. 이전에는 데모를 앞두고 한 번만 main 브랜치에 작업을 반영했지만, 이제는 이러한 방식을 수정하기로 했다. 앞으로의 데모가 한 번 남았을 뿐만 아니라, 이전의 방식을 사용하면 기능 상의 버그나 수정 사항이 최신 코드에 반영되지 않기 때문이다. main 브랜치를 업데이트하는 방식을 먼저 이야기했다. 매번 main 브랜치에 최신 코드를 유지하기 위해 main 브랜치에서 새로운 브랜치를 생성해서 하는 방식은 기존에 develop 브랜치와 main 브랜치를 사용하는 방식과 크게 다르기도 하고, 팀원에 의해서 코.. 2021. 10. 15.
211005(화) - 커스텀 훅으로 분리 목차 커스텀 훅으로 분리 문제의식 목표 기준 리팩토링 진행 결과 커스텀 훅으로 분리 문제의식 우리 애플리케이션의 특성상 다양한 페이지에서 서로 접근이 가능하다. 이 부분에 관해 살펴보니, myPageCommentReview, myPageLikeReview, myPageReview, reviewEditPage, reviewPage 등에서 reviewDetailPage로 이동이 가능했는데, 모두 동일한 함수를 각 페이지에서 선언 및 사용하고 있었다. 다른 페이지에서도 이와 동일한 상황이었다. 동일한 함수를 사용하고 있으므로 함수로 분리할 수 있으나, useHistory를 사용하고 있어서 커스텀 훅으로 분리할 수 있다고 생각했다. 목표 목표는 현재 사용되고 있는 모든 커스텀 훅을 사용해서 history.pus.. 2021. 10. 5.