올인 오클랜드

성막

성막

  • 유튜브
  • 성막
  • aa
  • 아벨

<!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>성막(Tabernacle) YouTube 영상 라이브러리</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* 모바일 가로 모드 및 소형 기기 최적화 (sample 코드 스타일 적용) */
        @media (max-width: 640px) and (orientation: landscape) {
            .video-grid {
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                gap: 0.75rem;
            }
            .video-grid iframe {
                height: 120px;
            }
            .video-container {
                padding: 0.75rem;
            }
            .hero-section {
                height: 40vh;
            }
            .hero-section h2 {
                font-size: 1.25rem;
            }
        }
    </style>
</head>
<body class="bg-gray-100 font-sans text-gray-800">

    <header class="bg-amber-700 text-white py-3 sticky top-0 z-50 shadow-md">
        <div class="container mx-auto px-4 flex justify-between items-center">
            <h1 class="text-xl font-bold flex items-center gap-2">
                <span>⛪</span> <span id="header-title">성막 미디어 아카이브</span>
            </h1>
            <nav class="flex items-center space-x-4">
                <ul class="hidden md:flex space-x-6 text-base font-medium">
                    <li><a href="#home" class="hover:text-amber-200">홈</a></li>
                    <li><a href="#about" class="hover:text-amber-200">소개</a></li>
                    <li><a href="#videos" class="hover:text-amber-200">영상 리스트</a></li>
                </ul>
                <button onclick="toggleLanguage()" id="lang-btn" class="bg-amber-900 hover:bg-amber-800 text-white text-xs font-bold py-1.5 px-3 rounded-full border border-amber-400">
                    English
                </button>
            </nav>
        </div>
    </header>

    <section id="home" class="hero-section bg-cover bg-center h-72 flex items-center justify-center relative" style="background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url('https://images.unsplash.com/photo-1548625149-fc4a29cf7092?auto=format&fit=crop&w=1200&q=80');">
        <div class="text-center text-white px-4 max-w-3xl">
            <h2 id="hero-title" class="text-2xl sm:text-3xl font-bold mb-3 leading-tight">구약 성막(Tabernacle) 콘텐츠 한눈에 보기</h2>
            <p id="hero-desc" class="text-sm sm:text-base text-gray-200 mb-5">구약 성막의 구조, 7가지 기구, 제사 의식과 구속사적 의미를 다룬 검증된 최고 퀄리티의 YouTube 영상 컬렉션입니다.</p>
            <a href="#videos" id="hero-btn" class="bg-amber-600 hover:bg-amber-700 text-white font-semibold text-sm px-5 py-2.5 rounded-full transition shadow-lg inline-block">영상 시청하기</a>
        </div>
    </section>

    <section id="about" class="py-8 bg-white shadow-sm">
        <div class="container mx-auto px-4 text-center max-w-3xl">
            <h2 id="about-title" class="text-2xl font-bold text-gray-900 mb-3">콘텐츠 안내</h2>
            <p id="about-desc" class="text-sm sm:text-base text-gray-600 leading-relaxed">
                본 웹페이지는 성경 공부, 설교 준비, 신학 연구 및 시각적 학습을 위해 가장 높은 평가를 받은 10개의 YouTube 추천 영상을 엄선하여 모아두었습니다.<br class="hidden sm:inline">
                초보자용 3D 가이드부터 신학적 깊이를 담은 강해까지 한곳에서 편리하게 시청하세요.
            </p>
        </div>
    </section>

    <section id="videos" class="bg-gray-100 py-10">
        <div class="container mx-auto px-4">
            <div class="text-center mb-8">
                <h2 id="section-title" class="text-2xl sm:text-3xl font-bold text-gray-900">성막 추천 영상 TOP 10</h2>
                <p id="section-subtitle" class="text-sm text-gray-500 mt-1">이미지를 클릭하거나 플레이어로 즉시 시청할 수 있습니다.</p>
            </div>

            <div class="video-grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/MJO8Q-pSQeE" title="성막 핵심정리" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 1위 | 추천 98점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">1. 성막 핵심정리 | 구조와 기구의 의미를 한눈에</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: 성경사랑TV</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            성막 뜰부터 지성소까지 3D 구조와 7대 기구의 개념을 직관적으로 정돈해 주는 입문용 영상입니다.<br>
                            십자가 구속사의 의미와 기구 배치의 영적 가치를 초보자도 쉽게 배울 수 있습니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=MJO8Q-pSQeE" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/xKcFjL9fGWg" title="성막의 구조와 의미" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 2위 | 추천 95점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">2. 성막의 구조와 의미 [성경 공부 일독 프로젝트 #13]</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: 초증교회 (서광 전도사)</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            출애굽기 성막 본문을 통독하는 분들을 위한 깔끔한 구조 도해 가이드 영상입니다.<br>
                            어려운 성경 치수와 평면도를 쉬운 그래픽으로 풀어내어 통독에 큰 도움을 줍니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=xKcFjL9fGWg" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/wVUcJUJBFMU" title="The Tabernacle and the Messiah" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 3위 | 추천 97점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">3. The Tabernacle and the Messiah (3D 복원)</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: Messages of Christ</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            영화 같은 3D 시뮬레이션으로 광야 성막의 내부와 제사장의 집무를 완벽 고증한 영상입니다.<br>
                            성막의 덮개 재질부터 기구의 세부 묘사까지 메시아적 의미와 함께 고화질로 조망합니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=wVUcJUJBFMU" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/k4glCRvymyQ" title="성막을 만드신 이유" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 4위 | 추천 92점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">4. [구약 5편] 성막을 만드신 이유 | 출애굽기 19~40장</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: CGNTV (오십쇼2)</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            하나님이 지루한 성막 도면을 주신 진짜 이유인 '임재와 동행'의 메시지를 친근하게 전달합니다.<br>
                            청년층과 초보자가 출애굽기 후반부를 가장 재밌게 파악할 수 있는 스토리를 제공합니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=k4glCRvymyQ" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/SjN4syUD_aE" title="성막과 예수 그리스도" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 5위 | 추천 94점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">5. 성막의 모든 것은 예수 그리스도를 나타냅니다</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: 에클레시아선교회</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            성막의 구조를 개인의 묵상과 '성막 기도 프로세스'로 적용하도록 돕는 강의 영상입니다.<br>
                            문에서 지성소까지 들어가는 동선을 따라 예수님과의 깊은 영적 교제를 안내합니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=SjN4syUD_aE" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/MJO8Q-pSQeE" title="복잡했던 성막 싹 정리" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 6위 | 추천 90점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">6. 복잡했던 성막(회막) 싹 정리해드립니다!</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: 현승원TV</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            복잡한 명칭과 이동 배치를 직장인 및 명확한 설명을 선호하는 현대인에 맞추어 정리했습니다.<br>
                            성막 기구들의 명칭과 광야 이동 시 레위 지파의 역할 배치를 핵심만 짚어줍니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=MJO8Q-pSQeE" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/WB9VnRMnZrA" title="성막을 만들다" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 7위 | 추천 91점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">7. CBS 성서학당 출애굽기 "성막을 만들다"</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: CBS 아카데미</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            깊이 있는 성경 본문 강해를 통해 성막 건립 과정의 신학적 의미를 파헤칩니다.<br>
                            하나님의 식양(도면)대로 준행하는 순종의 의미를 목회자와 깊은 공부를 원하는 분께 전합니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=WB9VnRMnZrA" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/5Cl6s3it-HE" title="성막짓기 애니메이션" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 8위 | 추천 89점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">8. [성경이야기] 성막짓기 (애니메이션)</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: CBS 성경동화 (알럽바이블)</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            어린이와 성경을 처음 접하는 입문자의 눈높이에 맞춘 성막 건축 스토리 애니메이션입니다.<br>
                            교회학교 교육자료로 적합하며 친근한 캐릭터 연출로 친숙함을 더합니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=5Cl6s3it-HE" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/BrEoveusvNc" title="제사와 속죄" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 9위 | 추천 96점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">9. 제사와 속죄 Sacrifice & Atonement</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: 바이블프로젝트 Korean</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            세련된 모션 그래픽으로 거룩과 부정, 성막 제사의 원리를 분석해 주는 핵심 영상입니다.<br>
                            거룩하신 하나님과 인간이 어떻게 연합할 수 있는지 구속론의 핵심 원리를 명쾌히 설명합니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=BrEoveusvNc" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

                <div class="video-container bg-white p-4 rounded-xl shadow-md flex flex-col justify-between hover:shadow-lg transition">
                    <div>
                        <div class="relative aspect-video rounded-lg overflow-hidden bg-black mb-3">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/DGDjDCcdJ6k" title="THE TABERNACLE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                        <span class="inline-block bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded mb-1">순위 10위 | 추천 93점</span>
                        <h3 class="video-title text-base font-bold text-gray-900 leading-snug line-clamp-2">10. THE TABERNACLE - Significance for Christians</h3>
                        <p class="text-xs text-amber-700 font-medium mt-1">채널: Inspirational Videos</p>
                        <p class="video-description text-xs text-gray-600 mt-2 line-clamp-2 leading-relaxed">
                            성막 7가지 기구가 신약 그리스도인의 영적 성장 과정에 주는 신학적 메시지를 영문으로 해설합니다.<br>
                            신학생 및 영문 기독교 학술 자료를 연구하고자 하는 분께 뛰어난 글로벌 인사이트를 제공합니다.
                        </p>
                    </div>
                    <a href="https://www.youtube.com/watch?v=DGDjDCcdJ6k" target="_blank" class="mt-4 block text-center text-xs font-semibold text-amber-600 hover:text-amber-800 underline">YouTube에서 직접 보기 ↗</a>
                </div>

            </div>
        </div>
    </section>

    <footer class="bg-gray-800 text-gray-400 py-6 text-center text-xs">
        <div class="container mx-auto px-4">
            <p id="footer-copy">Copyright © 2026 Tabernacle YouTube Library. All Rights Reserved.</p>
            <p class="mt-1">본 페이지는 성경 학습 및 교육용 목적으로 정식 추천된 YouTube 영상을 링크하고 있습니다.</p>
        </div>
    </footer>

    <script>
        let currentLang = 'ko';

        const i18n = {
            ko: {
                title: "성막 미디어 아카이브",
                heroTitle: "구약 성막(Tabernacle) 콘텐츠 한눈에 보기",
                heroDesc: "구약 성막의 구조, 7가지 기구, 제사 의식과 구속사적 의미를 다룬 검증된 최고 퀄리티의 YouTube 영상 컬렉션입니다.",
                heroBtn: "영상 시청하기",
                aboutTitle: "콘텐츠 안내",
                aboutDesc: "본 웹페이지는 성경 공부, 설교 준비, 신학 연구 및 시각적 학습을 위해 가장 높은 평가를 받은 10개의 YouTube 추천 영상을 엄선하여 모아두었습니다.<br class='hidden sm:inline'>초보자용 3D 가이드부터 신학적 깊이를 담은 강해까지 한곳에서 편리하게 시청하세요.",
                sectionTitle: "성막 추천 영상 TOP 10",
                sectionSubtitle: "이미지를 클릭하거나 플레이어로 즉시 시청할 수 있습니다.",
                langBtn: "English",
                footerCopy: "Copyright © 2026 Tabernacle YouTube Library. All Rights Reserved."
            },
            en: {
                title: "Tabernacle Media Archive",
                heroTitle: "Explore Old Testament Tabernacle Content",
                heroDesc: "A curated collection of top-quality YouTube videos explaining the structure, 7 furnishings, sacrifices, and gospel typology of the Tabernacle.",
                heroBtn: "Watch Videos",
                aboutTitle: "About This Library",
                aboutDesc: "This webpage gathers 10 top-rated YouTube videos for Bible study, sermon prep, and theological research.<br class='hidden sm:inline'>Easily stream everything from beginner 3D visual guides to deep theological lectures in one place.",
                sectionTitle: "Top 10 Tabernacle Videos",
                sectionSubtitle: "Watch instantly on the player or click the direct YouTube link.",
                langBtn: "한국어",
                footerCopy: "Copyright © 2026 Tabernacle YouTube Library. All Rights Reserved."
            }
        };

        function toggleLanguage() {
            currentLang = currentLang === 'ko' ? 'en' : 'ko';
            const langData = i18n[currentLang];

            document.getElementById('header-title').innerText = langData.title;
            document.getElementById('hero-title').innerText = langData.heroTitle;
            document.getElementById('hero-desc').innerText = langData.heroDesc;
            document.getElementById('hero-btn').innerText = langData.heroBtn;
            document.getElementById('about-title').innerText = langData.aboutTitle;
            document.getElementById('about-desc').innerHTML = langData.aboutDesc;
            document.getElementById('section-title').innerText = langData.sectionTitle;
            document.getElementById('section-subtitle').innerText = langData.sectionSubtitle;
            document.getElementById('lang-btn').innerText = langData.langBtn;
            document.getElementById('footer-copy').innerText = langData.footerCopy;
        }
    </script>
</body>
</html>

구글 지도
© 올인 오클랜드 ^