[2022 하계 모각코] 2회차 회고

728x90

목표

원래 목표는 그래프의 vertex와 edge를 구성하는 것이었지만

javascript의 canvas api를 공부하는 것으로 바꾸었습니다.

이유는 canvas api에 대한 지식을 진지하게 얻지 않으면

계속해서 난항을 겪을 것이라 생각했기 때문입니다.

따라서 이에 대한 공부 결과를 포스팅할 생각입니다.

react.js에 대한 지식을 얻고있긴 하지만, 결국 시각적으로 보이는 것은 canvas api가 전신입니다.

따라서 이에 대해 공부하기 좋은 사이트를 발견했습니다.

Canvas API - Web API | MDN

Canvas API는 JavaScript와 HTML <canvas> 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공합니다. 무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용

developer.mozilla.org

기본부터 시작해 공부한 내용을 깃허브에 적어서 지속적으로 올릴 예정입니다.

오늘은 Rectangle과 line을 그리기 위한 코드와 설명을 추가했습니다.

GitHub - uinone/canvas-trip: Travels of javascript canvas api

Travels of javascript canvas api. Contribute to uinone/canvas-trip development by creating an account on GitHub.

github.com

GitHub - uinone/canvas-trip: Travels of javascript canvas api

Travels of javascript canvas api. Contribute to uinone/canvas-trip development by creating an account on GitHub.

github.com

위 링크의 README.md 파일에 공부한 내용을 상세히 적어나갈 예정입니다.

그중 개인적인 고민과 함께 알아낸 내용들은 블로그에 따로 포스팅할 계획입니다.