project
-
YOLOv5를 활용한 담배 객체 인식 모델 개발(공개용)project/work 2024. 5. 23. 14:42
초기 환경설정ancondavscodepython 3.10설치한 라이브러리YOLOv5git clone cd yolov5pip install -r requirements.txt 3.개발과정(상세 코드 비공개)- 데이터 확보- 커맨드 실행(YOLOv5)python train.py --img 640 --batch 16 --epochs 100 --data data.yaml --weights yolov5l.pt --patience 15 --save-period 5 4. 결과
-
Canvas API를 활용한 동영상 재생바 마커 및 텍스트 남기기project/personal 2024. 4. 19. 10:59
- Canvas api란 Canvas API는 JavaScript와 HTML 엘리먼트를 통해서 그래픽을 그리기위한 수단을 제공을 합니다. 무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용이 됩니다. - 개발 내용 - 비디오 및 캔버스 생성 - useEffect를 통한 이벤트 핸들링 - 상호작용 캔버스 클릭 시 텍스트를 추가하는 로직을 구현 프롬프트 창을 통해 표시할 텍스트를 입력, 해당 텍스트를 캔버스에 그리고 관련 정보를 상태에 저장 - 재생 제어 - 마커와 진행 상태 바 비디오의 특정 시점을 나타내는 마커를 추가, 마커를 클릭할 경우 해당 시점으로 비디오를 이동시키는 기능을 구현 - 개발 결과물 1. 텍스트 입력 기능 2. 마커 클릭 이동 기능
-
오픈소스를 활용한 text to video 만들기project/personal 2024. 4. 1. 10:49
사용한 오픈소스 및 모델 그외 정보 사용한 오픈 소스 : ByteDance/AnimateDiff-Lightning 사용한 모델 : (기본설정모델) emilianJR/epiCRealism 2. 후기 프론트엔드 개발자로 AI에 관심이 많아서 처음에는 open AI로 챗봇을 만들고, 흥미가 생겨 달리를 이용해서 txt to img로 생성했습니다. txt to video도 시도하고 싶은 마음으로, 가벼운 오픈 소스를 활용하여, 파이썬으로 플라스크로 API 통신으로 했습니다. 간단하고 쉽게 사용이 가능하며, 간단한 설정으로 text to video를 만들 수 있었습니다. 3. 깃주소 파이썬 코드의 경우 공유가 안되어 있지만 오픈소스에 플라스크를 이용한 api 통신으로 만들면 됩니다. https://github.c..
-
openweather API를 활용한 일기예보 사이트project/mini 2024. 3. 6. 14:23
1.날씨 정보 서울 외 3곳의 날씨 정보를 알 수 있습니다. 현재 기온, 습도, 기압, 풍속을 표시합니다. 다른 날짜의 날씨를 표시를 합니다. 2. openweather API openweather 사이트에서 API 발급 구독한 플랜에 따라 사용가능한 기능이 다르므로, 기능이 작동하지 않을수있습니다. \utils\openWeather.ts API 직접 입력 및 .env에 입력 4. 깃주소 https://github.com/SIM-TOO/react-weather GitHub - SIM-TOO/react-weather: react, typescript 사용한 날씨 웹 react, typescript 사용한 날씨 웹. Contribute to SIM-TOO/react-weather development by ..
-
개인 포트폴리오 사이트 만들기project/personal 2023. 11. 8. 10:47
1. 개요 프로젝트명 : 포트폴리오 만들기 기술 스택 : Scss, JS, React.JS 프로젝트 기간 : 2023.11.04 ~ 2023.11.07 (4일) - 프로젝트 설명 포트폴리오 사이트 만들기 포트폴리오 배포하기(네트리파이) - 프로젝트 문제 해결 문제 CONTACT 섹션에서 그림자 애니메이션이 딜레이가 발생 이벤트 핸들러가 과도하게 실행되어 성능이 저하 해결 GSAP 라이브러리를 활용하여 그림자 애니메이션을 개선 코드를 더 간결하게 작성하여 성능을 향상 - 기존 코드 - 개선 코드 2. GIT GitHub - SIM-TOO/portfolio2023 Contribute to SIM-TOO/portfolio2023 development by creating an account on GitHub...
-
eyecon 팀프로젝트project/team 2023. 11. 8. 10:27
1. 팀프로젝트 개요 프로젝트 명 : EyeCon 역할 : 프론트엔드 기술스택 - Client : React, Tailwind, Lottie, Redux, fabricJS - Server : Spring Boot(JPA, Security), Flask - Data Base : MySQL - Data storage : FireBase - Model : ChatGPT API, CNN, OpenCV, YOLOv5 프로젝트 기간 : 2023.09.18 ~ 2023.11.09(7주) - 프로젝트 설명 시선예측 AI를 활용한 상품배치 최적화 서비스 - 개인 역할 테일윈드를 사용하여 웹사이트 전반적인 레이아웃 담당 로그인 회원가입 유효성 검사를 통한 최소한의 SQL인젝션 방어 리덕스를 활용해 로그인 상태관리로 페이지..
-
개인 포트폴리오 프로젝트project/personal 2023. 9. 22. 16:36
1. 개요 프로젝트명 : 포트폴리오 만들기 기술 스택 : HTML, CSS, JS, VITA 프로젝트 기간 : 2023.08.14 ~ 2023.08.17 (4일) - 프로젝트 설명 포트폴리오 연습 사이트 만들기 2. GIT GitHub - SIM-TOO/vite-portfolio Contribute to SIM-TOO/vite-portfolio development by creating an account on GitHub. github.com 3. 결과영상
-
WithDAY 팀프로젝트project/team 2023. 8. 9. 09:03
1. 팀프로젝트 개요 프로젝트명 : WithDAY 역할 : 프론트엔드, 백엔드 기술 스택 : HTML, CSS, JS, JAVA, ORACLE DB 프로젝트 기간 : 2023.06.09 ~ 2023.08.01 (7주) - 프로젝트 설명 어린이 자녀가 있는 맞벌이 부부를 위한 일정관리 서비스 WithDAY - 개인 역할 메인화면 프론트 및 백엔드 구현, 집안일 관리 백엔드 구현 풀캘린더 API를 활용한 프론트엔드 & 백엔드 로직을 구현 풀캘린더, 부부브리핑, 가족알림장 연동 모달창 이동 기능 - 프로젝트 문제 해결 및 기여 문제 화면에 있는 다양한 기능들 풀캘린더 가족알림장 부부 브리핑이 독립적으로 작동 사용자의 편의성을 높이기 위해 실시간으로 연동되어야 하는 필요성 해결 각 기능에서 생성된 데이터를 저장..