본문 바로가기

분류 전체보기179

SVG viewBox SVG viewBox 목차 SVG란 viewBox란 의미 기본 예시 위치 조정 예시 확대, 축소 예시 SVG란 SVG에 대해서 간단하게 알아보자. SVG란 Scalable Vector Graphics의 약자로 확장 가능한 벡터 그래픽, 다시 말해 크기를 확대하거나 축소할 수 있는, 수학적 함수를 이용해 도형이나 선을 그려서 표현한 그래픽이라고 할 수 있다. 여기서 수학적 함수를 이용해 도형이나 선을 그려서 표현한이라는 의미는 우리가 수학 시간에 배웠던 좌표평선 위의 그려져 있는 그래프 정도로 이해할 수 있다. SVG는 이런 방식을 차용함으로써, 우리가 흔히 알고 있는 jpg, png, gif와 다르게 확대해도 선명도가 떨어지지 않는다. 또한, 도형이나 선으로 구성되어 있어 파일의 용량이 상대적으로 작다... 2021. 10. 24.
211021(목) - 렌더링 성능 개선 with 도넛 차트 목차 렌더링 성능 개선 with 도넛 차트 문제 측정하기 분석하기 개선하기 결과 렌더링 성능 개선 with 도넛 차트 문제 배포된 페이지를 Safari로 확인했을 때, Chrome과 다르게 홈페이지 상단 도넛 차트 컴포넌트의 애니메이션이 매끄럽지 않다는 것을 알았다. Chrome - 정상적인 애니메이션 Safari - 비정상적인 애니메이션 측정하기 react dev tool의 Profiler를 이용해서 홈페이지에서 얼마나 렌더링이 발생하는지 측정했다. 무려 196번이나 렌더링이 발생하고 있었다. 그런데, 홈페이지에 세 개의 도넛 차트가 있었기 때문에 가장 왼쪽에 있는 도넛 차트만 남겨놓은 채 다시 측정했다. 총 93번의 렌더링이 발생하고 있었고, 도넛 차트와 관련된 렌더링의 개수를 세어보니 85번의 렌더.. 2021. 10. 21.
211017(일) - 211020(수) 목차 측정 기록 측정 분석 지난 스프린트 기록과 비교 지난 스프린트에 세웠던 목표 달성 여부 분석 점검 이번 주 토요일까지의 목표 측정 기록 공부 시간 잡다한 시간 측정 분석 지난 스프린트 기록과 비교 이번에는 일요일에서 수요일까지만 측정해서 평균 시간으로 비교하겠다. 지난 스프린트 전체 공부 시간은 54시간 16분으로 일일 평균 7시간 45분이고, 이번 스프린트였던 일요일부터 수요일까지는 총 32시간 38분이다. 이번 스프린트 일일 평균 공부 시간은 8시간 10분으로, 지난번에 비해 24분 증가했다. 지난 스프린트 총 잡다한 시간은 41시간 1분으로 일일 평균 5시간 52분이고, 이번에는 총 15시간 9분이다. 이번 스프린트 일일 평균 잡다한 시간은 3시간 47분으로, 지난번에 비해 2시간 5분 감소했.. 2021. 10. 21.
Git) Git Command 모음 Git Command 모음 자주 사용해서 기억하려고 작성. 공식 문서 참조 목차 커밋 메시지 수정 브랜치 삭제 브랜치 이름 변경 커밋 메시지 수정 링크 브랜치 삭제 Remote 브랜치 git push origin --delete [브랜치명] Local 브랜치 git branch -d [브랜치명] // 브랜치에 변경 사항이 없는 경우 삭제하는 방법 git branch -D [브랜치명] // 브랜치에 변경 사항이 있는 경우 삭제하는 방법 삭제하는 게 확실하다면 깔끔하게 git branch -D [브랜치명]을 사용하자. 브랜치 이름 변경 Local 브랜치 git branch -m [변경 전 브랜치명] [변경 후 브랜치명] 해당 브랜치로 checkout 된 상태에서 진행했다. 2021. 10. 20.