Log 8/10

Dev log

여러 캔버스로 구현한 js 파일들이 들어갈 컴포넌트를 정렬하는 작업을 했다. canvas는 html5에 추가된 API로 그래프, 이미지, 영상등을 그려내거나 표현을 할 수 있게 도와준다. 픽셀을 자바스크립트로 제어할 수 있기 때문에 세밀한 표현을 다루는 웹 이미지를 canvas로 구현하기도 한다. 이것을 사용하려고 하는데 CSS로는 잘 제어가 되지 않았다. 크기를 바꾸는 것은 태그 초기설정에서 가능했고 css로는 원하는 크기 조절이 잘 되지 않았다. 캔버스 크기를 조절하려는 이유가 반응형 웹 서비스 때문이다. 반응형으로 크기와 배치를 정렬해야 하는데 감싸는 태그는 바뀌어도 캔버스의 크기는 바뀌지 않았다. mdn과 여러 자료를 찾아봤지만 아직 원하는 해결 방법을 찾지 못했다. 이미지를 처리하는 방법을 찾으면서 내일도 이 작업을 해결할 수 있게 찾아봐야겠다. 공부를 하면서 하다보니 속도도 빠르게 할 수 없었다. 실력이 좋은 팀원분들은 공부를 하면서 잘 진행하시는게 대단해 보이고 부러웠다. 의욕이 줄어들기도 했다. 하지만 그래도 계속 하는게 중요하니 조금씩 쉬어가면서 흥미를 잃지 않게 노력해야겠다.