대문 문서 원본 보기

<!-- 메인 레이아웃 컨테이너: 지도와 대륙별 아카이브를 가로로 배치 (PC 2열, 모바일 세로 자동 정렬) -->
<div style="display: grid; grid-template-columns: minmax(300px, 1.5fr) minmax(250px, 1fr); gap: 20px; align-items: stretch; width: 100%; box-sizing: border-box; margin-top: 15px;">

  <!-- (1) 왼쪽 칸: 세계지도 -->
  <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); text-align: center; display: flex; flex-direction: column; justify-content: space-between;">
    <div style="background: #f8f9fa; border-bottom: 1px solid #c8ccd1; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; text-align: left; color: #202122;">
      🗺️ 세계지도
    </div>
    <div style="flex-grow: 1; display: flex; align-items: center; justify-content: center;">
      <!-- 기존 업로드된 지도 파일명을 여기에 넣으세요 -->
      [[File:세계지도.png|center|틀|클릭하면 아카이브로 이동합니다.]]
    </div>
  </div>

  <!-- (2) 오른쪽 칸: 대륙별 코리아타운 디지털 아카이브 (세로 한 줄 정렬) -->
  <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); display: flex; flex-direction: column;">
    <div style="background: #eaf3ff; border-bottom: 1px solid #a2c9ff; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #0b2545;">
      📂 대륙별 코리아타운 디지털 아카이브
    </div>
    <ul style="list-style-type: none; padding-left: 10px; margin: 10px 0 0 0; line-height: 2.5; font-size: 1.1em; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around;">
      <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[아시아 코리아타운|아시아 (Asia)]]</li>
      <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[북아메리카 코리아타운|북아메리카 (North America)]]</li>
      <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[남아메리카 코리아타운|남아메리카 (South America)]]</li>
      <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[유럽 코리아타운|유럽 (Europe)]]</li>
      <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[아프리카 코리아타운|아프리카 (Africa)]]</li>
      <li style="padding-bottom: 5px;">📌 [[오세아니아 코리아타운|오세아니아 (Oceania)]]</li>
    </ul>
  </div>

</div>

<!-- 하단 레이아웃 컨테이너: 코리아타운 맛집 검색 (지도 밑에 넓게 배치) -->
<div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-top: 20px;">
  <div style="background: #fef6e4; border-bottom: 1px solid #f3d89d; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #855800;">
    🔍 코리아타운 맛집 검색
  </div>
  
  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 15px;">
    <!-- 1. 원하는 도시 섹션 -->
    <div>
      <div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">📍 1. 원하는 도시</div>
      <div style="display: flex; flex-wrap: wrap; gap: 6px;">
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[뉴욕 맛집|뉴욕]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[로스앤젤레스 맛집|로스앤젤레스]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[워싱턴 D.C. 맛집|워싱턴 D.C.]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[도쿄 맛집|도쿄]]</span>
      </div>
    </div>

    <!-- 2. 원하는 스타일 섹션 -->
    <div>
      <div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">🍔 2. 원하는 스타일</div>
      <div style="display: flex; flex-wrap: wrap; gap: 6px;">
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 한식|한식]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 분식|분식]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 일식|일식/스시]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 카페|카페/디저트]]</span>
      </div>
    </div>
  </div>
</div>





<!-- 1. 웰컴 배너 영역 -->
<div class="main-welcome" style="background: #f8f9fa; border: 1px solid #c8ccd1; padding: 20px; text-align: center; margin-bottom: 20px; border-radius: 4px;">
    <h1 style="margin: 0 0 10px 0; color: #333;">세계 속의 한인 역사와 숨은 맛집을 찾아서</h1>
    <p style="margin: 0; color: #666;">전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 오픈 아카이브 위키입니다.</p>
</div>

<!-- 2. 메인 콘텐츠 2열 그리드 시작 -->
<div class="main-grid" style="display: flex; gap: 20px; flex-wrap: wrap;">

    <!-- 좌측 열: 이민 역사 (60% 너비) -->
    <div class="main-column-left" style="flex: 2; min-width: 300px;">

