캔버스 썸네일형 리스트형 [CANVAS - 체스] 7. 리팩토링 시작 master에서 리팩토링 브랜치를 따서 리팩토링 하려고 한다. 일단 매번 호출하는 체스보드 그리는 함수를 별개의 파일로 분리하는 것부터 시작. 궁금한건 canvas는 테스트를 어떻게 하는건가.. 싶다. https://www.valentinog.com/blog/canvas/ Testing an HTML canvas with Cypress How to test an HTML canvas? Let's see an example of visual regression testing with Cypress. www.valentinog.com 여기서는 cypress를 이용한 시각적 회귀 테스트를 하고있다. 일단 테스트는 도입하지 않았고 현재 index 파일에만 잔뜩 있는 파일을 분리하는 것부터 시작했다. https:.. 더보기 [CANVAS - 체스] 4. 말 잡아먹기 이제 말 잡아먹는 기능을 구현하고자 한다. 일단 각 말이 갈수 있는 범위 구현은 나중에 하고, 한 말을 선택한 다음 다른 진영을 말을 클릭할 경우 그 말이 있는 위치로 가서 해당 말을 잡는 것으로 진행해보자. 이전에 이동했던 거랑 비슷해서 금방 적용시켰다. 다만 엉망진창으로 가는데 이건 나중에 수정하고, 현재 단점이 지금 내가 뭘 클릭했는지 모른다는 것이다. 이제 내가 클릭했을때 해당 말 또는 칸에 대해 효과를 주려고 한다. 더보기 이전 1 다음
