티스토리

팥들었슈

검색하기

블로그 홈

팥들었슈

patrasche25.tistory.com/m

팥들었슈_ 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

파이썬 pdf 캡처 import cv2import pyautogui as pimport numpy as npimport keyboardimport time# 캡처할 영역 (X, Y, Width, Height)# capture_region = (608, 56, 1260, 931) # 원하는 좌표로 변경def draw_rectangle(page): top_left = (600, 56) bottom_right = (1260, 931) p.screenshot(imageFilename="s파이토치와 유니티 ML-Agent로 배우는 강화학습_목차_"+ str(page).zfill(4) + ".png") # , region=(top_left[0], top_left[1] bottom_right[0] - to.. 공감수 0 댓글수 0 2025. 2. 5.
Unity와 ML-Agents 1차 Unity와 ML-Agent 설치 0. ML-Agents란?원문The Unity Machine Learning Agents Toolkit (ML-Agents) is an open-source project that enables games and simulations to serve as environments for training intelligent agents. We provide implementations (based on PyTorch) of state-of-the-art algorithms to enable game developers and hobbyists to easily train intelligent agents for 2D, 3D and VR/AR games. Researchers can also use the .. 공감수 2 댓글수 0 2025. 1. 17.
Node-Red [1] 설치와 RestApi 테스트 0. 업무 중 불편사항 업무중 여러 설정 정보를 취합 하여 전달하는 API가 존재 한다.해당 정보들은 RDB에 저장되어 있으며 일반적으로는 1개의 row가 존재하는 마스터 테이블이다. 해당 데이터들은 변경이 필요하지만 자주 변경은 되지않으므로 CRUD를 위하여 WEB과 API가 필요하다.Ex) A 설정정보를 위해 A테이블에 대한 API CRUD와 WEB 개발 (데이터 1건)B 설정정보를 위한 B 테이블에 대한 API CRUD와 WEB 개발 (데이터 1건)C 설정정보를 위한 C 테이블에 대한 API CRUD와 WEB 개발 (데이터 1건)... 등등등단 해당 데이터들은 반드시 1건은 아니며 최대 5건 내외 정도 될 듯 하다 (3건 이상은 못 본듯 하지만 설계상 가능) 해당 건들을 조건에 따라 조합하여 1개의.. 공감수 0 댓글수 0 2025. 1. 10.
Vscode에서 환경별 다른 버전의 Node.js 사용하기 Vue2 코드에서 Vue3로 변경하는 작업을 진행해야 하는 일이 생겼다.변경 작업을하며 Node의 버전도 올려야 하는데 두 소스 모두 기동하면서 비교하면서 작업을 진행해야한다. vscode에 .vscode 디렉토리 생성 후 settings.json 생성{ "terminal.integrated.env.windows" : { "PATH": {node 설치 경로}}} 공감수 0 댓글수 0 2024. 11. 21.
nginx의 proxy_read_timeout 설정(api timeout) 대용량 데이터를 생성하고 다운로드 하는 api가 있는데 데이터가 늘어나다보니 60초 이상이 걸리고 api에서는 timeout이 발생하여 결과를 받지 못하는 상황이 생겼다. 개발환경에서 테스트를 하기위해 임시 api를 만든다. url로 /public/10 과같이 값을 입력 받아 Thread.sleep으로 강제 지연을 발생 시킨다.@Controller@RequestMapping(value = "/public")public class HealthController { @GetMapping("/{time}") public ResponseEntity healthCheck(@PathVariable("time") long time) { try { Thread.sleep(time * 1000.. 공감수 2 댓글수 2 2024. 11. 8.
WAS 8차 게시물 조회 API 만들기 NormalBoardController.java페이징을 위해 Pagable을 사용하였으나 swagger에서 default 수치가 적용되지 않아 swagger에서는 보이지 않도록 @Parameter를 사용 /* * @PageableDefault: 디폴트 페이지 설정(size= 한 페이지 당 보여줄 데이터의 수, sort=등록시간으로 정렬, directin= 내림차순 정렬 * @Parameter: swagger 문서 작성을 위한 annotation(파라미터 설명 작성), swagger에 디폴트 파라미터가 적용되지 않아서 추가 * Pageable: 페이지 설정 * */ @PostMapping("/list") @Operation(summary = "게시물 목록 조회(") .. 공감수 0 댓글수 0 2024. 10. 28.
Arthas JVM stack 툴(profiler) 프로젝트에서 부하 테스트를 진행 하던 중 일부 구간에서 오동작하는 이슈가 발생하였다.특이한 것은 적은양의 트래픽으로는 별 다른 이슈는 없었으나 예상 최대 부하를 진행하였을 때 일부의 로직이 잘못 동작하는 것으로 보였다.(로직들이 비동기가 많기 때문에 더욱 문제를 찾기 어려웠음)결국 최적화 팀을 불러 어느 구간이 문제였는지 찾을 수 있었는데 최적화 팀에서 사용하는 툴을 찾아보니 오픈소스 툴 이었다.최적화 팀에서 사용한 방법을 해보고자 한다.Arthas 사이트https://arthas.aliyun.com/en/doc/ ArthasAlibaba Java Diagnostic Tool Arthas/Alibaba Java诊断利器Arthas - alibaba/arthas: Alibaba Java Diagnostic .. 공감수 5 댓글수 2 2024. 10. 8.
WAS 7차 boot jar 만들어보기 build.gradle들이 정상적으로 동작하는지 확인하기 위해 boot jar를 만들어서 실행하기위함 intelij의 gradle에서 module-main > tasks > build > boot jar 더블클릭 module-main > build > libs 위치에 jar파일 생성 확인 파일 위치에서 탐색기에 cmd 입력 후 엔터 java -jar {파일명} 기동 완료 https://github.com/Kmmanki/portfolio_was GitHub - Kmmanki/portfolio_was: portfolioportfolio. Contribute to Kmmanki/portfolio_was development by creating an account on GitHub.github.com 공감수 0 댓글수 0 2024. 9. 3.
WAS 6차 (게시물 생성 ValidationCheck) 잘못 기입된 값을 받으면 400(Bad Request)를 반환하도록 ValidationCheck 로직 추가 CreateNromalDto@NotBlank, @Size 등 Validation을 확인하는 어노테이션 추가ValidationCheck에서 실패 시 MehthodArgumentNotValidException 발생package com.portfolio.Dto;import com.portfolio.entity.NormalBoard;import io.swagger.v3.oas.annotations.media.Schema;import jakarta.validation.constraints.NotBlank;import jakarta.validation.constraints.Size;import lombok.G.. 공감수 0 댓글수 0 2024. 9. 3.
iframe과 nginx 그리고 https iframe으로 특정서버의 화면을 띄워야하는 일이 생겼다.현재 운영되고 있는 서버에 추가적으로 batch Application을 올리고 iframe으로 호출하는 방식을 사용하기로 했다. 서버구성 문제1. batch 내부의 cookie 사용이 안되어 url에 jsessionId가 붙어감예시로 /batch;jsessionid=~~~~~~~ 형태로 잘못된 url이 생성되었다. 그로인데 Controller를 잘못찾아가는 문제가 발생 원인을 찾아보니 로컬에서 테스트 할 때 브라우저의 url을 localhost:8080~~~ 를 사용하였고 iframe의 주소는 형식으로 사용하였기 때문에 발생 둘 다 같은 localhost로 변경하여 사용 하니 문제를 해결하였다.다만 이로인해 운영에서 iframe으로 ..... 공감수 0 댓글수 0 2024. 8. 29.
ssh session 종료 후에도 프로그램 실행(nohup) 서버에 ssh로 접속 후 프로그램을 실행 후 ssh를 끊게 되면 해당 프로세스는 종료된다. 이때 사용 할 수 있는 명령어가 nohup이다nohup java -jar -Dspring.profiles.active=dev test.jar 1> /dev/null 2>& & nohup을 사용하면 nohup.out이라는 로그 파일이 생성되는데 이를 생성하지 않고자 한다면 1> /dev/null 2>& 를 사용하도록 하자 공감수 0 댓글수 0 2024. 8. 27.
WAS 5차 (JPA, Swagger 설정을 사용한 게시물 등록) package com.portfolio.dto;import io.swagger.v3.oas.annotations.media.Schema;import lombok.Getter;import lombok.Setter;/* * API 요청 결과를 담는 DTO * date: 2024-07-26 * author: 김만기 ====== Annotation description ====== Schema: swagger 문서 작성을 위한 annotation */@Getter@Setterpublic class ApiResultDto { @Schema(description = "결과 코드", example = "200") private String resultCode; @Schema.. 공감수 0 댓글수 0 2024. 7. 26.
트리 구조 오브젝트 만들기(js) let data = [ {"id": "ROOT", "name" : "ROOT", "upperId": '', "level" : 0, "order": 0}, {"id": "HOME", "name" : "HOME", "upperId": 'ROOT', "level" : 1, "order": 1}, {"id": "MOBILE", "name" : "MOBILE", "upperId": 'ROOT', "level" : 1, "order": 2}, {"id": "COMMON", "name" : "COMMON", "upperId": 'ROOT', "level" : 1, "order": 3}, {"id": "cH1", "name" : "카테고리1", "upperId": 'HOME', "level" : 2, .. 공감수 0 댓글수 0 2024. 7. 11.
Mysql Event(주기적으로 쿼리 실행하기) 문제연계기관에서 API를 통해 데이터를 가져가는 케이스가 있다. 데이터를 가져가게 되면 TRAN_YN을 'Y'로 update 하는데 테스트 요청 시 마다 'N'으로 업데이트를 해주어야한다...... 나는 언제 퇴근 하라고... 해결MYSQL에 Event기능이 있다고 하여 추가 하였다. 이벤트 생성CREATE EVENT IF NOT EXISTS FRANS_SET ON SCHEDULE EVERY 1 MINUTE STARTS '2024-06-20 15:30:00' DO UPDATE TBL_XXXX SET TRANS_YN ='N' 이벤트 조회SHOW EVENTS; 이벤트 삭제DROP EVENT TRAN_SET 얏호 퇴근하자. 공감수 0 댓글수 0 2024. 6. 20.
TIL(오류 케이스정리) Kafka, DB Kafka로 부터 동일한 데이터가 3번 들어오는 케이스가 있었음. 어플리케이션의 동작이 정상적이지 않아 로그를 확인해보니 Kafka로부터 동일한 데이터가 3번 들어오는 케이스가 있었다.해당 데이터를 받아 DB에 insert를 하는 작업인데 동일한 pk로 3개의 데이터가 들어오니 Duplicate PK 관련 에러가 발생하였다. 모니터링 툴을 사용하여 확인한 결과 DB 팀에서 DB 변경 Alter Table을 수행한 것이 원인으로 테이블에 대한 lock으로 인해 처리를 하지 못하고 데이터가 리밸런싱 되었다. 공감수 0 댓글수 0 2024. 6. 13.
WAS 4차 (ELK, Logback, Jenkins를 사용한 배치 컨트롤 및 로그수집)_긴급 개요 여러 서비스들의 배치 수행시간을 컨트롤하고 배치 성공, 실패 로그를 수집해야하는 작업이 주어졌다.해당 업무를 진행 하기 전 테스트를 위하여 진행하고 있던 웹 포트폴리오에서 테스트를 진행하고자 한다.구성 및 설계기존은 @shceduled를 사용하여 특정 시간에 배치를 수행하였지만 배치 수행시간을 변경하려면 소스의 수정 및 배포가 강제되었다. 이를 해결하기위해 해당 배치들을 API 형식으로 수정하고 Jenkins의 스캐줄을 사용하여 배치수행을 진행한다. 또한 단일 서비스가 아닌 여러 서비스의 배치 통합이 이루어져야 하기 때문에 각각의 Batch 수행에 관련된 로그를 수집하여야 한다. 이를 해결하기위해 Elasticsearch와 Logstash를 사용한다. Elasticsearch, Logstash 설.. 공감수 0 댓글수 0 2024. 6. 13.
Ollama와 한글 LLM모델 로컬설치 Ollama 설치# Ollama docker 이미지 설치docker pull ollama/ollama# 컨테이너 생성( ADM 용 + window여서 privalege 옵션추가)docker run -d --device /dev/kfd --device /dev/dri -v ollama:/root/.ollama -p 11434:11434 --name ollama --privileged ollama/ollama:rocm 한국어 base모델 설치https://huggingface.co/heegyu/EEVE-Korean-Instruct-10.8B-v1.0-GGUF/tree/main heegyu/EEVE-Korean-Instruct-10.8B-v1.0-GGUF at main huggingface.co ggml-m.. 공감수 0 댓글수 0 2024. 6. 3.
WAS 3차 (docker maria DB 세팅) WSL 세팅WSL은 window에서 리눅스를 사용할 수 있도록 해준다.리눅스 기반에서 docker를 설치할 예정https://velog.io/@darktrace1/%EC%9C%88%EB%8F%84%EC%9A%B011%EC%97%90-UbuntuWSL2-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0 윈도우11에 Ubuntu(WSL2) 설치하기윈도우11에 Ubuntu(WSL2) 설치하기velog.ioDocker를 사용한 Mysql 세팅#의존성 패키지 설치sudo apt install -y apt-transport-https ca-certificates curl software-properties-common#Docker 공식 GPG 키 추가 curl -fsSL https://downloa.. 공감수 0 댓글수 0 2024. 6. 1.
WAS 2차 (멀티모듈 프로젝트 세팅) 멀티모듈이란?하나의 프로젝트를 여러개의 독립적인 모듈로 분리하여 구성하는 방식으로 여러 모듈간 의존성 관리를 할 수 있다.Ex)login 모듈(로그인 관련 api)은 auth와 common 모듈을 포함한다. board 모듈(게시판 관련 api)은 auth와 common 모듈을 포함한다.auth 모듈(authentication 관련 설정) Oautn, jwt 관련 라이브러리를 포함한다. 위와같이 모듈을 분리함으로써 auth가 필요 없는 모듈은 auth를 가져가지 않고 추후 다수의 개발자가 개발 시 보다 용이한 버전관리를 할 수 있다. 프로젝트 우클릭 -> New -> Module module-common, module-normal-board, modue-main 추가기존의 src 제거 ps . 모듈 이름.. 공감수 1 댓글수 0 2024. 5. 28.
Chapter12 Webpack 2부 React 아키택쳐리액트 교과서 Chapter12(Webpack)Webpack의 역할자바스크립트를 작성을 하다보면 많은 js 파일을 생성하게 된다.이러한 js 파일들을 적은 수의 js로 합쳐주며 이를 통해 js 요청의 횟수를 줄여준다.또한 A.jsx와 B.jsx가 모두 Multiutil이라는 유틸리티 모듈을 사용 할 경우 중복하여 요청을 할 수 있다. 이러한 상황에서 Webpack의 도움을 받을 수 있다.Webpack은 의존성을 분석하여 다음과 같은 작업을 진행한다.모든 의존 모듈을 올바른 순서로 불러오도록 한다.모든 의존 모듈을 한 번ㅆ기만 불러오도록 한다.자바스크립트 파일이 가능한 적은 파일로 묶여지도록 한다.(이를 정적자원이라고 부른다.)그 외에도JS, Jade, CoffeScript 파일을 .. 공감수 0 댓글수 0 2024. 5. 16.
WAS 1차 (프로젝트 생성 및 라이브러리 추가) Spring Boot 프로젝트 생성Spring Boot initializr 를 사용하여 스프링 부트 프로젝트를 생성 후 IDE에서 열어보기https://start.spring.io/ java, Spring Boot 버전에 맞게 설정 후 사용할 디펜던시 추가Lombok: Getter, Setter 등 어노테이션 사용을 위해 추가Spring Web: Spring의 MVC 패턴을 사용하기 위해 추가Spring Boot Dev Tools: 소스 변경시 재기동 등 다양한 개발 편의를 위해 추가프로젝트 실행생성한 프로젝트를 VSCode에서 open 후 실행 확인 Swagger 라이브러리 추가https://mvnrepository.com/artifact/org.springdoc/springdoc-openapi-.. 공감수 0 댓글수 0 2024. 5. 8.
WAS 0차 (구성) 포트폴리오를 작성하는 이유최근 이직을 위해 이력서를 작성하는데 자꾸 서류에서 탈락하고 있다.포트폴리오가 없기 때문일까? 라는 생각에 포트폴리오를 작성하고자 한다. 포트폴리오는 WAS와 WEB으로 구성할 예정이다.면접관이 보았을 때 가독성이 좋도록 작성을 하고 JAVA Doc과 같은 주석을 자세히 달고자 노력이 필요할 듯 하다. 메인 포지션은 Backend 이기 때문에 WAS 부터 구성을 하며 sweager를 통해 ui를 대채하며 진행하고 WAS가 어느정도 틀이 잡히면 WEB을 작성할 예정 WAS 정보(중간 중간 추가 및 변경 가능)Java 17Spring Boot 3.2.5WAS 기타 라이브러리swaggerJPA기타 Mysql WEB 정보 (미정React ?, Vue? 공감수 0 댓글수 0 2024. 5. 7.
리액트 교과서 Chapter11(타이머) 리액트 교과서 Chapter11(타이머)// 시간 정보 timer 정보를 가지고 있는 wrapper class TimerWrapper extends React.Component { constructor(props) { super(props) this.state = {timeLeft : null, timer: null} this.startTimer = this.startTimer.bind(this) } // 타이머 시작, 타이머가 존재한다면 기존 타이머 제거 // setInterval로 1초마다 시간이 줄어들도록 startTimer(timeLeft){ clearInterval(this.state.timer) let timer = setInterval(() => { .. 공감수 0 댓글수 0 2024. 4. 30.
Kafka Producer의 config(linger, acks, compression) Kafka를 통해 데이터를 송신해야하는 케이스가 생겼다.비지니스 로직상 빈도는 낮으나(한달에 한번도 호출 안한다.) 한번 발생하면 한번에 약 3만건의 데이터를 전송해야한다. 개발 후 consumer측과 테스트를 진행하던 도중 문제가 생겼는데데이터를 단건 씩 보낼때는 이상이 없었으나 3만건을 반복문으로 계속 보냈더니 수신한 데이터의 건은 1,2000건이었다..... LAG나 다른 kafak의 상태를 보고싶었지만 kafkacat과 같은 툴을 반입할 수 없고, kafka 서버에 직접 터미널로 접속할 수 없는 상태였다. 일단 송신과정에서 누락이 된것인가 싶어서 kafka producer의 ACKS옵션을 변경하였다. acksapplication.propertiesspring.kafka.producer.acks=.. 공감수 0 댓글수 0 2024. 4. 30.
리액트 교과서 Chapter10(Tooltip 컴포넌트) 리액트 교과서 Chapter10(툴팁 컴포넌트) class Tooltip extends React.Component { constructor(props) { super(props) this.state = {opacity :false} this.toggle = this.toggle.bind(this) } // 토글 함수 toggle() { const tooltipNode = ReactDOM.findDOMNode(this) this.setState({ opacity: !this.state.opacity }) } render() { // 토글 여부에 따른 스타일 변경 const style = { "zIndex": this.state.opacity ? 1000 : -1000, "opacity": +this.st.. 공감수 0 댓글수 0 2024. 3. 28.
리액트 교과서 Chapter09(Menu 컴포넌트) 빌드를 간편하게 하기위한 스크립트 정리 packge.json에 빌드 스크립트를 추가 npm build를 사용하여 jsx -> js로 변환한다. "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": ".\\node_modules\\.bin\\babel .\\jsx -d .\\js --extensions .jsx --copy-files -w" }, 메뉴 컴포넌트 작성 menu.jsx class Menu extends React.Component { render() { const menu = [ 'Home', 'About', 'Service', 'Portfolio', 'Contact us' ] return ( {menu.map.. 공감수 0 댓글수 0 2024. 3. 28.
Spring Integration 컴포넌트 간단정리 참고 사이트 Spring Integration Overview 스프링 인티그레이션의 핵심 개념과 메인 컴포넌트 소개 godekdls.github.io Main Component 스프링 인테그레이션은 파이프 필터 모델로 작성되며 구성은 “파이프”, “필터”, “메시지”로 이루어져 있다. Message 스프링 인테그레이션에서 사용되는 데이터를 의미하며 사용하는 데이터를 감싼 래퍼(wrapper)이다. 즉 Message와 같은 wrapper형식으로 사용한다. Message Channel(Pipe) 메세지 채널은 Pipe의 역할을 하며 Message를 Filter로 전달하는 역할을 한다. 메시지를 전달하는 프로듀서 채널, 메시지를 받아가는 컨슈머 채널이 ****분리되어 있어 채널간 인터셉터 등을 사용 할 수 있.. 공감수 0 댓글수 0 2024. 3. 25.
리액트 교과서 Chapter08(확장성을 고려한 React 컴포넌트) 리액트 교과서 Chapter08(확장성을 고려한 React 컴포넌트) 기본속성 컴포넌트의 개발 시 모든 속성을 주입 받을 시 누락 된다면 해당 컴포넌트는 동작 하지 않을 것 이다. 또한 매번 컴포넌트 사용 시 모든 옵션들을 주입 받는 것 또한 코드가 복잡해진다. 이를 해결하기 위해 컴포넌트 작성 시 기본속성을 작성할 수 있다. class HelloWorld extends React.Component { constructor(prop) { super(prop) } render() { return ( {this.props.title} ) } } HelloWorld.defaultProps = { title: 'Hello World' } const el =document.getElementById('conten.. 공감수 0 댓글수 0 2024. 3. 12.
LOS GOBLIN (문자열 치환) 문제 풀이 if 문을 확인해보면 id가 admin이면 풀린다. 쿼리를보면 guest가 기본으로 들어가 있기 때문에 no절을 포함한 앞을 false로 만들고 이후 절에 id='admin'을 넣어야 한다. 하지만 No Quotes~ 를 보면 정규식으로 '를 제한한다. 이를 우회하기 위해 서브쿼리로 숫자 -> 문자로 치환한다. ?no=2 or id=(select concat(char(97), char(100), char(109), char(105), char(110))) no는 1일 때 guest가 참이었으므로 2로 변경하여 False로 반환 id가 admin인 것을 찾기 위해 서브쿼리 생성 concat을 사용하여 변환된 아스키 코드를 연결 char를 사용하여 입력받은 숫자 아스키를 알파벳으로 변경 공감수 0 댓글수 0 2024. 3. 7.
리액트 교과서 Chapter07(React에서 폼 다루기) 리액트 교과서 Chapter07(React에서 폼 다루기) 제어 컴포넌트 onChange를 사용하여 event의 value를 setState로 상태 변경 class HelloWorld extends React.Component { constructor(prop) { super(prop) this.state = { userName: '', userNum: '' } this.changeUserName = this.changeUserName.bind(this) this.changeUserNum = this.changeUserNum.bind(this) this.submitBtn = this.submitBtn.bind(this) } changeUserName (event) { this.setState({ user.. 공감수 0 댓글수 0 2024. 3. 6.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.