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

728x90

목표

Valina.js, React.js, Vue.js 중 적절한 라이브러리 탐색할 예정입니다.

노드를 그리고 에지를 연결하기 쉬운 방식이 무엇일지 알아낼 계획입니다.

Vue.js와 React.js 등 상태를 관리하기 쉬운 라이브러리를 사용하는 것이 적당하다고 생각했습니다.

각 노드들을 상태로 두고 에지에 대한 정보와 다음 노드들을 관리하기에 적절하다고 판단했기 때문입니다.

div태그를 사용해서 노드를 그리기는 쉬웠지만

아무리도 에지를 곡선으로 그리기에는 css를 가지고만 그리기는 힘들다고 생각했습니다.

그러던 와중 유튜브에서 Interactive Developers라는 분의 동영상을 접해 코드를 한번 따라서 작성해보고

Canvas api를 사용하면 에지를 그릴 수 있다는 결론에 도달했습니다.

따라서 익숙한 React.js와 Canvas api를 사용해서 그릴 생각입니다.