전체 글 검색 결과
3229 개의 검색 결과가 있습니다.
IT/Three.js

[Three.js] Three.js Uncaught TypeError: Cannot read properties of undefined (reading 'children') 문제 해결 방법

Three.js에서 여러 도형들을 특성에 맞게 group으로 묶어서 관리를 하고 있었다. 근데, 다른 곳에서는 아래와 같이 사용하여 group에 있는 정보들을 가지고 컨트롤을 하고 있었는데, 다른 함수에서는 해당 것을 사용하지 못했다. 이번 글은 Three.js Uncaught TypeError: Cannot read properties of undefined (reading 'children') 문제 해결 방법에 대해 기록한다.문제 해결 방법이 문제의 에러는 함수 내에서는 아래와 같이 잘 사용하고 있었다.functionTest : function() { this.testGroup.children.forEach(child => { child.visible = false; });}..

2025. 4. 1.
IT/ChatGPT

[ChatGPT] 챗GPT 무료 버전 사진 지브리 스타일 이미지 만드는 방법

요즘 Chat GPT에서 찍었던 사진을 지브리 스타일로 새로운 이미지 및 사진을 만들어 주는게 유행이 되었다.그래서, 이번 글은 챗 GPT(Chat GPT)에서 사진을 업로드하고, 지브리 스타일로 이미지를 만드는 방법에 대해 기록한다.챗GPT(Chat GPT) 사진 지브리 스타일 이미지 만드는 방법1. 챗GPT(Chat GPT)에 접속한다.https://chatgpt.com/2. 챗 GPT 화면에서 대화창 좌측에 [+] 버튼을 눌러 이미지를 업로드 하고, 프롬프트 창에 아래와 같이 입력한다.- "업로드하는 사진을 지브리 스타일 이미지로 만들어 줘"  위와 같이, 프롬프트를 입력하면 약 1분에서 3분 사이로 이미지를 만들어 준다.   간혹가다가, 위와 같이 나오는 경우에는 다시 사진을 올리지 말고 기다렸다..

2025. 3. 31.
IT/Three.js

[Three.js] Three.js Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../". 문제 해결 방법

Three.js를 import를 할 때, 아래와 같이 three.js를 import를 하게 된다. 근데, 가끔 three.js의 js 파일을 import 할 때 아래의 해당 URL에 접속이 되지 않는 문제가 3월에 2번이 발생했다. 이게 또 언제 발생할 지 몰라서, three.js 공식 홈페이지에서 배포하는 파일을 다운로드하여 경로에 저장을 해서 가져다 쓰는 형태로 바꾸려고 한다.문제 해결 방법실질적으로, three.js를 사용할 때 현재 내가 사용하는 모듈은 three.module.js 파일과 카메라를 사용하기 위한 orbitControls.js를 사용해야 한다. 그래서, 이 2가지의 js 파일을 다운로드하여 경로에 저장을 하면 된다.아래와 같이, three.module.js와 OrbitControls..

2025. 3. 31.
IT/Redis

[Redis] 레디스(Redis) Key 구성하기

레디스(Redis)는 Key, Value 형태로 메모리에 저장을 하여 읽고 쓰기가 훨씬 더 빠르다. 그렇기에, 로그인을 할 때 레디스를 많이 사용하곤 하는데, 레디스에서 Key, Value 형태를 어떻게 쓰냐에 따라 직관적이거나 구조의 복잡성 등에 영향이 크다.레디스(Redis) Key 구성하기레디스를 처음 적용하면 거의 대부분은 단순한 key : value 형태로 많이 사용한다. 예를 들어, 우리가 로그인을 할 때 유저 정보에 대해서 레디스에 저장 key에 유저 ID 라는 텍스트를 넣고, value에 실제 유저 ID를 넣는다. 단순한 key : value 구조가 제일 직관적이고, 제일 사용하기도 편하다. 반면에, 하이라키 구조로 들어가면 depth가 커지면서 구조가 복잡해지기도 한다.예를 들어, 아래의..

2025. 3. 28.
IT/스프링(Spring)

대량 데이터 조회 시 적용해봐야 하는 것들(MyBatis fetchSize)

이번에 서비스 단에서 DB에 접근하여 데이터를 조회할 때 DB에서 데이터를 가져오는 시간이 너무 오래 걸렸다.대략 가져와야 하는 데이터의 건수는 약 20만건이었고, 따로 인덱스는 생성하지 않았다. 개발환경은 아래와 같다. 개발환경Eclipse 2022-12MyBatisSpring 4.3.25jdk 1.8 약 20만건의 데이터를 조회하는데 걸렸던 시간은 3분 32초 가량 걸렸다.데이터를 조회하는데만 최대한 많이 봐줘서 1분만 넘어가도 속이 터지는데, 3분이라는 시간은 너무나도 길었다. 그래서, 이것저것 찾아본 게 MyBatis에서 fetchSize의 기본값은 10이다.즉, 약 20만건의 데이터를 조회할 때 DB 조회를 하는 횟수는 20,000번을 조회해 온다. 그래서, 조회를 해올 때 시간을 줄이기 위해서..