[[파일: World Map.jpg | 800 픽셀]]
        
        <!-- 역사 영역 -->
        <div class="main-card main-history" style="border: 1px solid #a2a9b1; margin-bottom: 20px; border-radius: 4px;">
            <div style="background: #eaecf0; padding: 10px 15px; font-weight: bold; border-bottom: 1px solid #a2a9b1;">📜 대륙별 한인 이민 역사 아카이브</div>
            <div style="padding: 15px;">
                <ul style="column-count: 2; list-style-type: none; padding-left: 0; margin: 0;">
                    <li>📌 [[북미 이민사|북아메리카]]</li>
                    <li>📌 [[남미 이민사|남아메리카]]</li>
                    <li>📌 [[유럽 이민사|유럽]]</li>
                    <li>📌 [[아시아 이민사|아시아]]</li>
                    <li>📌 [[오세아니아 이민사|오세아니아]]</li>
                    <li>📌 [[아프리카 이민사|아프리카]]</li>
                </ul>
            </div>
        </div>

        <!-- 커뮤니티 영역 -->
        <div class="main-card main-community" style="border: 1px solid #a2a9b1; border-radius: 4px;">
            <div style="background: #eaecf0; padding: 10px 15px; font-weight: bold; border-bottom: 1px solid #a2a9b1;">🤝 함께 만드는 위키</div>
            <div style="padding: 15px;">
                <p style="margin-top: 0;">우리 동네의 오래된 한인 식당이나 숨겨진 이민 역사를 알고 계신가요? 지금 기여자가 되어 기록을 남겨주세요!</p>
                * [[위키:편집 지침|편집하기 전 읽어보기]] | * [[위키:식당 등록 가이드|우리 동네 식당 등록하기]]
            </div>
        </div>

    </div>

    <!-- 우측 열: 식당/카페 디렉토리 및 광고 (40% 너비) -->
    <div class="main-column-right" style="flex: 1.3; min-width: 250px;">
        
        <!-- 디렉토리 영역 -->
        <div class="main-card main-directory" style="border: 1px solid #a2a9b1; margin-bottom: 20px; border-radius: 4px;">
            <div style="background: #eaf3ff; padding: 10px 15px; font-weight: bold; border-bottom: 1px solid #a2a9b1; color: #0056b3;">🍽️ 글로벌 한인 비즈니스 디렉토리</div>
            <div style="padding: 15px;">
                <h4 style="margin: 0 0 10px 0;">인기 도시 바로가기</h4>
                <div style="display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px;">
                    [[분류:로스앤젤레스 맛집|<span style="background: #eee; padding: 4px 8px; border-radius: 12px; font-size: 0.9em;">#LA</span>]]
                    [[분류:뉴욕 맛집|<span style="background: #eee; padding: 4px 8px; border-radius: 12px; font-size: 0.9em;">#뉴욕</span>]]
                    [[분류:프랑크푸르트 맛집|<span style="background: #eee; padding: 4px 8px; border-radius: 12px; font-size: 0.9em;">#프랑크푸르트</span>]]
                    [[분류:시드니 맛집|<span style="background: #eee; padding: 4px 8px; border-radius: 12px; font-size: 0.9em;">#시드니</span>]]
                </div>
                <h4 style="margin: 0 0 10px 0;">카테고리별 찾기</h4>
                <ul>
                    <li>[[분류:한식당|Traditional K-Food (한식당)]]</li>
                    <li>[[분류:한인 카페|K-Cafe & 디저트]]</li>
                    <li>[[분류:한인 마트|K-Mart & 식료품점]]</li>
                </ul>
            </div>
        </div>

        <!-- 애드센스 광고 들어갈 자리 -->
        <div class="main-ad-box" style="border: 1px dashed #ccc; text-align: center; padding: 20px; background: #fafafa; color: #999; font-size: 0.9em;">
            [ 여기에 구글 애드센스 디스플레이 광고(우측 사이드바용) 코드가 삽입됩니다 ]
        </div>

    </div>

</div>



<div style="background: #f8f9fa; padding: 20px; border: 1px solid #c8ccd1; border-radius: 4px; text-align: center;">
    <h3>🌍 원하는 도시를 선택하세요</h3>
    <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-top: 15px;">
        [[뉴욕 맛집|<span style="background: #0056b3; color: white; padding: 10px 20px; border-radius: 5px; font-weight: bold; display: inline-block;">🇺🇸 뉴욕</span>]]
        [[LA 맛집|<span style="background: #0056b3; color: white; padding: 10px 20px; border-radius: 5px; font-weight: bold; display: inline-block;">🇺🇸 로스앤젤레스</span>]]
        [[워싱턴 맛집|<span style="background: #0056b3; color: white; padding: 10px 20px; border-radius: 5px; font-weight: bold; display: inline-block;">🇺🇸 워싱턴 D.C.</span>]]
        [[도쿄 맛집|<span style="background: #0056b3; color: white; padding: 10px 20px; border-radius: 5px; font-weight: bold; display: inline-block;">🇯🇵 도쿄</span>]]
    </div>
</div>



== 🗽 뉴욕 한인 비즈니스 디렉토리 ==
뉴욕 지역의 한인 이민 역사와 연계된 식당 및 카페 목록입니다. 원하시는 식사 종류를 선택하시면 해당 식당만 필터링됩니다.

<div style="display: flex; gap: 10px; margin: 20px 0; flex-wrap: wrap;">
    [[뉴욕 맛집/한식|<span style="background: #e1f5fe; color: #0288d1; padding: 8px 16px; border-radius: 20px; border: 1px solid #b3e5fc;">🍛 한식</span>]]
    [[뉴욕 맛집/중식|<span style="background: #e1f5fe; color: #0288d1; padding: 8px 16px; border-radius: 20px; border: 1px solid #b3e5fc;">🥢 중식</span>]]
    [[뉴욕 맛집/일식|<span style="background: #e1f5fe; color: #0288d1; padding: 8px 16px; border-radius: 20px; border: 1px solid #b3e5fc;">🍣 일식/스시</span>]]
    [[뉴욕 맛집/카페|<span style="background: #e1f5fe; color: #0288d1; padding: 8px 16px; border-radius: 20px; border: 1px solid #b3e5fc;">☕ 카페/디저트</span>]]
</div>

<!-- (선택 사항) 이 아래에는 뉴욕의 전체 한인 이민 역사 스토리를 서술하여 검색엔진 점수를 높입니다. -->
=== 뉴욕 한인 이민의 역사 ===
뉴욕의 한인 사회는 1960년대 후반 브로드웨이의 교포 상권을 시작으로...



== 🗽 뉴욕 지역 추천 한식당 리스트 ==

<!-- 💰 구글 애드센스 상단 광고 코드 삽입 구역 -->
<div class="wiki-ad-top" style="margin-bottom: 20px; text-align: center; border: 1px dashed #ccc; padding: 10px; background: #fafafa;">
    [여기에 구글 애드센스 상단 가로형 광고 코드를 넣습니다]
</div>

<!-- 📊 DPL3 필터링 엔진 작동 -->
<DynamicPageList>
category = 뉴욕 맛집
category = 한식당
mode = bullet
ordermethod = categoryadd
</DynamicPageList>

<!-- 💰 구글 애드센스 하단 광고 코드 삽입 구역 -->
<div class="wiki-ad-bottom" style="margin-top: 30px; text-align: center; border: 1px dashed #ccc; padding: 10px; background: #fafafa;">
    [여기에 구글 애드센스 하단 일치하는 콘텐츠/디스플레이 광고 코드를 넣습니다]
</div>


 ...세계의 한인들의 맛집을 찾아서...
 -----------------------------------
 각 지역의 특색있는 한인 맛집



<!-- 대문 레이아웃 컨테이너 시작 (PC화면 3열 배치, 모바일 자동 줄바꿈) -->
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; align-items: start; width: 100%; box-sizing: border-box; margin-top: 15px;">

  <!-- (1) 첫 번째 칸: 세계지도 -->
  <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); text-align: center;">
    <div style="background: #f8f9fa; border-bottom: 1px solid #c8ccd1; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; text-align: left; color: #202122;">
      🗺️ 세계지도
    </div>
    <!-- 기존 업로드한 지도 파일명을 아래에 넣으시면 됩니다 -->
    [[File:세계지도.png|center|틀|클릭하면 아카이브로 이동합니다.]]
  </div>

  <!-- (2) 두 번째 칸: 대륙별 코리아타운 디지털 아카이브 -->
  <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
    <div style="background: #eaf3ff; border-bottom: 1px solid #a2c9ff; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #0b2545;">
      📂 대륙별 코리아타운 디지털 아카이브
    </div>
    <ul style="list-style-type: none; padding-left: 5px; margin: 0; line-height: 2.0; font-size: 1.05em;">
      <li>📌 [[아시아 코리아타운|아시아 (Asia)]]</li>
      <li>📌 [[북아메리카 코리아타운|북아메리카 (North America)]]</li>
      <li>📌 [[남아메리카 코리아타운|남아메리카 (South America)]]</li>
      <li>📌 [[유럽 코리아타운|유럽 (Europe)]]</li>
      <li>📌 [[아프리카 코리아타운|아프리카 (Africa)]]</li>
      <li>📌 [[오세아니아 코리아타운|오세아니아 (Oceania)]]</li>
    </ul>
  </div>

  <!-- (3) 세 번째 칸: 코리아타운 맛집 검색 -->
  <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
    <div style="background: #fef6e4; border-bottom: 1px solid #f3d89d; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #855800;">
      🔍 코리아타운 맛집 검색
    </div>
    
    <!-- 1. 원하는 도시 섹션 -->
    <div style="margin-bottom: 15px;">
      <div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">📍 1. 원하는 도시</div>
      <div style="display: flex; flex-wrap: wrap; gap: 6px;">
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[뉴욕 맛집|뉴욕]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[로스앤젤레스 맛집|로스앤젤레스]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[워싱턴 D.C. 맛집|워싱턴 D.C.]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[도쿄 맛집|도쿄]]</span>
      </div>
    </div>

    <!-- 2. 원하는 스타일 섹션 -->
    <div>
      <div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">🍔 2. 원하는 스타일</div>
      <div style="display: flex; flex-wrap: wrap; gap: 6px;">
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 한식|한식]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 분식|분식]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 일식|일식/스시]]</span>
        <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 카페|카페/디저트]]</span>
      </div>
    </div>
  </div>

</div>
<!-- 대문 레이아웃 컨테이너 끝 -->