반응형 to be 개발자52 파이썬으로 라벨 태그(클래스) 순서 맞추기 파이썬으로 라벨 태그 순서 맞추기 - yolo darknet 학습 set 학습 돌릴려면 클래스 순서 동일해야한다. - 여러명이 라벨링하면 클래스 순서가 다를 수 있음. - 처음에 맞추면 할 필요 없음 ㅠ - 모르고 처음에 안맞췄으면 아래처럼 맞추면 됨,, https://wikidocs.net/51 http://pythonstudy.xyz/python/article/503-Visual-Studio-Code-%EC%82%AC%EC%9A%A9 코드 import glob import os import pickle import xml.etree.ElementTree as ET from os import listdir, getcwd from os.path import join dirs = ['05wheel load.. 2021. 1. 2. 이미지 라벨링하기 (학습 데이터 제작) yolo labeling https://github.com/tzutalin/labelImg tzutalin/labelImg 🖍️ LabelImg is a graphical image annotation tool and label object bounding boxes in images - tzutalin/labelImg github.com 그래픽 이미지 주석 도구 Python으로 작성되었으며 그래픽 인터페이스에 Qt를 사용 주석은 ImageNet에서 사용하는 형식 인 PASCAL VOC 형식의 XML 파일로 저장 YOLO 형식도 지원 https://wikidocs.net/8 일단 파이썬 설치 pyqt5도 설치 (6이 최신이므로 아래로 내려가서 5 설치) pyqt: 파이썬에서 gui프로그래밍할때 사용하는 대표 패키지 qt는 주로 .. 2020. 12. 30. 리액트 웹앱개발 - select box / 반응형 오류 / 깃 충돌 해결 / 브랜치 / 머지 셀렉트 박스 최신순 사용자저장순 body는 이렇게 설정했고 #selects { cursor: pointer; height: 30px; width: 110px; border-radius: .25rem; background-color: rgba(255,255,255, 0); border: 1.5px solid white; outline: 0; font-size: 9pt; font-weight: 500; color: white; } #selects:hover { cursor: pointer; height: 30px; width: 110px; border-radius: .25rem; background-color: rgba(255,255,255, 0); border: 1.5px solid white; outli.. 2020. 12. 26. 리액트 웹앱개발 - display none / block / ckeditor5 / 보였다 숨기기 document.getElementById("memoCrudAll").style.display="none"; document.getElementById("memoCrudAll").style.display="block"; document.getElementsByClassName("memoCrudAll").style.display="none"; document.getElementsByClassName("memoCrudAll").style.display="block"; 근데 classname으로 하니까 안된다.. 왜? writeBtnClick() { //메모 에디터 show document.getElementsByClassName("memoCrudAll").style.display="block".. 2020. 12. 26. 리액트 웹앱개발 - react-grid-layout / 리액트 제이쿼리 적용 그리드 메모 다는거 성공했다! 아직,, 여기 글도 담아야하고 아이콘도 달 수 있으면 달아야 하지만,, 일단 여기까지 한거 정리 참고 https://www.npmjs.com/package/react-grid-layout 터미널에서 npm install react-grid-layout 설치하고, https://github.com/STRML/react-grid-layout/blob/master/test/examples/1-basic.jsx 여기 소스를 가져다가 App.js에 붙여넣었다. import React from "react"; export default if (process.env.STATIC_EXAMPLES === true) { import("../test-hook.jsx").then(fn => fn.. 2020. 12. 26. 리액트 공부 - launch chrome against localhost / 투두리스트 만들기 vs 코드 내에서 리액트 실행 오류 여기서 설정을 눌러 launch.json을 url 8080에서 3000으로 바꿔도 안됨.. * 한번 실행됐던 파일의 경우 폴더 불러오면 vs 코드 내 터미널에 폴더가 이미 거기로 들어가져있어서 yarn start 명령하면 실행되는데... 일단 투두리스트를 제대로 된 구조로 만들어보자 https://velopert.com/3480 컴포넌트 폴더에 제작 시작! const TodoListTemplate = ({form, children}) => { return( 오늘 할 일 {form} {children} ); }; 이걸로 틀 생성 * 특정 div에 다른 js파일의 형식 넣을 때? 1 임폴트 import Form from './components/Form'; 2 폼 넣기 -.. 2020. 12. 26. 리액트 공부 - js 스크롤바 css 설정 / component life cycle 흐름 / 투두 리스트 앱 기획 * 스크롤바 설정 스크롤 scroll scrollbar .con::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 6px; background: rgba(255,255,255,0.4); } .con::-webkit-scrollbar-thumb{ background-color: rgba(0,0,0,0.3); border-radius: 6px; } component lifecycle method 흐름 https://sass-guidelin.es/ko/ Syntactically awesome style sheets의 약어 Sass 문법적으로 멋진 스타일 시트 * Todo 리스트 만들어보기 새프로젝트 create-react-app todo-list cd.. 2020. 12. 25. 리액트 공부 - LifeCycleSample.js / handleRandomizeColor / 렌더링 사이클 확인 예제 (리액트를 다루는 기술 책 참고) LifeCycleSample.js import React, { Component } from 'react'; class LifeCycleSample extends Component { state = { number: 0, color: null, } myRef = null; constructor(props) { super(props); console.log('constructor'); } static getDerivedStateFromProps(nextProps, prevState) { if(nextProps.color !== prevState.color){ return { color: nextProps.color }; } return null; } componentDidMount(){ console.lo.. 2020. 12. 25. 리액트 공부 - 더블 클릭시 삭제 handleRemove / 라이프사이클 메소드 * 더블클릭시 삭제 handleRemove = (index) => { const { names } = this.state; //편의상 name의 레퍼런스를 미리 만든다 this.setState({ names: [ ...names.slice(0,index), ...names.slice(index + 1, names.length) ] }); } render() { const nameList = this.state.names.map( (name, index) => ( this.handleRemove(index)}>{name}) ); * 라이프사이클 메소드 DOM 생성 - 웹브라우저에: 마운트 나타남 이 과정에 사용되는 메소드: 컴포넌트 만들기 - constructor - getDerivedStateFromPr.. 2020. 12. 25. 이전 1 2 3 4 5 6 다음 728x90 반응형 LIST
