Seonghoho 기술 블로그

Featured Writing

먼저 읽어볼 글

최근에 정리한 글 4개를 먼저 배치하고, 전체 아카이브로 바로 이어질 수 있게 구성했습니다.

SVG Editor Devlog2025년 9월 04일3분 읽기

2D SVG 교구와 3D Three.js 교구를 하나의 캔버스 경험으로 묶기

SVG 기반 2D 교구와 Three.js 기반 3D 교구를 같은 서비스 흐름 안에서 다루기 위해 상태와 UI 경계를 맞춘 과정을 정리합니다.

#SVG #Three.js #Vue

SVG Editor Devlog2025년 8월 14일4분 읽기

Three.js Raycaster 선택 영역 넓히기

얇은 3D 선과 작은 핸들이 Raycaster에 잘 잡히지 않는 문제를 보이지 않는 hit mesh로 해결합니다.

#Three.js #Raycaster #Interaction

SVG Editor Devlog2025년 7월 30일3분 읽기

Three.js 3D 수학교구에서 depth buffer와 renderOrder로 정보 가림 문제 해결하기

3D 수학교구에서 블록, 축, 숫자 라벨이 서로 가려지는 문제를 depthTest, depthWrite, renderOrder 기준으로 정리한 과정입니다.

#Three.js #WebGL #Rendering

SVG Editor Devlog2025년 7월 25일3분 읽기

Three.js 좌표축 클릭 시 카메라 방향 꼬임 문제

Three.js에서 카메라 방향 꼬임 문제를 해결하는 과정을 알아봅니다.

#Three.js #WebGL #Camera

Featured Writing

먼저 읽어볼 글

최근 게시글 4개를 먼저 살펴보고, 전체 글 목록으로 자연스럽게 이어질 수 있게 구성했습니다.

SVG Editor Devlog2025년 9월 04일3분 읽기

2D SVG 교구와 3D Three.js 교구를 하나의 캔버스 경험으로 묶기

SVG 기반 2D 교구와 Three.js 기반 3D 교구를 같은 서비스 흐름 안에서 다루기 위해 상태와 UI 경계를 맞춘 과정을 정리합니다.

#SVG #Three.js

SVG Editor Devlog2025년 8월 14일4분 읽기

Three.js Raycaster 선택 영역 넓히기

얇은 3D 선과 작은 핸들이 Raycaster에 잘 잡히지 않는 문제를 보이지 않는 hit mesh로 해결합니다.

#Three.js #Raycaster

SVG Editor Devlog2025년 7월 30일3분 읽기

Three.js 3D 수학교구에서 depth buffer와 renderOrder로 정보 가림 문제 해결하기

3D 수학교구에서 블록, 축, 숫자 라벨이 서로 가려지는 문제를 depthTest, depthWrite, renderOrder 기준으로 정리한 과정입니다.

#Three.js #WebGL

SVG Editor Devlog2025년 7월 25일3분 읽기

Three.js 좌표축 클릭 시 카메라 방향 꼬임 문제

Three.js에서 카메라 방향 꼬임 문제를 해결하는 과정을 알아봅니다.

#Three.js #WebGL

전체 글 보러가기

Projects

프로젝트 둘러보기

대표 프로젝트 3개를 한 화면에서 바로 확인할 수 있도록 정적으로 배치했습니다.

MathCanvas

2024Active

NowDoBoss

2024Completed

Mancity

2024Completed

Projects

프로젝트 둘러보기

진행한 프로젝트 내용을 자세히 확인해볼 수 있습니다.

MathCanvas

2024Active

NowDoBoss

2024Completed

Mancity

2024Completed