qcoding

* 해당 글에서는 프로젝트 마지막으로 완성된 react 프로젝트를 Firebase Hosting 서비스를 통해서 배포 하고 배포가 완료된 뒤 카카오 애드핏을 통해 광고를 적용하는 것을 정리하였다. * 최종완성 사이트 https://politictest-8f628.firebaseapp.com/ 나와 닮은 정치인은? 나와 닮은 정치인은? 인공지능으로 알아보기! politictest-8f628.firebaseapp.com 1) Firebase Hosting -> 호스팅 서비스를 무료로 이용할 수 있는 것은 Firebase / Amazon / Netlify / Githup 등 여러가지가 있지만 그중에서도 Firebase가 안정적이고, 속도도 빠른 것으로 생각되어 해당 서비스를 사용하였다. -> 이미 구글링을 하..

* 해당 글에서는 전에 만들었던 Teachable Machine을 이용한 모델을 통해 React 프로젝트를 생성하고 완성하는 과정을 포함하고 있다. 1) 사용한 라이브러리 -> Create React App을 통해 react 프로젝트를 생성하였다. npx create-react-app my-app cd my-app npm start -> 1) Styled-component --> css 사용을 위해 사용 2) @teachablemachine/image --> teachable machine js를 사용하기 위해 사용 3) react-icons --> 웹사이트에서 icons을 사용하기 위해 사용 4) react-router-dom --> 사이트 routing을 위해 사용 "dependencies": { "..

* 이번 글에서는 이미지 수집 -> 분류 -> 모델 생성을 통하여 Teachable Machine을 통해 머신러닝 모델을 생성하는 과정을 정리하였다. * Teachable Model 생성 1) 이미지 수집 -> 사용 방법 : 구글의 사이트의 이미지 검색을 통하여 검색어를 입력하고 python selenium을 통해 이미지를 가져와서 저장한다. -> python의 selenium을 통해서 수행하였으며 해당 코드 및 설치방법은 구글링을 통해서 많이 구할 수 있다. 내경우는 배열에 필요한 인물의 이름을 입력하고 반복문을 통해서 여러명의 사진을 한번에 받도록 사용하였다. 한 인물당 200장의 사진을 받도록 하였다. * 참고 url https://velog.io/@jungeun-dev/Python-%EC%9B%B..

* 이번 사이드 프로젝트로는 React 와 구글에서 만든 간단한 인공지능 모델을 만드는 사이트 Teachable Machine을 통해서 나와 닮은 꼴 정치인을 찾는 프로젝트 과정을 소개하려고 한다. 과거 유튜브 조코딩 채널을 통해서 웹기반으로 Teachable machine을 통해서 프로젝트를 만드는 것을 보고 다음에 꼭 해봐야겠다고 생각하던 걸 실행하기로 하였다. 해당 유튜브를 참고 하면서 React를 기반으로 카카오 애드핏을 넣는 것 까지 차례대로 작성할 예정이다. https://www.youtube.com/playlist?list=PLU9-uwewPMe2-vtJAgWB6SNhHcTjJDgEO 실전 수익형 웹, 앱 서비스 동물상 테스트 만들기 인공지능이 보는 나의 동물상 테스트를 주제로 웹, 앱 서비..