[JS] 가중산술평균과 이미지 필터링 기능의 구현

모던 자바스크립트 입문을 공부하는 도중 좀 복잡한 코드를 마주하게 되었다. 

코드를 읽다가 도움이 될 수 있는 단서를 하나 발견했는데, 바로 가중 산술 평균이다. 

 

가중 산술 평균은 

 

가중 산술 평균은 자료의 평균을 구할 때 자료 값의 중요도나 영향 정도에 해당하는 가중치를 반영하여 구한 평균값이다.

 

라고 위키에 정의되어 있다. 

 

그리고 아주 아주 친절한 부가설명도 존재한다. 

 

출처: ko.wikipedia.org/wiki/%EA%B0%80%EC%A4%91_%EC%82%B0%EC%88%A0_%ED%8F%89%EA%B7%A0 

 

딱 한번만 읽어봐도 이해가 될 정도로 간단한 예제이다. 

 

즉 가중치를 분모로 잡아서 모두 더하고, 

분자에는 해당 값들과의 곱을 더해서 평균을 구하는 것이다. 

 

 

따라서 위처럼 픽셀의 정중앙의 값을 가중산술평균의 값을 구해서 치환해주면 된다. 그 결과 중앙의 값이 39로 치환되었다. 

 

두번째 3x3에 있는 값들을 왼쪽의 3x3 행렬을 가중치로 삼아서 계산하면 (18은 곱에서 제외 -> 18 이 있는 칸을 구할거니까 계산하면 안됨) --> 그렇게 계산을 마치면 39라는 답이 나오고, 이 값을 18과 치환해주는 것이다.