- Keyword
GitHub 배포/ Canvas
이미지를 CRA의 public 폴더에 저장을 했는데, 배포 시 이미지를 불러올 수 없는 상황이 발생하였다.
src로 불러오는 것은 불러왔으나, url로 불러오는 과정에서는 문제가 생겨 이미지를 불러오지 못했고 아래의 그림처럼 url을 수정한 뒤에서야 이미지를 불러올 수 있었다.
Git 배포 주소를 앞에다가 써주자.
Canvas의 개체를 컨트롤하고 싶었는데 이게 흰 도화지에 그림을 그려 넣는 것이라 다시 지우고 새로 그리지 않는 이상은 개체로 선택할 수 없다 하여 좀 고생했다. 개체를 선택하지 못하는 대신 좌표 값이나 색을 이용하여 선택한 것처럼 이용할 수 있다고 하지만 구분자가 좌표뿐이었고, 겹치는 요소가 있을 가능성도 높아 결국 시간 내로 구현하지 못했다.
- 오늘 하루 느낀 점
어제는 canvas를 좀 쉽게 생각했다가 개체 컨트롤하는 문제를 만나자 난이도가 확 올라간 느낌이었다.
드래그하는 방식도 mousemove 일 때 사각형을 자꾸 잔상처럼 그려주는 바람에 clear를 같이 했지만 뒷 배경까지 덮어씌워지는 상황이 발생하여 결국 canvas를 두 개를 사용하여, 하나는 배경 하나는 드래그 시 사각형을 표현해줄 수 있는 용으로 구현하여, 자연스러운 드래그는 성공하였다.
고생한 만큼 기억에 남는 과제였다. 간단한 2d 게임 정도는 만들어 볼 수 있을 것 같다.
시간 상 오늘이 마지막 팀 과제를 하는 날이다.
이제 슬슬 끝이 보인다. 더 힘내자!
반응형
