[2021-05-19] 이미지 드래그 예제

See the Pen YzZpQJp by myeonghwa Shin (@fine-today) on CodePen.

 

 

자바스트립트+jQuery 완전정복 스터디 마지막 예제입니다.

실무에서는 드래그를 플러그인으로 작업하기 때문에 이에 대한 함수가 있겠거니 막연하게 생각했는데, 이 예제를 해결하면서

 -- 'mousedown','mousemove','mouseup' 등의 새로운 이벤트를 배울 수 있었습니다.

 -- 또한 $(document)에 설정한 드래그 동작이 끊임없이 화면에서 동작하니 조심해야 한다는 것

    (어떻게 보면 당연한데도, 책에서 짚어주니 그때서야 깨달았네요.),

 -- 이벤트 내에 함수로 다른 이벤트를 심어줄 수도 있다는 것, 

 -- selector.off() 함수

 

등을 배웠습니다.

 

 

제이쿼리는 앞으로도 관공서 위주의 일이 대부분인 현재 회사에서 호환성을 위해 포기할 수 없는 라이브러리 입니다. 관공서에서 ie를 포기하지 않는 한, 실무에서 계속 유용하게 쓰일 예정입니다. 또한 개발자와 퍼블리셔가 협업하기 위해 꼭 필요한 부분이기도 합니다. 그래서 es6와 병행하여 계속 업그레이드 할 예정입니다.

 

취업 전에 이 책 2, 3권에 여기저기 메모한 내용들이 있어서 재미있게 예제를 진행할 수 있었습니다. 그 때는 혼자 한 줄도 짜지 못했는데,  책의 오류를 체크해놓은 부분도 있어서 신기했습니다. 아무것도 모르고 정말 열심히 공부했던 때였던 듯 합니다. 앞으로는 조금씩 알아가면서 공부하자!