Floor Planner 개발기 #10 - 문 시스템

문은 벽에 붙어야 하고, 열리는 방향도 표시해야 한다.

December 16, 2024 · 2 min

Floor Planner 개발기 #11 - 측정 도구

두 점 클릭해서 거리 측정. 가구 사이 간격 확인용.

December 16, 2024 · 2 min

Floor Planner 개발기 #14 - 이미지 업로드

실제 평면도 사진을 배경에 깔고 따라 그리기.

December 16, 2024 · 2 min

Floor Planner 개발기 #16 - PNG 내보내기

완성된 평면도를 이미지로 저장.

December 16, 2024 · 2 min

Floor Planner 개발기 #17 - Vitest로 Konva 테스트

Canvas 기반 앱을 어떻게 테스트하나?

December 16, 2024 · 2 min

Floor Planner 개발기 #19 - 성능 최적화

가구 많아지면 느려진다. 최적화 방법들.

December 16, 2024 · 2 min

Floor Planner 개발기 #20 - Vue Reactivity + Konva 충돌

ref()로 Konva 노드 감쌌다가 성능 폭망.

December 16, 2024 · 2 min

Floor Planner 개발기 #2 - 캔버스 라이브러리 선택

Fabric.js vs Konva vs PixiJS. 뭘 쓸까?

December 15, 2024 · 2 min

Floor Planner 개발기 #3 - 좌표계 삽질

스크린 좌표, 캔버스 좌표, 실제 치수. 뭐가 이렇게 많아.

December 15, 2024 · 2 min

Floor Planner 개발기 #4 - 무한 그리드

그리드 선 수천 개 그렸다가 렉 걸림.

December 15, 2024 · 2 min