[Pixi.js] 픽시 공부 시작

https://youtu.be/_HjQTzpbRK4

회사 스택인 픽시를 아주 씹어먹어보고 싶어서 유튜브 튜토리얼 영상을 보고 따라해볼까한다.

나는 무언가를 각잡고 공부한다(시작한다)의 기준이 영상학습이다.

 

이 공부를 시작하게 된 계기는 다음과 같다.

회사에서 아이템이 겹칠 때 가장 위에 뜬 팝업의 버튼이 눌리지 않는 이슈가 있었는데,

버튼 아래에 다른 픽시앱 아이템과 겹쳤기 때문이다.

더 상세하게 기술하자면, 해당 픽시앱의 특정 플래그에 마우스 좌표상의 클릭 이벤트가 등록있었는데 위에 다른 팝업이 켜지는데도 플래그를 꺼주지 않았다.
따라서 추가 팝업이 열릴 때 픽시앱의 플래그를 끄고, 추가된 팝업이 다시 닫힐 때 픽시앱의 플래그 켜는를 추가하여 이슈는 해결하였다.

이 과정에서 스스로 아쉬웠던 점은 이펙티브, '시간 대비 생산성'이다.

해당 코드는 픽시를 잘 알면 빠르게 독해할 수 있는 코드였지만,(픽시를 잘 아는 개발자분이 과거에 짜신 코드의 이슈를 해결하는 작업이었음)

개인적으로 픽시에 대한 이해도가 낮아서, 도큐 뒤져보느라 코드를 완벽히 이해하는데 반나절이나 걸렸다는 것이 스스로 납득이 되지 않아, 본격적으로 공부를 시작해보려고 한다.