AI 기반 웹사이트 종합 진단 도구 'SiteVett' 개발기

사용자가 직접 개발한 도구의 상세한 기능 목록에 대해 긍정적인 반응이며, 추가할 기능에 대한 의견을 구하는 중이다.

• 웹사이트 배포 전 SiteVett을 통해 .env 파일 노출이나 SSL 만료 같은 보안 취약점을 자동으로 점검할 수 있다.
• Gemini AI 비전 기능을 활용해 모바일과 데스크톱 간의 레이아웃 일관성을 수동 확인 없이 검증 가능하다.

플레이라이트(Playwright)

— 웹 브라우저 자동화 라이브러리이다. Chromium, Firefox, WebKit 엔진을 사용하여 실제 사용자가 브라우저를 사용하는 것과 동일한 환경에서 웹 페이지를 렌더링하고 테스트할 수 있게 해준다. 현대적인 웹 앱의 동적 콘텐츠를 정확하게 분석하는 데 필수적인 도구이다.

제미나이(Gemini)

— Google에서 개발한 멀티모달 대형 언어 모델이다. 텍스트뿐만 아니라 이미지, 비디오 등을 이해하고 처리할 수 있는 능력을 갖추고 있다. 이 도구에서는 웹사이트 스크린샷을 시각적으로 분석하여 디자인 결함이나 UX 문제를 판단하는 핵심 엔진으로 쓰인다.

검색 엔진 최적화(SEO)

— 웹사이트가 검색 결과 상단에 노출되도록 메타 태그, 캐노니컬 태그, URL 구조 등을 최적화하는 일련의 과정을 의미한다. 사이트의 가시성과 유입량을 결정짓는 중요한 기술적 지표이다.

웹 콘텐츠 접근성 지침(WCAG)

— 장애인을 포함한 모든 사용자가 웹 콘텐츠에 쉽게 접근할 수 있도록 보장하기 위한 국제 표준이다. 색상 대비, 제목 구조, 대체 텍스트 제공 여부 등을 통해 웹사이트의 보편적 사용성을 평가한다.

HTTP 엄격 보안 전송 프로토콜(HSTS)

— 웹 서버가 브라우저에게 오직 HTTPS를 통해서만 통신하도록 강제하는 보안 헤더이다. 중간자 공격(MITM)을 방지하고 사용자 데이터 전송의 안전성을 확보하는 데 기여하는 보안 설정이다.