Projects57 [프로젝트 일지] 211201(수) - aws cd 적용, 계산 오류 수정, 프로젝트 문서화 목차 aws cd 적용 계산 오류 수정 프로젝트 문서화 aws cd 적용 애플리케이션에 아마존 웹 서비스 S3에 지속적 배포를 적용했다. 이전에는 커밋을 하고 매번 번들 파일을 수동으로 S3에 올렸어야 했는데, 이제는 그러지 않아도 커밋 후 자동으로 S3에 객체가 업로드되어 사이트에 바로 반영이 된다. 이전 프로젝트에서 ci/cd를 적용한 경험이 있어 수월했다. 그때와 다른 점이 있다면 이번엔 하나의 계정으로 적용 가능했다는 점이다. 이전 프로젝트에서는 팀별로 주어진 계정의 보안 문제로 액세스 키를 받을 수 없었다. 그래서 두 계정을 이용해 하나의 계정에서 다른 계정에 접근해 줄 수 있도록 하면서(ACL 피부여자 추가), S3 버킷에 객체를 업로드할 때 CloudFront와의 연결을 유지하기 위해 객체 .. 2021. 12. 1. 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. 이전 1 2 3 4 5 ··· 15 다음
