정밀함과 기술로 자립하는makerskorean.kr 기술 블로그
30년 의료 영상 정밀 분석 경험과 무결성 철학 위에 구축된 12대 Proxmox 클러스터, 12인 자율 AI 에이전트, 그리고 Vanilla JS & Jamstack 초고속 웹 엔지니어링 실전 아티클을 공개합니다.
엄선된 전문 기술 아티클
총 26편의 오리지널 기술 포스트가 발행되었습니다.
Proxmox VE 12노드 클러스터 구축과 실측 CPU·RAM 리소스 스케줄링 가이드
의료 영상 현장에서 30년 동안 방사선 기술을 다루며 쌓아온 정밀함이, 이제는 제 개인 홈랩(Homelab)의 서버실에서 AI 에이전트의 파이프라인으로 옮겨가고 있습니다.
Vanilla JS로 구현하는 URL 파라미터 & 해시 관리 가이드
여러분, 프레임워크의 화려한 마법에 속기 전에 우리가 먼저 마주해야 할 것은 결국 ‘데이터가 어떻게 흐르는가’라는 본질입니다. SPA(Single Page Application) 구조를 설계할 때 URL 파라미터와 해시 관리는 단순한 기능이 아니라, 사용자 경험을…
Vanilla JS의 정수: Canvas와 2D Context 활용법
현장에서 방사선 영상 데이터를 정밀하게 분석하던 시절부터, 저는 '효율'이라는 가치에 집착해 왔습니다. 30년의 현장 경험을 통해 얻은 통찰을 이제는 Proxmox 홈랩과 AI 멀티 에이전트 시스템으로 확장하며, 기술적 한계를 넘어서는 1인 유니콘의 여정을 기록하고…
바닐라 JS 애니메이션: requestAnimationFrame 활용법
의료 영상 현장에서 정밀한 데이터 파형을 분석하던 시절부터, 저는 늘 ‘정교한 흐름’이 기술의 핵심이라고 믿어왔습니다. 이 원리가 웹 프론트엔드에서도 똑같이 적용되죠.
JS 타이머 활용법: setTimeout vs setInterval 완벽 정리
의료 영상 현장에서 찰나의 순간을 포착하던 감각으로, 웹 개발의 미세한 '타이밍'을 제어하는 기술을 파헤쳐봅니다. JavaScript 엔진 속에서 setTimeout과 setInterval은 단순한 시간 조작 그 이상의 의미를 갖죠.
웹 스토리지 관리: 데이터 지속성(Persistence)의 핵심
웹 서비스를 구축하다 보면 사용자 경험(UX)을 극대화하기 위해 '데이터가 유지되는 기술'이 절실해지는 순간이 옵니다. 단순한 페이지 이동으로 모든 정보가 초기화된다면 사용자는 피로감을 느끼게 되죠.
Vanilla JS 폼 유효성 검사: 실시간 피드백 구현법
의료 영상 현장에서 정밀한 데이터를 한 치 오차 없이 처리하던 경험이 tripwite(트립와이트)식 데이터 무결성 검증으로 이어지는 순간, 개발자의 고뇌는 더욱 깊어지죠.
Vanilla JS 이벤트 핸들링: 기초부터 위임까지
여러분, 현장에서 의료 영상 데이터를 다루며 정밀함을 익혔던 제가 홈랩과 AI 자동화 시스템을 구축할 때 가장 먼저 마주한 벽은 '효율적인 제어'였습니다. 웹 개발에서도 마찬가지죠. 단순히 모든 버튼에 일일이 리스너를 붙이는 방식은 자원 낭비의 극치입니다.
Vanilla JS 성능 최적화와 가상 DOM의 이해: 4claw NOCLAW Q&A
현장에서 방사선 영상 데이터를 처리할 때 0.1초의 지연이 결과에 어떤 영향을 주는지 체감해본 분들이라면, 웹 성능 최적화에서 '미세한 병목'이 얼마나 치명적인지 공감하실 겁니다.
DOM 조작과 동적 콘텐츠 생성: Vanilla JS 활용법
의료 영상 현장에서 정밀한 데이터를 처리하던 시절을 떠올려보면, 결국 모든 데이터는 '정확한 위치'에 전달될 때 의미를 갖는 것과 같습니다. 웹 개발에서도 마찬가지죠.
AI 멀티에이전트 무인 협업 파이프라인과 실시간 가동률 분석
의료 영상 현장에서 30년 동안 방사선사의 정밀함을 체득했던 제가, 이제는 12대의 Proxmox 노드와 AI 멀티에이전트 자동화 시스템을 구축하며 '1인 유니콘'으로의 도약을 꿈꾸고 있습니다.
Python 기반 DICOM 의료 영상 분석 파이프라인 및 3D 볼륨 렌더링 엔지니어링
30년간 대학병원 영상의학과 현장에서 다룬 CT/MRI 의료 영상(DICOM) 데이터를 Pydicom과 NumPy로 고속 전처리하고, Hounsfield Unit 정규화 및 3D 볼륨 렌더링을 구현한 데이터 무결성 엔지니어링 가이드입니다.
1인 창업가를 위한 AI-Native 엔지니어링: 12인 멀티에이전트 오케스트레이션과 OSMU 전략
단 1인의 지식 노동자가 10명 이상의 개발·운영팀에 버금가는 결과물을 산출하는 AI-Native 자율 에이전트 워크플로우와 OSMU 다채널 배포 비즈니스 프레임워크를 공개합니다.
옵시디언 2nd Brain과 Qdrant RAG를 연결하는 지식 그래프 자동화 아키텍처
수천 개의 마크다운 지식 노트와 링크 관계를 그래프 토폴로지와 Qdrant 벡터 데이터베이스에 동시 인덱싱하여 다차원 추론을 구현하는 GraphRAG 로컬 지식 엔진 구축기입니다.
30년 병원 방사선사에서 1인 유니콘 AI 메이커스로: 꿈을 현실로 만든 기술 자립 로드맵
대학병원 영상의학과 현장에서 30년간 미세한 픽셀을 분석하던 방사선사가 12대 Proxmox 홈랩과 12인 자율 AI 에이전트를 구축하며 1인 유니콘으로 나아가는 감동적인 실전 도전기입니다.
Runtime Overhead Zero: SSG vs Dynamic Strategy
현장에서 방사선 영상 데이터를 처리할 때 0.1초의 지연이 환자의 안전과 직결되듯, 웹 서비스에서도 성능은 생명입니다. 제가 구축한 Proxmox 홈랩 환경에서 수천 개의 트래픽을 견디기 위해 고민하다 보니, 결국 'Runtime Overhead Zero'를 향한…
Vanilla JS로 구축하는 고성능 Jamstack 아키텍처 가이드
현장에서 방사선 영상 데이터를 분석하며 얻은 정밀함의 기술이 이제는 제 홈랩(Homelab) 시스템을 타고 흐르는 데이터 파이프라인으로 옮겨가고 있습니다.
12대 홈랩 환경의 컨테이너 오케스트레이션: Docker Swarm vs K3s 실전 비교 및 운영 가이드
12대 베어본 노드 클러스터에서 단일 도커 호스트를 넘어 Docker Swarm과 경량 쿠버네티스(K3s)를 배포하고, 리소스 오버헤드와 롤링 업데이트 성능을 실측 비교한 엔지니어링 가이드입니다.
의료 영상과 Proxmox: 12노드 홈랩 기반 AI 에이전트 구축기
의료 영상 현장에서 수십 년간 정밀한 데이터를 다루던 경험이 tnow는 12개의 노드로 구성된 Proxmox 홈랩 시스템으로 옮겨왔습니다.
12대 홈랩 클러스터로 구현하는 분산 AI 추론: 로컬 LLM과 하이브리드 서빙 최적화
고비용 클라우드 GPU 인스턴스에 의존하지 않고, 12대의 분산 미니 PC 클러스터에서 Ollama 및 vLLM을 최적화하여 초저지연 AI 추론 파이프라인을 구축한 실전 아키텍처 가이드입니다.
PCIe Gen4 NVMe 24TB Ceph 스토리지 메시 구축기: 12대 Proxmox 클러스터 분산 스토리지 최적화
초저지연 NVMe over Fabrics와 12대 노드 간 풀메시(Full-Mesh) 네트워크로 구축한 24TB Ceph 분산 스토리지의 성능 튜닝 및 무중단 HA 페일오버 실측 분석 기록입니다.
12인 자율 AI 에이전트 협업 파이프라인: 핸드셰이크 프로토콜과 무인 자동화 구축법
단일 프롬프트의 한계를 뛰어넘어, 12인의 특화된 subagent가 비동기 메시징과 상태 머신으로 상호 검증하며 시스템을 자율 운영하는 멀티에이전트 엔지니어링 실전 가이드입니다.
10GbE / 2.5GbE 홈랩 네트워크 설계: 점보 프레임(MTU 9000)과 스마트 스위치 VLAN 격리 구성
12대 노드의 Ceph OSD 복제 트래픽과 AI 추론, 관리 트래픽을 완벽 분리하기 위해 MTU 9000 점보 프레임과 802.1Q VLAN 가상 격리를 적용한 실전 네트워크 엔지니어링 가이드입니다.
TypeScript + Astro로 구축하는 하이퍼스피드 블로그: Jamstack 정적 생성과 TBT 0ms 최적화
Astro 프레임워크와 Headless WordPress REST API 파이프라인을 결합하여, 모바일 PageSpeed 100점과 Total Blocking Time 0ms를 달성한 Jamstack 초경량 블로그 아키텍처 실전 가이드입니다.
12대 베어본 PC로 구축하는 프라이빗 클라우드: 저전력 고효율 Proxmox VE 홈랩 아키텍처
엔터프라이즈 랙 서버의 소음과 전력 소모를 극복하고, 12대의 저전력 미니 베어본 PC를 결합하여 아이들 180W로 구동하는 고가용성 Proxmox VE 홈랩 클러스터 설계기입니다.
Ollama와 Qdrant 벡터 데이터베이스로 완성하는 로컬 RAG 지식 검색 엔진
수천 장의 옵시디언 마크다운 지식 노트를 Qdrant 벡터 데이터베이스에 고차원 임베딩하고, Ollama 로컬 LLM과 연동하여 초저지연 RAG(검색 증강 생성) 답변을 구축한 기술 가이드입니다.