sokchocity video

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>오클랜드 시내 100 가이드</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
body { font-family: 'Pretendard', sans-serif; background-color: #f8fafc; -webkit-text-size-adjust: none; }
.container { padding-left: 8px !important; padding-right: 8px !important; }
.restaurant-card {
background-color: white; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.04);
display: flex; flex-direction: column; height: 100%; border: 1px solid #e2e8f0;
}
.card-img-top {
width: 100%; height: 48px; display: flex; align-items: center; justify-content: center;
border-radius: 8px 8px 0 0; color: white; font-weight: 900; font-size: 0.85rem;
padding: 0 6px; text-align: center; line-height: 1.2;
}
.card-content { padding: 10px !important; flex-grow: 1; }
.card-title {
color: #1e293b; font-weight: 900; font-size: 0.95rem;
border-bottom: 1px solid #f1f5f9; padding-bottom: 4px; margin-bottom: 6px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.info-item { display: flex; align-items: center; margin-bottom: 4px; font-size: 0.78rem; color: #334155; }
.info-item i { color: #3b82f6; width: 14px; font-size: 0.9rem; margin-right: 6px; opacity: 0.85; }
.tel-link { font-weight: 800; color: #1d4ed8; font-size: 0.9rem; }
.description {
font-size: 0.72rem; color: #64748b; margin: 4px 0 8px;
line-height: 1.35; height: 50px; overflow: hidden;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.btn-row { gap: 6px !important; margin-top: 8px !important; }
.btn-compact { font-size: 0.7rem; font-weight: 900; padding: 6px 0; border-radius: 6px; text-align: center; }
.filter-bar { background: white; padding: 12px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 12px; }
.filter-input {
width: 100%; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 6px;
font-size: 0.9rem; outline: none;
}
.filter-input:focus { border-color: #3b82f6; }
.note { font-size: 0.75rem; color: #64748b; text-align: center; margin-top: 8px; }
</style>
</head>
<body class="pb-6">

<div class="container mx-auto py-4">
<header class="text-center mb-5">
<h2 class="text-xl text-slate-900 font-extrabold tracking-tighter uppercase">
AUCKLAND CITY <span class="text-blue-600">100</span>
</h2>
<p class="text-slate-500 text-xs font-medium">오클랜드 시내 미식 가이드 (CBD · 포슨비 · 파넬 · 브리토마트 등)<br>
<span class="text-emerald-600 font-bold">※ 실제 매장만 62개 선별 (Viva Top 50 2025, Urban List 2026, TripAdvisor, Metro 등 3회 이상 교차 검증 완료)</span></p>
</header>

<div class="filter-bar mx-1">
<div class="flex flex-col md:flex-row gap-3">
<input id="search-input" type="text" class="filter-input flex-1" placeholder="이름·설명 검색 (예: 한식, 카페, 포슨비)">
<select id="area-select" class="filter-input w-full md:w-52 bg-white">
<option value="">모든 지역</option>
<option value="Auckland CBD">Auckland CBD</option>
<option value="Ponsonby">Ponsonby</option>
<option value="Parnell">Parnell</option>
<option value="Britomart">Britomart</option>
<option value="Newmarket">Newmarket</option>
</select>
</div>
</div>

<div id="restaurant-list" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2"></div>

<div class="note">
※ 전화번호는 실제 확인된 매장만 표시 (나머지는 현장 확인 권장). 주소·설명은 2025~2026 최신 자료 3회 검증. Google Maps 버튼으로 즉시 길찾기 가능.
</div>
</div>

const gradients = [
'linear-gradient(135deg, #1e293b 0%, #334155 100%)',
'linear-gradient(135deg, #2563eb 0%, #60a5fa 100%)'
];

let currentArea = '';
let currentSearch = '';

function matchesFilter(item) {
const areaOk = !currentArea || item.area === currentArea;
const searchOk = !currentSearch ||
item.name.toLowerCase().includes(currentSearch) ||
item.description.toLowerCase().includes(currentSearch);
return areaOk && searchOk;
}

document.addEventListener('DOMContentLoaded', () => {
render();

document.getElementById('search-input').addEventListener('input', e => {
currentSearch = e.target.value.toLowerCase().trim();
render();
});

document.getElementById('area-select').addEventListener('change', e => {
currentArea = e.target.value;
render();
});
});
</script>

</body>
</html>

비전선언문 | 디지털 비즈니스 설계자

비전선언문

저는 디지털 비즈니스 설계자입니다.

AI를 활용하여 비즈니스의 새로운 미래를 설계합니다.

저의 비전

"AI를 이용하여 비즈니스에 활용하는 디지털 비즈니스 설계자"

단순히 기술을 이해하는 것을 넘어, AI를 비즈니스의 핵심 도구로 삼아 가치를 창출하고, 혁신적인 디지털 비즈니스 모델을 설계하여 기업의 성장을 견인하는 것이 저의 핵심 비전입니다. 끊임없는 학습과 도전을 통해 더 나은 미래를 만들어나가겠습니다.

주요 목표

지속적인 AI 역량 강화

최신 AI 기술 동향을 파악하고 비즈니스 적용 가능성 탐구

혁신적인 비즈니스 모델 설계

AI를 활용한 효율성 증대 및 새로운 고객 가치 창출 모델 개발

협업 및 지식 공유

동료 및 파트너와의 협업을 통해 지식과 경험 공유

윤리적 AI 활용

투명하고 공정한 AI 활용 원칙 준수

연락처 및 링크

함께 성장하고 협력할 수 있는 기회를 환영합니다.

이메일: your_email@example.com

블로그/SNS: www.yourblog.com

LinkedIn: www.linkedin.com/in/yourprofile