초보자를 위한 자바스크립트를 이용하여 간단하게 얼굴 인식하기( openCV.js 활용)_1

회사에서 얼굴인식 관련 라이브러리를 찾아보라는 임무가 주어짐.

빅데이터와 딥런닝 관련된거라 손도 못대겠구나 생각했으나(쉽다는거 아님...매우어려움...)

아주 낮은 수준으로 openCV.js 가져다쓰는 정도로 활용은 가능할거 같아 한번 글을 써본다.

(참고로 교양 쌓는다 생각하고 편히 읽어 보시길...저 조차도 이해도가 낮아 얕은수준으로 글을 써보게쑴다.....)

 

1. openCV.js

                                                                 

 

OpenCV는 Open Computer Vison의 약자로 영상 처리에 사용할 수 있는 오픈 소스 라이브러리 임.

이미지 처리, 기하학적 변환, 객체 탐지, 얼굴 인식 등 컴퓨터 비전 관련 작업을 위해 최적화되어 있음.

OpenCV 는 딥런닝 쪽?! 빅데이터 쪽 관련이라 Python 언어를 강력하게 지원하고 있어 빅데이터나 딥런닝쪽에 관심있다 하시는 분들은 Python 언어를 통해 다룰수 있으니 Python 언어를 사용하여 다루는 법을 익히는걸 추천!

(하지만 나는 암것도 모르는 쪼랩 웹개발자라 그저 가져다쓰는걸로...........만조크....데쓰임....)

 

지금 당장 웹에 적용시켜서 테스트 하고 싶다 하시는 분들은 자바스크립트 언어로 나와 있으니 openCV.js 파일을 다운받아가져다가 쓰면 될거 같다.

 

그렇다면 간단하게 기초지식을 알고 있으면 좋으니 잠깐 기초 지식 짚고 가겠움.

 

 

1-1.  Computer Vison 뭐임?

이미지와 비디오를 처리해 유의미한 정보를 추출하는 인공지능 기술.

즉, 우리가 눈으로 보고 상황을 이해하는 것 같은 시각 기능을 컴퓨터에게도 그 시각 기능을 부여하기 위해 프로그래밍화 한것 임. 

 

 영상 -> 데이터

 

간단히 영상을 컴퓨터가 이해할수 있는 데이터로 만드는 과정임

데이터 -> 영상

 

반대로 데이터를 사람눈으로 인식할수 있는 이미지나 영상으로 만드는 과정을 Computer graphics 임.

 

1-2.  OpenCV 어케 돌아가는 거임?

컬러 이미지 인식 -> 흑백 이미지로 바꿈 -> 사전에 딥런닝으로 교육시킨 모델을 이용하여 얼굴영역을 찾아냄 -> 
찾아낸 얼굴 영역을 잘라냄 or 이미지에 표시할 수 있음.

 

절차는 위와 같음.

흑백이미지로 바꾸는 부분을 그레이스케일(GrayScale) 이라고 하는데 컬러이미지를 모델이 좀더 인식하기 쉽게 흑백컬러로 바꾸므로써 단순화시켜 얼굴을 인식할 수 있게끔하여 인식율을 높이는 과정임.

참고로 사용할 모델에 따라 전처리가 다른거 같은데,

테스트에  활용힐 HaarCascade 모델은 얼굴 인식을 할 때 픽셀단위의 명암을 구분하여 얼굴을 인식하기 때문에 그레이스케일(GrayScale) 변환 과정을 필수적라 함.

 

 

그렇다면 어떻게 활용하는지에 대한 코드는 다음편으로.... 

 

https://cbn1218.tistory.com/55

초보자를 위한 자바스크립트를 이용하여 간단하게 얼굴 인식하기( openCV.js 활용)_2