본문 바로가기

전체 글179

[프로젝트 일지] 211201(수) - aws cd 적용, 계산 오류 수정, 프로젝트 문서화 목차 aws cd 적용 계산 오류 수정 프로젝트 문서화 aws cd 적용 애플리케이션에 아마존 웹 서비스 S3에 지속적 배포를 적용했다. 이전에는 커밋을 하고 매번 번들 파일을 수동으로 S3에 올렸어야 했는데, 이제는 그러지 않아도 커밋 후 자동으로 S3에 객체가 업로드되어 사이트에 바로 반영이 된다. 이전 프로젝트에서 ci/cd를 적용한 경험이 있어 수월했다. 그때와 다른 점이 있다면 이번엔 하나의 계정으로 적용 가능했다는 점이다. 이전 프로젝트에서는 팀별로 주어진 계정의 보안 문제로 액세스 키를 받을 수 없었다. 그래서 두 계정을 이용해 하나의 계정에서 다른 계정에 접근해 줄 수 있도록 하면서(ACL 피부여자 추가), S3 버킷에 객체를 업로드할 때 CloudFront와의 연결을 유지하기 위해 객체 .. 2021. 12. 1.
211103(수) - 211110(수) 목차 정리 정리 일정 관리 피드백을 진행하면서 최근 방향이 조금 잘못되었다는 것을 느꼈다. 이제까지 피드백을 진행했지만, 피드백으로 나아지고 있다는 느낌을 크게 받고 있지 못해서였다. 그 이유에 대해서 생각해 보면 해결하고자 하는 문제, 달성하고자 하는 목표가 추상적이었기 때문이라고 생각한다. 문제와 목표 모두 모호하다 보니, 해결책이 나와도 크게 개선되지 않았던 것은 어쩌면 당연한 결과였다. 다시 피드백 계획을 세우는 게 필요하도 느꼈다. 그런데, 현재 상황 가장 높은 우선순위를 지닌 것은 면접이다. 면접 일정과 동시에 이번 달 말 10개월의 우아한테크코스 교육이 마무리되는데 이후 피드백을 다시 작성하겠다. 2021. 11. 10.
리액트에서 도넛 차트를 만들어보자 리액트에서 도넛 차트를 만들어보자 목차 도넛 차트 Canvas? DIV? SVG? stroke-dasharray stroke-dashoffset 직접 만들어보기 애니메이션 keyframes 도넛 차트 Canvas? DIV? SVG? 도넛 차트는 Canvas, DIV(html, css), SVG 등 크게 3가지 방법을 사용하여 만들 수 있습니다. 각각의 특징을 간단하게 살펴보면, Canvas를 이용한 방식의 특징은 비트맵 영역을 활용하는 것입니다. 즉, 자바스크립트 코드로 화면 위에 픽셀을 그려 넣는 방법입니다. 이와 같은 방식은 픽셀을 다루게 되어 도형의 크기에 따라 해상도를 따로 고려해야 하는 단점이 있습니다. 다음으로 DIV를 이용한 방법입니다. DIV로 도넛 차트를 그리는 경우, 원을 나타내기 위해.. 2021. 11. 10.
211031(일) - 211102(화) / 점검 목차 점검 점검 피드백 글을 작성하는 이유는 '실력적인 성장을 이루기 위해 일정을 효율적으로 관리'라는 목표를 달성하기 위해서이다. 이 목표 아래, '효율적인 관리' 항목을 정량화하기 위한 방식으로 시간 기록을 선택했다. 하지만 단순히 모든 시간을 기록하는 방식은 시간에 대해 강박 관념을 갖게 한다고 생각되어 현재 계획 중심으로 변경하여 진행하고 있는 상태였다. 스스로 최종적인 목표에 도달하기 위해 문제를 정의하고 작은 목표를 수립하며 피드백하는 방식으로 잘 진행되고 있다고 생각하고 있었다. 그런데, 전혀 아니었다. 목표 수립과 문제 정의 모두 잘못되었다는 것을 알게 되었다. 목표는 위에서 말했던 것처럼 '실력적인 성장을 이루기 위해 일정을 효율적으로 관리'이다.. 2021. 11. 3.