엘엘엠 코딩 비용을 줄이는 가장 큰 방법은 기본 기능 쓰기
엘엘엠이 코드를 만들 때 오래된 방식으로 길고 복잡한 코드를 자주 내놓으면 이 크게 늘어난다. 은 많은 표에서 보다 3~5배 비싸기 때문에, 같은 기능을 짧게 만들 수 있으면 비용 차이가 커진다. 핵심 방법은 Deno나 같은 실행 환경에 이미 들어 있는 웹 기본 기능을 명확히 쓰라고 지시하는 것이다.
예를 들어 주소의 검색값을 직접 쪼개는 코드는 약 140토큰이지만, URL과 URLSearchParams를 쓰면 약 12토큰으로 줄어든다. 폼 입력값도 필드마다 상태를 따로 두면 200~250토큰이 되지만, FormData를 쓰면 약 14토큰으로 처리할 수 있다. 요청 취소, 여러 비동기 작업 처리, 대화상자 같은 화면 요소도 AbortSignal.timeout, Promise.allSettled, dialog 같은 기본 기능을 쓰면 코드가 훨씬 짧아지고 실수도 줄어든다.
Deno 요청 처리기처럼 여러 작업이 섞인 코드는 기본 기능을 쓰면 반복 코드가 400~600 에서 60~90 수준으로 줄 수 있다. 오래된 주석은 엘엘엠을 잘못된 방향으로 이끌 수 있으므로, 주석은 코드가 무엇을 하는지가 아니라 왜 그렇게 해야 하는지와 바꾸면 안 되는 조건을 적는 데 쓰는 편이 낫다.
핵심 포인트
- 은 보다 보통 더 비싸므로, 엘엘엠이 길게 만든 반복 코드는 실제 비용 문제가 된다.
- 웹 기본 기능을 쓰면 검색값 처리, 폼 처리, 요청 취소, 여러 작업 처리, 화면 요소 코드가 크게 짧아진다.
- 기본 기능은 짧을 뿐 아니라 반복 입력값, 잘못된 주소값, 접근성, 취소 처리 같은 실수도 줄인다.
- 프롬프트에는 “웹 기본 기능을 쓰고, 브라우저나 Deno가 이미 제공하는 기능을 직접 다시 만들지 말라”는 지시를 앞부분에 넣는 것이 좋다.
- 주석은 다음 줄을 설명하는 문장보다 설계 의도와 반드시 지켜야 할 조건을 담을 때 엘엘엠에 도움이 된다.