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

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

December 16, 2024 · 2 min

Floor Planner 개발기 #1 - 왜 만들게 됐나

이사 준비하다가 평면도 도구를 만들게 된 이유.

December 15, 2024 · 1 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

Floor Planner 개발기 #5 - 줌/팬

휠로 줌, 드래그로 팬. 마우스 위치 기준 줌이 어렵다.

December 15, 2024 · 2 min

Floor Planner 개발기 #6 - 가구 시스템

가구 팔레트에서 드래그해서 배치하기.

December 15, 2024 · 2 min

Floor Planner 개발기 #7 - 다양한 모양

사각형, 원형, 타원형까지는 쉬웠다. L자형에서 멘붕.

December 15, 2024 · 3 min

Floor Planner 개발기 #8 - Konva Transformer

선택하면 핸들 나오고, 드래그로 크기 조절.

December 15, 2024 · 2 min

Floor Planner 개발기 #9 - 회전된 객체

회전하면 바운딩 박스가 이상해진다.

December 15, 2024 · 2 min