kent
a0ca01d765
- 13개 파일의 이모지를 인라인 SVG 아이콘으로 변환 - Heroicons/Tailwind 스타일 SVG 적용 (fill="none" stroke="currentColor") - flex items-center gap-2 레이아웃으로 아이콘+텍스트 정렬 - 컬러 클래스 적용 (text-blue-600, text-green-600 등) 변환 파일: - stablecoin, mrp-overseas, qa-solution, rag-startups - kodata-vs-nice, confluence-vs-notion, barobill-vs-popbill - chatbot-compare, sales-strategy, tax - labor, debt, chatbot 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
119 lines
4.7 KiB
PHP
119 lines
4.7 KiB
PHP
@extends('layouts.presentation')
|
|
|
|
@section('title', 'QA 솔루션 비교')
|
|
|
|
@push('styles')
|
|
<style>
|
|
.placeholder-container {
|
|
min-height: 70vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.placeholder-icon {
|
|
width: 5rem;
|
|
height: 5rem;
|
|
margin-bottom: 2rem;
|
|
opacity: 0.6;
|
|
color: #7c3aed;
|
|
}
|
|
.feature-icon {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
color: #7c3aed;
|
|
}
|
|
.placeholder-title {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
color: #1e3a8a;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.placeholder-subtitle {
|
|
font-size: 1.25rem;
|
|
color: #64748b;
|
|
max-width: 500px;
|
|
text-align: center;
|
|
line-height: 1.8;
|
|
}
|
|
.placeholder-badge {
|
|
margin-top: 2rem;
|
|
padding: 0.5rem 1.5rem;
|
|
background: linear-gradient(135deg, #8b5cf6, #7c3aed);
|
|
color: white;
|
|
border-radius: 9999px;
|
|
font-weight: 600;
|
|
font-size: 0.875rem;
|
|
}
|
|
</style>
|
|
@endpush
|
|
|
|
@section('content')
|
|
<div class="min-h-screen bg-gradient-to-br from-violet-50 to-purple-100">
|
|
<div class="container mx-auto px-4 py-12">
|
|
|
|
<div class="placeholder-container">
|
|
<svg class="placeholder-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
|
|
</svg>
|
|
<h1 class="placeholder-title">QA 솔루션 비교</h1>
|
|
<p class="placeholder-subtitle">
|
|
소프트웨어 품질 보증(QA) 도구 및 테스팅 플랫폼에 대한
|
|
종합 비교 분석 자료가 준비 중입니다.
|
|
</p>
|
|
<div class="placeholder-badge">Coming Soon</div>
|
|
</div>
|
|
|
|
<div class="max-w-4xl mx-auto mt-12">
|
|
<div class="bg-white rounded-2xl shadow-lg p-8">
|
|
<h2 class="text-xl font-bold text-gray-800 mb-6 flex items-center">
|
|
<svg class="feature-icon mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />
|
|
</svg>
|
|
예정 콘텐츠
|
|
</h2>
|
|
<div class="grid md:grid-cols-2 gap-6">
|
|
<div class="p-4 bg-violet-50 rounded-lg">
|
|
<h3 class="font-semibold text-violet-800 mb-2">테스트 자동화 도구</h3>
|
|
<ul class="text-sm text-gray-600 space-y-1">
|
|
<li>• Selenium / Playwright</li>
|
|
<li>• Cypress / Puppeteer</li>
|
|
<li>• Appium (모바일)</li>
|
|
<li>• JMeter / k6 (성능)</li>
|
|
</ul>
|
|
</div>
|
|
<div class="p-4 bg-blue-50 rounded-lg">
|
|
<h3 class="font-semibold text-blue-800 mb-2">테스트 관리 플랫폼</h3>
|
|
<ul class="text-sm text-gray-600 space-y-1">
|
|
<li>• TestRail</li>
|
|
<li>• Zephyr Scale</li>
|
|
<li>• qTest</li>
|
|
<li>• PractiTest</li>
|
|
</ul>
|
|
</div>
|
|
<div class="p-4 bg-green-50 rounded-lg">
|
|
<h3 class="font-semibold text-green-800 mb-2">CI/CD 통합</h3>
|
|
<ul class="text-sm text-gray-600 space-y-1">
|
|
<li>• GitHub Actions 연동</li>
|
|
<li>• Jenkins 파이프라인</li>
|
|
<li>• GitLab CI 통합</li>
|
|
<li>• Azure DevOps 연계</li>
|
|
</ul>
|
|
</div>
|
|
<div class="p-4 bg-orange-50 rounded-lg">
|
|
<h3 class="font-semibold text-orange-800 mb-2">AI 기반 QA</h3>
|
|
<ul class="text-sm text-gray-600 space-y-1">
|
|
<li>• 자동 테스트 생성</li>
|
|
<li>• 시각적 회귀 테스트</li>
|
|
<li>• 지능형 테스트 유지보수</li>
|
|
<li>• 결함 예측 분석</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
@endsection
|