2025. 3. 26.
IT/Redis

[Redis/jedis] 스프링 프레임워크(Spring FrameWork)에 레디스(Redis) jedis 적용하는 방법

기존에 레디스(Redis)를 사용할 때 가장 간단한 jedis를 사용했다. 이번에 원래 Lettuce를 사용하려고 했는데, 결국엔 버전 호환 이슈가 계속적으로 발생하여 시간이 없어 다시 jedis를 적용하려고 한다. 이번 글은 스프링 프레임워크(Spring FrameWork)에 레디스(Redis) jedis 적용하는 방법에 대해 기록한다. 개발환경Windows 11 Pro 64bitJDK 1.8Spring FrameWork 4.3.25스프링 프레임워크(Spring FrameWork)에 레디스 jedis 적용하는 방법1. pom.xml에 dependecny를 추가한다.- Spring Frameworks 4.3.25 버전에 jedis 5.2.0 버전을 하려고 했는데, pom.xml Aop 에러가 발생해서 2..

2025. 3. 25.
IT/이클립스(Eclipse)

[이클립스/Eclipse] unable to load annotation processor factory 문제 해결 방법

이클립스(Eclipse)에서 pom.xml에 의존성을 추가하고, update를 진행하니 아래와 같은 에러가 발생했다.unable to load annotation processor factory 'm2_repo/jdk14-1.7.25.jar'문제 해결 방법1. [프로젝트 오른쪽 클릭] - [Properties]를 클릭하여 [Java Compiler] - [Annotation Processing] - [Factory Path]에 들어가면 아래와 같이 나온다.  2. 문제가 되는 jar 파일을 클릭하여 [Edit] 버튼을 누르고, Variable 버튼을 클릭한다.  3. [Variable Selection]에서 [New] 버튼을 클릭하고 실제 해당 jar 파일이 있느 경로를 잡아주고 OK 버튼을 누르고 Ap..

2025. 3. 25.
IT/스프링(Spring)

[Spring] Missing artifact org pom.xml Maven Dependency Problem 문제 해결 방법

스프링의 Maven 의존성 추가를 위해 pom.xml에서 1개를 추가 했는데, Missing artifact Maven Dependency Problem이 엄청나게 발생했다. 결국 이 문제의 원인은 해당 리포지토리에 해당 jar 파일이 없거나, 아니면 dependency 추가를 잘못하여 다운로드 진행 시 오류가 발생했거나의 문제다.해결방법1. 먼저, 리파지토리가 저장되는 경로에 해당 jar 파일이 존재하는지 체크를 해야 한다.- C:\Users\.m2\repository 거의 대부분 .m2\repository에 의존성들이 다운로드가 되어 저장이 되는데, 이 경로에 jar 파일이 있는지 없는지를 확인해야 한다.  만약에, jar 파일을 확인했는데 없을 경우에는 아래의 링크에서 jar 파일을 다운로드 받고,..

2025. 3. 24.
회고록/2025

2025년 1분기(1월, 2월, 3월) 회고

2025년 1월 회고도 밀렸고, 2월 회고도 밀렸다. 1월과 2월에는 팀 이동을 하여 업무도 많이 몰렸던 시기였고, 이번에 새로운 솔루션 개발을 하던 터라 많은 공부도 필요했고, 집에서 다른 관심사도 생겨서 블로그 작성에는 조금은 소홀했다. 그래도, 1월부터 3월까지는 꽤나 업무적으로 많이 바빠서 할 이야기는 많겠다. 이왕 쓰는거 1월부터 3월까지 2025년 1분기에 대한 회고를 작성한다.평택 출장을 다녀 왔다. (1월)에이피알 프로젝트의 고도화 건으로 평택 출장을 다녀 왔다. 에이피알 고도화 프로젝트를 진행하기 전에, 물류 센터에 어떤 설비가 있고, 어떻게 구성이 되어 있는지를 알아야 개발을 할 때 해당 환경을 고려해서 고도화 작업을 해야 하기 때문에 평택으로 물류 센터 방문을 했다. 에이피알 물류 센..

2025. 3. 21.
IT/Three.js

[Three.js] Three.js 다양한 도형 객체 group으로 렌더링하는 방법

현재, WMS를 Three.js 라이브러리를 사용하여 시각화를 기반으로 이것저것 기능을 만들고 있다. 시각화를 할 때, 정말 중요한게 여러 도형 객체들을 group을 설정하여 관리를 해야 한다는 것이다. 그래서, 이번 글에서는 Three.js 다양한 도형 객체 group으로 렌더링하는 방법에 대해 기록한다.Three.js 다양한 도형 객체 group으로 렌더링하기맨 처음, Three.js를 시작할 때 정육면체 큐브를 1개 만들고 그 하나를 scene에 add를 하여 렌더링을 하는게 가장 기초적인 예제였다. 근데, 이제는 이러한 각 큐브들을 옵션을 주고, 특정 옵션을 가진 큐브들을 1개의 Group으로 만들어 한꺼번에 scene에 add를 하여 렌더링을 하는게 체계적인 렌더링 방법이라고 할 수 있겠다. 아..

2025. 3. 19.