IT 검색 결과
3235 개의 검색 결과가 있습니다.
IT/기타

[JsTree] jsTree 초기화하는 방법

웹에서 트리 구조로 조직도나 하이라키 구조의 관계를 표현하기 위해 jsTree를 사용하고 있는데, jsTree의 경우 초기화를 할 때 일반적인 HTML 초기화 코드와는 조금 다르게 사용된다. 이번 글은 jsTree 초기화하는 방법에 대해 기록한다.jsTree 초기화하는 방법1. jsTree의 경우, 아래의 코드 형식으로 tree 데이터를 구성할 수 있다. facilities라는 ID를 가진 div에 트리를 집어 넣는다.//HTML 2. HTML처럼, getElementByID를 통해 innerHTML을 공백으로 했는데 초기화는 되지 않았다. jstree의 초기화는 아래의 코드를 선언하여 초기화할 수 있다.$('#facilities').jstree('destroy');

2025. 4. 16.
IT/Three.js

[Three.js] 캔버스에 박스가 그려지지 않는 문제 해결 방법

Three.js에서 도형 객체를 설정하고 캔버스에 그리려고 렌더링을 진행했더니, 해당 도형 객체가 그려지지 않았다.이미 거의 로직이 비슷한 캔버스를 2개를 그려놨었는데, 다른 2개에서는 정상적으로 나오는데 새롭게 만든 캔버스에서는 도형이 나오질 않았다. 그래서, 거의 6시간 정도 삽질을 했는데 이 삽질이 너무 아까워서 기록한다.문제 상황1. 거의 로직이 동일한 캔버스 3개 A, B, C 캔버스를 그렸고, 특정 데이터들을 DB에서 가져와서 A와 B 캔버스에서는 정상적으로 그려지는게 확인 되었지만, C 캔버스에서는 그려지지 않았다. 2. 도형을 그리는 구조는 A1 박스와 B1 박스 2개를 그린다. B1 박스의 테두리는 검정색이다. 3. A1 박스의 크기는 사이즈의 0.98 배였고, B1 박스의 크기는 사이..

2025. 4. 15.
IT/Redis

[Redis] 레디스(Redis) Key에 특정 문자열 포함되어 있는 키 조회하는 방법

레디스(Redis)는 Key, Value 형태로 메모리에 저장을 하는데, Key가 여러 개인 경우에 특정 문자열을 포함하고 있는 Key를 가져와야 하는 경우가 생긴다. 그럴 경우에는 애스터리스크(*)를 사용하면 된다.레디스(Redis) Key에 특정 문자열 포함되어 있는 키 조회하기1. 전체 Key에서 특정 문자열이 포함되어 있는 Key 조회하기keys *특정문자열* 애스터리스크의 방법은 DB에서 %를 사용하는 방법과 동일하다. keys *특정문자열 // 특정문자열로 끝나는 키 조회keys 특정문자열* // 특정문자열로 시작하는 키 조회 DB에서도 애스터리스크를 앞에 두냐, 뒤에 두냐에 따라 조회 결과가 달라지는 것처럼 레디스에서도 사용 방법은 동일하다.

2025. 4. 12.
IT/기타

크롬(Chrome)에서 화면 클릭 시 커서 깜빡임 문제 해결하는 방법

크롬(Chrome)을 사용하고 있는데, 어느 순간부터 페이지다운이나 페이지업, 홈, 앤드를 하면 제대로 된 동작을 하지 않고, 아래의 사진처럼 커서가 깜빡거리면서 동작이 이상하게 되기 시작했다.  이번 글은 크롬(Chrome)에서 화면 클릭 시 커서 깜빡임 문제 해결하는 방법에 대해 기록한다.문제 해결 방법1. 크롬에서 우측 상단에 케밥 메뉴 아이콘(점 3개 수직)을 클릭 후에 설정 버튼을 누른다. 2. 검색창에 커서를 검색하고, 하단의 [텍스트 커서로 페이지 탐색]이 있는데, 이것을 비활성화를 한다.  이렇게 하면, 크롬에서 깜빡임 커서가 없어지고 정상적으로 home키와 end키, PageDown, PageUp 버튼이 작동한다.

2025. 4. 11.
IT/Three.js

[Three.js] THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values. 문제 해결 방법

Three.js에서 도형 객체를 크기에 맞게 설정하고, 실질적으로 3D 화면에서 도형을 어느 위치에 둬야 할 것인지 position 좌표를 설정 후에 렌더링을 하면 도형이 해당 위치에 그려지게 된다. 근데, 렌더링 과정 중에 position의 좌표가 NaN일 경우에는 아래의 에러가 발생한다. THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values. 이 문제의 원인은 해당 도형의 Position의 x, y, z 값이나 벡터 값이 NaN일 때 발생한다. three.core.js 파일에서 boundingSphere.radius가 NaN일 경우에 ..

2025. 4. 10.
IT/GIT

[GIT] 깃허브(Github) DIRTY_WORKTREE 문제 해결 방법

Git을 사용하면 정말 다양한 문제들이 발생한다. 그 다양한 문제들 중 빈번하게 발생하는 문제가 DIRTY_WORKTREE 문제다. 이 문제는 결국엔 동기화를 하지 못해서 발생하는 문제라서 DIRTY_WORKTREE 문제를 해결하는 가장 간단한 방법은 브랜치를 리셋을 하는 방법이다. 이번 문제는 이클립스 IDE를 가지고 해결을 한다. Reset을 하기 전에 기존에 수정했던 소스는 꼭 백업을 해야 한다.문제 해결 방법1. [프로젝트 오른쪽 클릭] - [Team] - [Reset]을 클릭한다.  2. [Reset] 버튼을 누르면, 하단의 Reset type에서 Hard를 선택하고 Reset을 실행한다. 3. Reset 버튼을 누른다. Reset을 진행하면, 결국엔 충돌 전 환경으로 돌아가게 되는데 이 때 꼭..

2025. 4. 7.