Leon's Lab

프로그램 개요 - SF6(Street Fighter 6)에서 리플레이 녹화할때, 게임별로 자동 녹화해주는 프로그램 - SF6은 외부 프로그램을 통한 키보드나 버튼 클릭이 불가능하므로, 녹화 프로그램의 버튼을 누르는 것만 가능함. - 한개의 배틀의 리플레이가 시작될때를 자동으로 인식하여 녹화 시작하고, 해당 배틀이 끝날때 자동으로 녹화를 중단함. 프로그램 시작전 준비 - 녹화 프로그램(AVerMedia RECentral4)이 켜져 있어야 함.  - Street Fighter 6이 구동되어, 리플레이 할 배틀들을 미리 선택해 놓은 상태여야 함.  - 자동 녹화 컨트롤 프로그램이 켜져 있어야 함.  자동 녹화 시작 1. 자동 녹화 컨트롤 프로그램의 [녹화 시작하기] 버튼을 누름 2. SF6의 리플레이 보기 버..

특정 단어를 포함하는 줄 검색.*WORD.* .* : 앞에 어떤문자가 있더라도 상관없음  WORD : WORD는 꼭 포함되어야 함 .* : 뒤에 어떤 문자가 있더라도 상관없음 예) TODO가 포함된 줄 (.*TODO.*) 여러 개의 단어를 포함하는 줄 검색.*WORD_A.*WORD_B.* WORD_A가 먼저 나오고 WORD_B가 나온 줄 .*WORD_B.*WORD_A.* WORD_B가 먼저 나오고 WORD_A가 나온 줄 특정 단어로 시작하는 줄 검색 ^WORD 예) #include로 시작하는 줄 찾기 (^#include) 특정 단어로 끝나는 줄 검색WORD$ 예) 세미콜론(;)으로 끝나는 코드 줄 찾기 (;$) 기본적인 정규표현식(Regular Expressions)어떤 문자건 0개 이상 포함 가능 .*..

설치AutoHotKey는 코어와 개발툴(SciTE4AutoHotkey)을 따로 설치해야 함코어 다운로드 및 설치( https://www.autohotkey.com/ )개발툴(SciTE4AutoHotkey) 다운로드 및 설치 (https://www.autohotkey.com/scite4ahk/) 설정AutoHotKey는 바로 시작하기는 안되고, 사용할 윈도우 플랫폼과 Encoding(UTF-8)을 변경해줘야 한다. 설치된 개발툴(SciTE4AutoHotkey)을 시작하기아래 그림을 참조하여 메뉴에서 platform을 x64로 설정 Options >> Open User properties 메뉴열기아래 사항을 "#Add here your own settings"아래에 입력하여 UTF-8을 기본적으로 사용하도록..

설치python 3.8conda install lightning -c conda-forge (오래걸림...)

fastai : ai를 손쉽게 다룰수 있게 도와주는 라이브러리monai : nvidia에서 개발한 의료용 ai 라이브러리 monai에서는 3d unet과 같은 3차원 의료 데이터 처리를 위한 ai용 모델을 제공해준다. 그리고 fastai는 Learner라는 방식을 통해서 손쉽게 ai학습을 시킬수 있는데, 이 둘의 조합이 좋아보인다. 그래도 처음에 발을 들일때는 fastai로 2D 이미지를 충분히 마스터 한 후에 도전하는게 좋을거 같다.그리고 윈도우에서 fastai를 사용할때 문제점이 있는데, 파이썬 멀티스레딩이 가능하지 않은 jupyter같은 개발툴에서는 dataloader의 성능이 떨어져서 학습 시간이 오래 걸린다.  따라서 vscode와 같이 파이썬 멀티스레딩이 이용가능한 IDE로 python 코드를..

설치 Quasar 프로젝트 시작할때 옵션에서 골라서 설치하는게 가장 편합니다. 사용 방법 (hello를 다국어로 준비했을 경우) 1. Template :  {{ $t('hello') }}  2. HTML tag 속성:  3. Vue import { useI18n } from 'vue-i18n'const {t} = useI18n();t('hello')   참고 : https://quasar.dev/options/app-internationalization#introduction

데이터 바인딩 부모 컴포넌트에서 자식 컴포넌트를 사용하려면, 데이터를 전달하거나 전달 받아야 합니다.  vue3.3 이후 버전에서는 defineModel 기능이 지원되는데 이걸 사용하면 양방향 바인딩이 됩니다. 자식 코드  부모코드 Change Data 이렇게 하면 부모쪽에서 changeData 함수를 호출하면 항상 자식 컴포넌트에 반영되는걸 알 수 있다. 전통적인 데이터 바인딩 지금까지도 자주 사용하는 방법은 prop과 emit을 이용하는 방법입니다.  prop은 부모에서 자식으로 데이터 전달하는 단방향이고, emit은 자식에서 부모에 이벤트 트리거를 단방향으로 하는거라서 양방향 바인딩하려면 조금 복잡합니다.  그리고 무엇보다 부모의 데이터의 반응성을 자식에서도 계속 유지..

YouTube Video with Speed Control Playback Speed: 0.1x 0.25x 0.5x 1x 1.5x 2x " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스

연계 컨텐츠1. Axios를 이용한 통신 :  https://dev-leon.tistory.com/822. Axios를 이용한 통신 모듈 구조화 : https://dev-leon.tistory.com/83 구조화가 필요한 이유1. 통신 결과를 Interface로 선언하여, 통신 결과를 사용하는 개발자는 ts 모듈이 약속된 타입을 모두 알려줍니다.2. 요청과 응답을 한곳에서 관리하므로, 백엔드 API가 변경되더라도 프런트엔드의 한 곳에서만 수정해주면 전체에 반영됩니다.즉 개발자들이 호출한 곳을 일일이 찾아가며 변경할 필요가 없어 집니다. 통신의 반환값의 타입을 Interface로 지정하는 방법ts에서는 반환값을 지정할수 있는데, 함수를 하나 만들어서 백엔드와 약속된 형식이 있다면 해당 형식을 Promise..

연계 컨텐츠1. Axios를 이용한 통신 :  https://dev-leon.tistory.com/822. Axios를 이용한 통신 모듈 구조화 : https://dev-leon.tistory.com/83 Axios란프런트엔드에서 Promise 방식으로 HTTP 통신을 수행하는 라이브러리입니다.프런트엔드에서 가장 많이 사용하는 라이브러리입니다. 설치방법  npm 방식    npm install axios  yarn 방식     yarn add axios 사용 방법  api.ts 파일에 Axois 객체 생성하고 intercepters까지 적용import axios, { Axios } from 'axios';const api: Axios = axios.create({ baseURL: 'your-backen..