본문 바로가기

전체 글

 (192)
[ML][teachable machine] 나는 솔로 테스트 - 남자 편 만들기 ref. 동물상 테스트 (여자편 / 남자편 변경 react state로 관리) 말머리 과정 소개: model training 용 이미지 다운로드 model training 진행 여자편 / 남자편 변경 react state로 관리 --- 현재 글 과정 3. 여자편 / 남자편 변경 react state로 관리 진행 순서: model 내보내기 고려 사항 분석 및 설계 react state 선언 react state 변경 방식 정하기 react state 값 component에 적용 1. model 내보내기 2. 고려 사항 분석 및 설계 고려 사항: 기본 domain 으로 접속하였을 때 어떤 버전을 보여줄지 버전: 남자편 OR 여자편 공유 결과를 타고 들어왔을 때 어떻게 공유 한 버전과 같은 버전을 보여줄 설계 결과: 기존에 사용하던 get parameter에 version을 추가해서 사..
[ML][teachable machine] 나는 솔로 테스트 - 남자 편 만들기 ref. 동물상 테스트 (model training 진행) 말머리 과정 소개: model training 용 이미지 다운로드 model training 진행 --- 현재 글 여자편 / 남자편 boolean 값 react state로 관리 react state에 따라 달라지는 값 설정 과정 2. model training 진행 CLASS: 출연진 이름 PARAMETERS: 에포크: 50 배치 크기: 16 학습률: 0.001 결과: 이 포스트는 조코딩님의 동물상 테스트 를 참조하여 작성하였습니다.
[ML][teachable machine] 나는 솔로 테스트 - 남자 편 만들기 ref. 동물상 테스트 (model training 용 이미지 다운로드) 말머리 과정 소개: model training 용 이미지 다운로드 --- 현재 글 model training 진행 여자편 / 남자편 boolean 값 react state로 관리 react state에 따라 달라지는 값 설정 과정 1. model training 용 이미지 다운로드 방법: teachablemachine.withgoogle.com 활용 대신, model traning 할 이미지 가 필요함 재료: 나는 솔로 남성 출연자 이미지 재료 다운로드 방법: jmd_imagescraper 활용 관련 코드: google colab ImageScraper Run, share, and edit Python notebooks colab.research.google.com 진행 순서: Install => Dow..
[web][hosting] 웹호스팅 퍼블리싱 hosting.kr cpanel 사용 (react 프로젝트 업로드) 말머리 진행 과정: 1. git repository clone 2. 파일 교체 3. 결과 확인 과정 1. git repository clone - 전제조건: npm run build 결과물을 하나의 git repo에 저장 - cpanel 기능 중 git 사용: - Clone URL 입력 후 생성 버튼 클릭 과정 2. 파일 교체 - cpanel 기능 중 파일 관리자 사용: - /public_html/ 디렉토리 아래로 파일들 복사 과정 3. 결과 확인 - 스크린샷:
[web][https] 저렴하게 domain 구매, web hosting 구매 및 HTTPS 인증서 설정 (react, 웹서비스) 말머리 작업 과정: 1. domain 구매 2. web hosting 구매 3. https 인증서 설정 과정 1. domain 구매 구매 방법: - hosting.kr 이 제공하는 page.place 의 subdomain 이용 (free) 구매 내역: (web hosting과 같이 구매) 과정 2. web hosting 구매 구매 방법: - slim plan 이용 (1개월 단위, 1000원) 구매 내역: 과정 3. https 인증서 설정 인증서 설정: - web hosting 구매 시 subdomain (*.page.place) 이용 하기로 하여 https 인증서 자동 설정 됨
[ML][React] 카카오 애드핏 - 나는 솔로 테스트 를 통한 수익화 (Kakao Adfit 연동) 글 머리 진행 과정: 1. 카카오 배너 생성 2. 컴포넌트 생성 3. 컴포넌트 배치 4. 스크립트 삽입 진행 과정 1. 카카오 배너 생성 생성 방법: https://adfit.kakao.com 에서 생성 - 유형: 320x50 : 모바일용 얇은 띠배너형 진행 과정 2. 컴포넌트 생성 예제 코드: import React, { useEffect } from 'react'; function AdfitAd({ adUnit, width, height }) { const adRef = React.createRef(); useEffect(() => { if (window.kakao_ad_area) { window.kakao_ad_area.queue.push({ container: adRef.current, width..
[홍보][마케팅] 나는 솔로 비공식 팬사이트 홍보 과정 (뽐뿌, 트위터) 진행 과정 과정: 1. 뽐뿌 게시판 업로드 1-1. 이것저것공유 게시판에 작성 1-2. 커뮤니티 자유게시판에 작성 2. 트위터 글 작성 2-1. 내 계정으로 글 남기기 과정 1. 뽐뿌 게시판 업로드 과정 1-1. 이것저것공유 게시판에 작성 작성한 글: 과정 1-2. 커뮤니티 자유게시판에 작성 작성한 글: 과정 2. 트위터 글 작성 과정 2-1. 내 계정으로 글 남기기 작성한 글:
[ML][React] teachable machine 으로 만든 나는 솔로 테스트( favicon 변경, ga google analytics 연결 react-ga4) favicon 변경 과정: 1. favicon.ico 생성 2. 기존 favicon.ico와 대체 (기존 favicon.ico: react app 생성 시 자동 생성되어있음) ga 연결 과정: 1. 프로퍼티 설정 2. react-ga4 설정 과정 1. 프로퍼티 설정 속성 추가: 구글 애널리틱스 홈 에서 홈 -> 관리 로 이동 계정 추가 클릭 후 설명에 따라서 진행 과정 2. react-ga 설정 진행: 1. react-ga4 설치 2. react-ga4 초기화 import ReactGA from "react-ga4"; ReactGA.initialize('Your 측정 ID'); 3. 페이지뷰 추적 - 아래코드가 호출되면 '/' 경로 페이지 visit 수가 올라감 ReactGA.send({ hitType:..

티스토리툴바