미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
브라우저에서 이미지 보정을 구현할 때 SVG 필터를 활용하는 방법을 소개했습니다. 선언적 적용과 파이프라인 구성, React 연동의 장점을 중심으로 정리했습니다.
#SVG#React
12005분
필터 1
if(kakao)25, 카카오뱅크가 전하는 기술 이야기
if(kakao)25에서 카카오뱅크가 기술 세션, 패널톡, 부스를 통해 AI와 금융 기술 사례를 공유했습니다.\n프롬프트 공격 대응, 개발 생산성 향상, 테스트 자동화, 데이터센터 관리 개선 내용을 소개했습니다.
#LLM#prompt
24005분
WebGL 활용한 화상회의 배경 블러 처리 개선
화상회의 배경 블러의 성능 병목을 JavaScript 픽셀 순회에서 찾고 WebGL로 전환했습니다. GPU 병렬 처리와 하이브리드 구조로 CPU 사용률을 크게 낮췄습니다.
#WebGL#GPU
4005분
WebGL 활용한 화상회의 배경 블러 처리 개선
화상회의 배경 블러의 느린 성능을 WebGL과 GPU 병렬 처리로 개선했습니다.\nCPU 병목을 줄여 저사양 기기에서도 부드럽게 동작하도록 만들었습니다.
#WebGL#GPU
14005분
WebGL과 함께 배우는 컴퓨터 그래픽스 (2)
WebGL과 Three.js에서 라이팅과 머티리얼의 기본 개념을 정리했습니다. 각 조명과 재질의 차이, 계산 비용과 사실감의 균형을 예제로 설명했습니다.
#WebGL#Three.js
72005분
자바스크립트 지도 엔진에 웹 워커를 적용해봤습니다 - 14편 - 웹 워커, 어디까지 써봤니?
TMAP JS를 브라우저 기반 지도 엔진으로 소개하고, WebGL 풀 벡터 방식과 사용자 데이터 추가 지원을 설명했습니다. 또한 성능 개선을 위해 웹 워커를 적용한 개발 맥락을 다뤘습니다.
#JavaScript#Web Worker
25005분