동물상 테스트가 한때 많이 인기가 있었습니다.
그리하여
저도 한번 만들어보기로 도전해 보았습니다.
참고로 전 펌웨어 개발자라 웹은 잘 몰라요~
하지만 조코딩님의 따라해서 만들기 좋은 강의가 있어 만들어 보았습니다.
- 강의 링크는 하기에
:=> www.youtube.com/watch?v=TmiD2QXUyl8&list=PLU9-uwewPMe2-vtJAgWB6SNhHcTjJDgEO&index=4&t=222s
그리고 기존의 조코딩님의 동물상 테스트 웹서비스를
그대로 모방해서 만들어 봤습니다. (특히, UI부분은 그대로 가져왔습니다.)
여기서
파이썬 셀레니움으로 연예인 이미지 크롤링과
Teachable Machine (AI 인공지능 머신) 에서 크롤링한 이미지를 기반으로
모델을 만드는 것은 제가 직접노가다로 했습니다.
그리고
UI는 그대로 따왔는데, 부분적으로 링크들은 제가 직접 관련된 링크로 구성했습니다.
또,
이스트에그처럼 favicon 이미지를 favicon generator로 제 얼굴 사진을 이용해서 만들어 봤네요! ㅎㅎ
아, 그리고 마지막으로 netify에 deploy를 했는데,
약간의 버그가 있긴 합니다. Disqus 댓글창 로그인 문제가 있네여.
CSRF 문제라고 하는데 이건 나중에 확인해보고 수정해야 할 것 같습니다.
그런데, 또 언제 시간이 날지는~
마지막으로,
조코딩 유튜브 페이지도 링크를 많이 걸어났는데
솔직히 이 강의 때문에 쉽게 만들수 있었던 것 같습니다. (Thanks to 조코딩!)
그럼,
마지막으로 제가 만든 동물상 테스트 링크를 남깁니다.
- 동물상 테스트:=> animal-faces.netlify.app/
그럼 재미삼아 확인해보세요!
저는 프로필 사진 몇개를 테스트 해봤는데
사진에 따라 사슴상과 공룡상이 나오더라구요.
얼추~얼굴 사진에 따라 비슷하게 나오는 것 같습니다.
(추가업데이트)
동물상테스트 웹앱을 기반으로 안드로이드 앱도 공유합니다.
'당신의동물상' 이라는 앱인데 하기에서 다운로드 가능합니다.
:=> https://play.google.com/store/apps/details?id=com.opensupport.AnimalFaces
그럼,
동물상 테스트 만든 후기 였습니다.
'오늘의 앱' 카테고리의 다른 글
Notion을 기반으로한 웹서비스 제작을 with oopy (0) | 2021.05.11 |
---|---|
앱개발 후기 - '당신의동물상' 앱으로 당신이 어떤 동물을 닮았는지? (0) | 2021.05.11 |
코드 완성을 지원하는 서비스 - Tabnine / 탭나인 (0) | 2021.05.04 |
싸이월드, SNS 가 부활 한다네요. (0) | 2021.04.29 |
팩트체크 사이트 (0) | 2021.04.28 |