pointly

프로젝트 제작기

pointly 07. 편집 엔진 port 분리와 AI 접근 티어 결정

편집 엔진을 port로 분리하고, 약관을 확인한 뒤 로컬 CLI와 호스팅 API를 나눠 쓰기로 했다.

App.tsx를 셋으로 가르고 400줄 규칙을 켠 뒤, 자리 지정과 문구 편집을 브릿지 너머로 다시 켰다.

편집기가 렌더하던 데모 사이트를 지우고 오너의 실제 파일을 디스크에 세운 뒤, 캔버스를 cross-origin iframe으로 갈아 끼웠다.

계산해두고 서버로 안 보내던 삽입 위치를 이어 붙이고, 체험 랜딩을 편집 대상과 떼어내 동결 사본 위에 세웠다.

실패 원인을 오너에게 보이는 문장으로 바꾸고, 드래그로 그려서 삽입 자리를 지정하는 레이어를 만들었다.

문서에 적어두던 컨벤션을 ESLint로 고정하고, 크롬 CSS 488줄을 유틸리티로 옮겼다.

클릭해서 고르고 말로 적어 바꾸는 흐름을 프로토타입으로 세웠고, 안 하기로 한 것을 이유와 함께 문서에 적어뒀다.