본문 바로가기

코딩 해보자

12간지 동물상 테스트 (feat. 조코딩) [코딩 도전]

반응형

코딩을 쉽게 접근할 수 있도록 도와주는 "조코딩 JoCoding" 유튜브를 구독하다 보니
나도 한번 해보자는 마음으로 "조코딩"님의 콘텐츠 중에서 "동물상 테스트" 콘텐츠를 공부한 후 응용해 봤습니다.
"조코딩"님의 "동물상 테스트"는 강아지, 고양이, 토끼 등의 동물과 닮은 대표 연예인 사진 데이터를 이용해
인공지능(Google의 인공지능 teachable machine 2.0)으로 학습시킨 후,  
내 얼굴의 특징과 매칭되는 동물상을 찾아 주는 재미있는 서비스 입니다.

[ "조코딩"님의 "동물상 테스트"와 다른점 ]
동물의 종류 : 12간지(십이지신)

쥐(자)-소(축)-호랑이(인)-토끼(묘)-용(진)-뱀(사)-말(오)-양(미)-원숭이(신)-닭(유)-개(술)-돼지(해)
오늘의 운세 : 12간지 동물 중 나와 매칭되는 동물에 해당하는 오늘의 운세를 보여주기.
12간지 동물 캐릭터 : 똥손이라서 조카한테 부탁 했습니다. ^^

 

12간지 동물상 테스트 : 내 사진과 매칭되는 12간지 동물상과 그 동물과 매칭되는 오늘의 운세를 재미삼아 확인 할 수 있는 서비스 입니다.

 

[회원가입 없이 바로 이용 가능하며, 사진 데이터는 그 어디에도 전송되거나 저장되지 않습니다.]


HTML, CSS, JavaScript, Phython 등 다양한 프로그램 언어를 알고 있어야 개발이 가능한 서비스 이지만,
조코딩님의 유튜브만 보고 도전하면 비전공자도 쉽게 만들 수 있게 되어 있습니다.
(단, 그 전에 조코딩님의 강의 중 HTML, CSS, JavaScript, Phython 강의 콘텐츠를 시청 하신 후 도전 하시면 더 좋습니다.)

[서비스 개발 순서]

1. 동물과 닮은 대표 연예인 사진들 몇 백장을 인터넷에서 하나씩 모으기는 힘듭니다. 
그래서 사진들은 파이썬(Phython) 프로그램을 이용해서 데이터를 수집하고 분류하는 "크롤링"을 합니다.

Teachable Machine)에 학습 시키기 위해서는 [1번]에서 크롤링해서 얻은 사진들 중 해당 연얘인 얼굴만 나온 사진을 이용해서 학습시키는 것이 결과값을 좋게 합니다.
하지만 크롤링해서 얻은 연얘인 사진들을 확인해 보면

해당 연애인의 얼굴부터 발끝까지 나온 사진, 옆모습만 나온 사진, 과도하게 분장한 사진, 다른 사람들과 같이 나온 사진 등 포토샵이나 그림판 등을 이용해서 몇 백장의 사진에서 얼굴만 일일이 잘라줘야 하는데, 이 또한 만만치 않은 작업 입니다.
그래서 찾은 프로그램으로 처리 할 수 있는 방법 : "파이썬(Phython) OpenCV를 이용한 얼굴 인식"
폭풍 검색으로 OpenCV를 이용해서 기존 사진에서 얼굴인식 후 얼굴만 잘라내는 프로그램 소스를 구해서 "Ctrl+C, Ctrl+V"
그리고 복사한 소스를 내 개발 환경에 맞게 수정 해서, 얼굴 사진만 있는 사진들을 뽑아내서 사용 가능한 사진들만 정리했습니다.

2. 크롤링해서 얻은 사진 데이터들을 동물별로 연애인과 매칭되게 인공지능(Teachable Machine)에 학습 시킵니다.

3. 조코딩님 강의 내용에 있는 사이트 소스(HTML, CSS, JavaScript)를 "Ctrl+C(복사), Ctrl+V(붙여넣기)" 후 편집해서 내 사이트를 만듭니다.

4. 무료 웹호스팅 서비스(netlify)에 내가 만든 사이트 배포 합니다.

 

이렇게 해서 "12간지 동물상 테스트" 서비스를 만들어 봤습니다.

 

재미삼아 친구, 가족, 애인, 동료 등 주변분들과 함께 동물상 테스트도 하고, 오늘의 운세도 보세요.

[회원가입 없이 바로 이용 가능하며, 사진 데이터는 그 어디에도 전송되거나 저장되지 않습니다.]

 

그리고 저에게도 정말 도움이 많이 되고 있는..

코딩을 쉽게 접근할 수 있도록 도와주는 "조코딩 JoCoding" 유튜브 많은 구독 바랍니다.

 

오늘도 즐거운 하루 되세요.

 

반응형