이 질문을 했는데요

자바스크립트로 이미지 편집 기능을 구현해보는게 목표라서

기존에 있던 이미지를

사용자가 직사각형 모양으로 잘라내고

그 잘라낸 부분을 페이지에 그려주는게 목표인데

자바스크립트는

기능들을 최대한 작은 단위로 쪼개서 쓸수있도록 해서

쓰임에 따라서 비동기적으로 처리할수도 있게 해야한다고 생각합니다

그런데 예제들을 보면 drawImage()라는 메소드 하나로

그려줄 이미지의 영역을 지정+그 부분을 그려줌

이 2개의 프로세스를 한번에 처리하고있네요

그래서 그 2개를 확실하게 나눠보고싶어요

그리고 저렇게 한번에 처리할때 성능상의 문제도 좀 나타나더라고요

이미지가 화면에 로드 되는데에 상당한 시간이 걸려서 무한로딩처럼 되기도 하네요