<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>JC</title>
    <link>https://jc47.tistory.com/</link>
    <description>이것저것 우당탕탕 데굴데굴 이야기</description>
    <language>ko</language>
    <pubDate>Sat, 11 Apr 2026 10:12:43 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>인생잡아게티</managingEditor>
    <item>
      <title>코딩 몰라도 AI로 웹사이트 만들기 &amp;mdash; 초보자 실전 가이드 (2026)</title>
      <link>https://jc47.tistory.com/15</link>
      <description>&lt;div style=&quot;font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; max-width: 800px; margin: 0 auto; color: #333; line-height: 1.6;&quot;&gt;

  &lt;div style=&quot;text-align: center; margin-bottom: 40px;&quot;&gt;
    &lt;h1 style=&quot;font-size: 28px; color: #222; margin-bottom: 15px; word-break: keep-all;&quot;&gt;코딩 몰라도 AI로 웹사이트 만들기 — 초보자 실전 가이드 (2026)&lt;/h1&gt;
    &lt;p style=&quot;color: #666; font-size: 16px;&quot;&gt;AI(Claude, Gemini)로 포트폴리오 웹사이트를 만드는 4단계 실전 과정&lt;/p&gt;
  &lt;/div&gt;

  &lt;div style=&quot;background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); padding: 25px; border-radius: 12px; margin-bottom: 40px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);&quot;&gt;
    &lt;blockquote style=&quot;margin: 0 0 20px 0; font-style: italic; color: #4c1d95; border-left: 4px solid #8b5cf6; padding-left: 15px;&quot;&gt;
      &quot;복잡한 코드 대신, AI와 대화만으로 포트폴리오 사이트를 완성했습니다. 코딩 경험이 전혀 없어도 따라할 수 있는 4단계 가이드입니다.&quot;
    &lt;/blockquote&gt;
    &lt;div style=&quot;display: flex; justify-content: space-around; text-align: center; background: rgba(255,255,255,0.6); padding: 15px; border-radius: 8px;&quot;&gt;
      &lt;div&gt;
        &lt;div style=&quot;font-size: 24px; margin-bottom: 5px;&quot;&gt; &lt;/div&gt;
        &lt;strong style=&quot;color: #5b21b6;&quot;&gt;난이도&lt;/strong&gt;&lt;br&gt;초보자 가능
      &lt;/div&gt;
      &lt;div&gt;
        &lt;div style=&quot;font-size: 24px; margin-bottom: 5px;&quot;&gt;⏱️&lt;/div&gt;
        &lt;strong style=&quot;color: #5b21b6;&quot;&gt;소요 시간&lt;/strong&gt;&lt;br&gt;약 3시간
      &lt;/div&gt;
      &lt;div&gt;
        &lt;div style=&quot;font-size: 24px; margin-bottom: 5px;&quot;&gt; &lt;/div&gt;
        &lt;strong style=&quot;color: #5b21b6;&quot;&gt;비용&lt;/strong&gt;&lt;br&gt;전액 무료
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;h2 style=&quot;font-size: 22px; color: #8b5cf6; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-top: 50px;&quot;&gt;바이브 코딩이란? — AI에게 말로 설명하는 개발 방식&lt;/h2&gt;
  &lt;p&gt;&lt;strong&gt;바이브 코딩(Vibe Coding)&lt;/strong&gt;은 AI에게 내가 원하는 것을 자연어로 설명하면, AI가 코드를 자동으로 생성해주는 새로운 개발 방식입니다. 프로그래밍 문법을 외우거나 에러 메시지와 씨름할 필요 없이, &lt;strong&gt;&quot;이렇게 만들어줘&quot;&lt;/strong&gt;라는 대화만으로 결과물을 만들 수 있습니다.&lt;/p&gt;
  &lt;p&gt;기존 노코드(No-Code) 도구와 다른 점은, 바이브 코딩은 &lt;strong&gt;실제 코드가 생성&lt;/strong&gt;된다는 것입니다. 템플릿에 갇히지 않고 원하는 기능을 자유롭게 추가할 수 있습니다.&lt;/p&gt;

  &lt;h2 style=&quot;font-size: 22px; color: #8b5cf6; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-top: 50px;&quot;&gt;사용한 AI 코딩 도구 (모두 무료)&lt;/h2&gt;
  &lt;table style=&quot;width: 100%; border-collapse: collapse; margin-top: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);&quot;&gt;
    &lt;thead&gt;
      &lt;tr style=&quot;background-color: #f3f4f6; text-align: left;&quot;&gt;
        &lt;th style=&quot;padding: 15px; border: 1px solid #ddd; color: #374151;&quot;&gt;도구&lt;/th&gt;
        &lt;th style=&quot;padding: 15px; border: 1px solid #ddd; color: #374151;&quot;&gt;역할&lt;/th&gt;
        &lt;th style=&quot;padding: 15px; border: 1px solid #ddd; color: #374151;&quot;&gt;비용&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;&lt;strong&gt;Gemini&lt;/strong&gt;&lt;/td&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;프로젝트 기획서(PRD) 작성&lt;/td&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;무료&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr style=&quot;background-color: #fafafa;&quot;&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;&lt;strong&gt;Antigravity&lt;/strong&gt;&lt;/td&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;AI 코딩 환경 (코드 생성 및 실행)&lt;/td&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;무료 플랜&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;&lt;strong&gt;Claude&lt;/strong&gt;&lt;/td&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;코드 작성 및 디버깅 AI&lt;/td&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;무료 플랜&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr style=&quot;background-color: #fafafa;&quot;&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;&lt;strong&gt;Vercel&lt;/strong&gt;&lt;/td&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;웹사이트 무료 배포 및 호스팅&lt;/td&gt;
        &lt;td style=&quot;padding: 15px; border: 1px solid #ddd;&quot;&gt;무료&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;

  &lt;h2 style=&quot;font-size: 22px; color: #8b5cf6; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-top: 50px;&quot;&gt;  웹사이트 제작 4단계 프로세스&lt;/h2&gt;
  
  &lt;div style=&quot;display: flex; flex-direction: column; gap: 20px; margin-top: 30px;&quot;&gt;
    
    &lt;div style=&quot;display: flex; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05);&quot;&gt;
      &lt;div style=&quot;background: #8b5cf6; color: white; padding: 20px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; width: 60px;&quot;&gt;1&lt;/div&gt;
      &lt;div style=&quot;padding: 20px; flex: 1;&quot;&gt;
        &lt;h3 style=&quot;margin: 0 0 10px 0; color: #111827; font-size: 18px;&quot;&gt;Gemini로 기획서(PRD) 작성하기&lt;/h3&gt;
        &lt;p style=&quot;margin: 0; color: #4b5563;&quot;&gt;&quot;어떤 사람이, 어떤 목적으로, 어떤 기능을 사용하는지&quot;를 명확하게 정리합니다. 구체적인 설계도가 있어야 AI가 정확하게 코드를 작성할 수 있습니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div style=&quot;display: flex; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05);&quot;&gt;
      &lt;div style=&quot;background: #7c3aed; color: white; padding: 20px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; width: 60px;&quot;&gt;2&lt;/div&gt;
      &lt;div style=&quot;padding: 20px; flex: 1;&quot;&gt;
        &lt;h3 style=&quot;margin: 0 0 10px 0; color: #111827; font-size: 18px;&quot;&gt;AI 코딩 도구로 웹사이트 구현하기&lt;/h3&gt;
        &lt;p style=&quot;margin: 0; color: #4b5563;&quot;&gt;Antigravity와 Claude를 활용해 작성된 PRD를 전달합니다. HTML, CSS, JavaScript를 기반으로 메인 페이지와 어드민 패널이 자동으로 생성됩니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div style=&quot;display: flex; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05);&quot;&gt;
      &lt;div style=&quot;background: #6d28d9; color: white; padding: 20px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; width: 60px;&quot;&gt;3&lt;/div&gt;
      &lt;div style=&quot;padding: 20px; flex: 1;&quot;&gt;
        &lt;h3 style=&quot;margin: 0 0 10px 0; color: #111827; font-size: 18px;&quot;&gt;대화로 버그 수정하고 기능 다듬기&lt;/h3&gt;
        &lt;p style=&quot;margin: 0; color: #4b5563;&quot;&gt;&quot;이 버튼 눌러도 반응이 없어&quot;, &quot;모바일에서 안 보여&quot; 등 문제 상황을 말로 설명하면 AI가 스스로 코드를 분석하고 수정합니다.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div style=&quot;display: flex; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05);&quot;&gt;
      &lt;div style=&quot;background: #5b21b6; color: white; padding: 20px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; width: 60px;&quot;&gt;4&lt;/div&gt;
      &lt;div style=&quot;padding: 20px; flex: 1;&quot;&gt;
        &lt;h3 style=&quot;margin: 0 0 10px 0; color: #111827; font-size: 18px;&quot;&gt;Vercel로 무료 배포하기&lt;/h3&gt;
        &lt;p style=&quot;margin: 0; color: #4b5563;&quot;&gt;완성된 웹사이트를 Vercel을 통해 서버 비용 없이 무료로 배포하고, 나만의 URL을 세상에 공개합니다.&lt;/p&gt;
        &lt;div style=&quot;background: #1f2937; color: #f3f4f6; padding: 10px; border-radius: 5px; margin-top: 10px; font-family: monospace;&quot;&gt;
          npm i -g vercel&lt;br&gt;
          vercel login&lt;br&gt;
          vercel --prod
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

  &lt;/div&gt;

  &lt;h2 style=&quot;font-size: 22px; color: #8b5cf6; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-top: 50px;&quot;&gt;바이브 코딩을 해보고 느낀 점&lt;/h2&gt;
  &lt;p&gt;바이브 코딩을 하면서 가장 크게 느낀 것은, &lt;strong&gt;코딩 없이 웹사이트를 만드는 것이 정말로 가능해졌다&lt;/strong&gt;는 것입니다. 예전에는 HTML/CSS/JS, 서버 구성 등 긴 여정이 필요했지만, 이제는 &lt;strong&gt;아이디어와 대화 능력&lt;/strong&gt;만 있으면 충분합니다.&lt;/p&gt;
  &lt;p&gt;바이브 코딩의 핵심은 결국 &lt;strong&gt;'좋은 질문'&lt;/strong&gt;을 하는 능력입니다. 코드를 잘 짜는 것보다, 내가 원하는 것을 명확하게 설명하는 능력이 더 중요한 시대가 왔습니다.&lt;/p&gt;

  &lt;hr style=&quot;border: 0; border-top: 1px solid #eee; margin: 40px 0;&quot;&gt;

  &lt;div style=&quot;background: #f9fafb; padding: 20px; border-radius: 8px;&quot;&gt;
    &lt;h3 style=&quot;margin-top: 0; color: #374151;&quot;&gt;  자주 묻는 질문 (FAQ)&lt;/h3&gt;
    &lt;ul style=&quot;padding-left: 20px; color: #4b5563; margin-bottom: 0;&quot;&gt;
      &lt;li style=&quot;margin-bottom: 10px;&quot;&gt;&lt;strong&gt;코딩을 전혀 몰라도 할 수 있나요?&lt;/strong&gt; 네, AI에게 말로 설명하고 수정을 요청하는 과정만으로 충분합니다.&lt;/li&gt;
      &lt;li style=&quot;margin-bottom: 10px;&quot;&gt;&lt;strong&gt;비용이 드나요?&lt;/strong&gt; 이 가이드에서 사용된 모든 도구는 무료 플랜으로 이용 가능합니다.&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;노코드 도구와의 차이점은?&lt;/strong&gt; 템플릿에 갇히지 않고, 실제 코드가 생성되므로 원하는 커스텀 기능을 자유롭게 추가할 수 있습니다.&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;

  &lt;div style=&quot;text-align: center; margin-top: 50px; padding: 20px; border: 2px dashed #8b5cf6; border-radius: 10px;&quot;&gt;
    &lt;p style=&quot;margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #5b21b6;&quot;&gt;바이브 코딩을 바로 시작해보고 싶다면?&lt;/p&gt;
    &lt;a href=&quot;https://vi-joon-link.vercel.app/guide/&quot; target=&quot;_blank&quot; style=&quot;display: inline-block; background: #8b5cf6; color: white; padding: 12px 24px; text-decoration: none; border-radius: 30px; font-weight: bold;&quot;&gt;입문 튜토리얼 확인하기&lt;/a&gt;
  &lt;/div&gt;

&lt;/div&gt;</description>
      <category>Antigravity</category>
      <category>claude</category>
      <category>Gemini</category>
      <category>Vercel 배포</category>
      <category>노코드 개발</category>
      <category>바이브코딩</category>
      <category>초보자</category>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/15</guid>
      <comments>https://jc47.tistory.com/15#entry15comment</comments>
      <pubDate>Sat, 14 Mar 2026 21:15:59 +0900</pubDate>
    </item>
    <item>
      <title>PySide6 vs PyQt6: 차이점 및 &amp;quot;설치 가이드</title>
      <link>https://jc47.tistory.com/12</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko_kr&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-16&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;&quot;PySide6 vs PyQt6: 차이점 및 &quot;설치 가이드&quot;&lt;/title&gt;
    &lt;style&gt;
        :root {
            --primary-color: #1a237e;
            --background-color: #ffffff;
            --text-color: #000000;
            --border-color: #e5e7eb;
            --code-bg: #f8fafc;
            --code-color: #1f2937;
            --secondary-text: #4b5563;
            --container-bg: #ffffff;
            --table-header-bg: #f8fafc;
            --note-bg: #fff7ed;
            --note-border: #f97316;
            --note-text: #7c2d12;
        }

        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&amp;display=swap');
        
        body {
            font-family: 'Noto Sans KR', sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
            background-color: var(--background-color);
            color: var(--text-color);
        }
        .container {
            max-width: 800px;
            margin: auto;
            background: #ffffff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }
        
        /* 반응형 디자인 개선 */
        @media screen and (max-width: 480px) {
            .container {
                padding: 15px;
                margin: 10px;
            }
            
            h1 {
                font-size: 1.8em;
            }
            
            pre {
                font-size: 14px;
            }
        }
        h1, h2, h3 {
            color: var(--primary-color);
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 10px;
            margin-top: 1.5em;
        }
        h1 {
            text-align: center;
            font-size: 2.2em;
            margin-top: 0;
            border-bottom: none;
        }
        .tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
            border-bottom: 2px solid #ddd;
        }
        .tab-button {
            padding: 10px 20px;
            cursor: pointer;
            border: none;
            background-color: transparent;
            font-size: 1.1em;
            font-weight: bold;
            color: #555;
            transition: color 0.3s, border-bottom 0.3s;
            border-bottom: 3px solid transparent;
            margin-bottom: -2px; /* To align with container border */
        }
        .tab-button.active {
            color: var(--primary-color);
            border-bottom: 3px solid var(--primary-color);
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }
        th {
            background-color: var(--table-header-bg);
            font-weight: bold;
            color: var(--text-color);
        }
        td:first-child {
            font-weight: bold;
            width: 25%;
        }
        pre {
            background: var(--code-bg);
            color: var(--code-color);
            padding: 15px;
            border-radius: 5px;
            overflow-x: auto;
            font-family: 'Courier New', Courier, monospace;
            position: relative;
            border: 1px solid var(--border-color);
        }
        code {
            font-family: 'Courier New', Courier, monospace;
        }
        strong {
            color: #dc2626; /* 빨간색 강조 더 진하게 */
        }
        .note {
            background-color: var(--note-bg);
            border-left: 5px solid var(--note-border);
            color: var(--note-text);
            padding: 15px;
            margin: 20px 0;
            border-radius: 0 5px 5px 0;
        }
        .copy-button {
            position: absolute;
            right: 10px;
            top: 10px;
            padding: 5px 10px;
            background: rgba(0, 0, 0, 0.1);
            border: none;
            border-radius: 4px;
            color: #1f2937;
            cursor: pointer;
            font-size: 0.9em;
        }

        @media (max-width: 768px) {
            .container {
                padding: 15px;
            }
            
            .tabs {
                flex-direction: column;
            }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;container&quot; role=&quot;main&quot;&gt;
&lt;h1&gt;PySide6 vs PyQt6, 무엇을 써야 할까?&lt;/h1&gt;
&lt;p style=&quot;text-align: center; color: #555;&quot;&gt;라이선스부터 설치까지, 핵심 차이점 완벽 비교&lt;/p&gt;


        &lt;div class=&quot;tabs&quot; role=&quot;tablist&quot;&gt;
            &lt;button class=&quot;tab-button active&quot; 
                    onclick=&quot;openTab(event, 'comparison')&quot; 
                    role=&quot;tab&quot; 
                    aria-selected=&quot;true&quot;
                    aria-controls=&quot;comparison&quot;
                    tabindex=&quot;0&quot;&gt;
                  PySide6 vs PyQt6
            &lt;/button&gt;
            &lt;button class=&quot;tab-button&quot; 
                    onclick=&quot;openTab(event, 'installation')&quot; 
                    role=&quot;tab&quot;
                    aria-selected=&quot;false&quot;
                    aria-controls=&quot;installation&quot;
                    tabindex=&quot;0&quot;&gt;
                 ️ PySide6 설치 방법
            &lt;/button&gt;
        &lt;/div&gt;

        &lt;div id=&quot;comparison&quot; class=&quot;tab-content active&quot;&gt;
            &lt;h2&gt;PySide6와 PyQt6, 무엇이 다를까?&lt;/h2&gt;
            &lt;p&gt;PySide6와 PyQt6는 파이썬에서 Qt 프레임워크를 사용해 GUI 프로그램을 만드는 라이브러리입니다. 기능과 코드가 99% 이상 동일하지만, **라이선스** 정책이라는 결정적인 차이점이 있습니다.&lt;/p&gt;

            &lt;table&gt;
                &lt;tr&gt;
                    &lt;th&gt;구분&lt;/th&gt;
                    &lt;th&gt;PySide6&lt;/th&gt;
                    &lt;th&gt;PyQt6&lt;/th&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;strong&gt;라이선스&lt;/strong&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;strong&gt;LGPL&lt;/strong&gt; (상업용 무료)&lt;/td&gt;
                    &lt;td&gt;&lt;strong&gt;GPL&lt;/strong&gt; / 상업용 라이선스&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;strong&gt;개발 주체&lt;/strong&gt;&lt;/td&gt;
                    &lt;td&gt;The Qt Company (Qt 공식)&lt;/td&gt;
                    &lt;td&gt;Riverbank Computing&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;strong&gt;비용&lt;/strong&gt;&lt;/td&gt;
                    &lt;td&gt;개인/상업용 프로젝트 모두 &lt;strong&gt;무료&lt;/strong&gt;&lt;/td&gt;
                    &lt;td&gt;상업용은 &lt;strong&gt;라이선스 구매 필요&lt;/strong&gt;&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;strong&gt;API 차이&lt;/strong&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;code&gt;Signal&lt;/code&gt;, &lt;code&gt;Slot&lt;/code&gt; 사용&lt;/td&gt;
                    &lt;td&gt;&lt;code&gt;pyqtSignal&lt;/code&gt;, &lt;code&gt;pyqtSlot&lt;/code&gt; 사용&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/table&gt;

            &lt;h3&gt;1. 라이선스  : 가장 중요한 차이&lt;/h3&gt;
            &lt;p&gt;&lt;strong&gt;PySide6 (LGPL):&lt;/strong&gt; 내가 만든 프로그램의 소스코드를 &lt;strong&gt;공개하지 않고도 자유롭게 판매&lt;/strong&gt;하거나 배포할 수 있습니다. 상업용 프로그램을 만들 때 매우 유리합니다.&lt;/p&gt;
            &lt;p&gt;&lt;strong&gt;PyQt6 (GPL):&lt;/strong&gt; PyQt6를 사용해 만든 프로그램은 소스코드를 &lt;strong&gt;반드시 공개해야 합니다.&lt;/strong&gt; 소스코드를 비공개하려면 별도의 상업용 라이선스를 구매해야 합니다.&lt;/p&gt;
            &lt;div class=&quot;note&quot;&gt;
                &lt;strong&gt;결론:&lt;/strong&gt; 상업용 프로그램을 고려한다면 라이선스 부담이 없는 &lt;strong&gt;PySide6가 압도적으로 좋은 선택&lt;/strong&gt;입니다.
            &lt;/div&gt;

            &lt;h3&gt;2. 사소한 코드 차이&lt;/h3&gt;
            &lt;p&gt;대부분의 코드는 동일하지만, 시그널(Signal)과 슬롯(Slot)을 정의하는 방식에서 약간의 차이가 있습니다. 이름만 다를 뿐 기본적인 사용법은 거의 같습니다.&lt;/p&gt;
            &lt;pre&gt;&lt;code&gt;# PySide6 예시
from PySide6.QtCore import Signal, Slot

class MyWidget:
    my_signal = Signal(int)

    @Slot(int)
    def my_slot(self, value):
        print(value)&lt;/code&gt;&lt;/pre&gt;
            &lt;pre&gt;&lt;code&gt;# PyQt6 예시 (참고용)
from PyQt6.QtCore import pyqtSignal, pyqtSlot

class MyWidget:
    my_signal = pyqtSignal(int)

    @pyqtSlot(int)
    def my_slot(self, value):
        print(value)&lt;/code&gt;&lt;/pre&gt;
        &lt;/div&gt;

        &lt;div id=&quot;installation&quot; class=&quot;tab-content&quot;&gt;
            &lt;h2&gt;PySide6 기본 설치 가이드&lt;/h2&gt;
            &lt;p&gt;PySide6 설치는 파이썬 패키지 관리자인 &lt;code&gt;pip&lt;/code&gt;을 통해 매우 간단하게 진행할 수 있습니다. 프로젝트 간 충돌을 막기 위해 **가상 환경**에서 설치하는 것을 강력히 추천합니다.&lt;/p&gt;

            &lt;h3&gt;1. 가상 환경 생성 (권장)&lt;/h3&gt;
            &lt;p&gt;터미널(또는 명령 프롬프트)을 열고 원하는 폴더로 이동한 뒤, 아래 명령어를 입력하세요.&lt;/p&gt;
            &lt;pre&gt;&lt;code&gt;# 'my-pyside-project'라는 이름의 폴더 생성 및 이동
mkdir my-pyside-project
cd my-pyside-project

# 'venv'라는 이름의 가상 환경 생성
python -m venv venv&lt;/code&gt;&lt;/pre&gt;

            &lt;h3&gt;2. 가상 환경 활성화&lt;/h3&gt;
            &lt;p&gt;운영체제에 맞는 명령어를 입력하여 가상 환경을 활성화합니다. 활성화되면 터미널 앞에 &lt;code&gt;(venv)&lt;/code&gt;가 표시됩니다.&lt;/p&gt;
            &lt;p&gt;&lt;strong&gt;Windows:&lt;/strong&gt;&lt;/p&gt;
            &lt;pre&gt;&lt;code&gt;.\\venv\\Scripts\\activate&lt;/code&gt;&lt;/pre&gt;
            &lt;p&gt;&lt;strong&gt;macOS / Linux:&lt;/strong&gt;&lt;/p&gt;
            &lt;pre&gt;&lt;code&gt;source venv/bin/activate&lt;/code&gt;&lt;/pre&gt;

            &lt;h3&gt;3. PySide6 설치&lt;/h3&gt;
            &lt;p&gt;이제 &lt;code&gt;pip&lt;/code&gt;으로 PySide6를 설치합니다. 이 명령어 하나로 관련 도구들이 모두 함께 설치됩니다.&lt;/p&gt;
            &lt;pre&gt;&lt;code&gt;pip install pyside6&lt;/code&gt;&lt;/pre&gt;

            &lt;h3&gt;4. 설치 확인&lt;/h3&gt;
            &lt;p&gt;설치가 잘 되었는지 확인하려면 아래 명령어를 실행해보세요.&lt;/p&gt;
            &lt;pre&gt;&lt;code&gt;# PySide6 버전 확인
python -c &quot;import PySide6; print(PySide6.__version__)&quot;

# Qt Designer 실행
pyside6-designer&lt;/code&gt;&lt;/pre&gt;
            &lt;p&gt;버전 번호가 출력되거나 Qt Designer 프로그램이 실행된다면, 성공적으로 설치된 것입니다. 이제 GUI 개발을 시작할 준비가 되었습니다!  &lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        // 코드 복사 기능 개선
        function createCopyButton(block) {
            const button = document.createElement('button');
            button.className = 'copy-button';
            button.textContent = '복사';
            button.setAttribute('aria-label', '코드 복사하기');
            
            async function copyCode() {
                const code = block.querySelector('code').innerText;
                try {
                    await navigator.clipboard.writeText(code);
                    button.textContent = '복사됨!';
                    button.setAttribute('aria-label', '코드가 복사되었습니다');
                    
                    // 피드백 애니메이션 추가
                    button.style.backgroundColor = '#4ade80';
                    setTimeout(() =&gt; {
                        button.textContent = '복사';
                        button.setAttribute('aria-label', '코드 복사하기');
                        button.style.backgroundColor = '';
                    }, 2000);
                } catch (err) {
                    console.error('복사 실패:', err);
                    button.textContent = '복사 실패';
                    button.style.backgroundColor = '#ef4444';
                }
            }
            
            button.addEventListener('click', copyCode);
            button.addEventListener('keydown', (e) =&gt; {
                if (e.key === 'Enter' || e.key === ' ') {
                    e.preventDefault();
                    copyCode();
                }
            });
            
            block.appendChild(button);
        }
        
        document.querySelectorAll('pre').forEach(createCopyButton);

        // 향상된 키보드 네비게이션 및 접근성 지원
        function openTab(evt, tabName) {
            const tabcontent = document.getElementsByClassName(&quot;tab-content&quot;);
            const tablinks = document.getElementsByClassName(&quot;tab-button&quot;);
            
            // 성능 최적화: NodeList를 Array로 변환하여 한 번만 수행
            const tabArray = Array.from(tabcontent);
            const linkArray = Array.from(tablinks);
            
            // requestAnimationFrame을 사용하여 레이아웃 변경 최적화
            requestAnimationFrame(() =&gt; {
                tabArray.forEach(tab =&gt; {
                    tab.style.display = &quot;none&quot;;
                    tab.setAttribute('aria-hidden', 'true');
                });

                linkArray.forEach(link =&gt; {
                    link.className = link.className.replace(&quot; active&quot;, &quot;&quot;);
                    link.setAttribute('aria-selected', 'false');
                });

                const selectedTab = document.getElementById(tabName);
                selectedTab.style.display = &quot;block&quot;;
                selectedTab.setAttribute('aria-hidden', 'false');
                
                evt.currentTarget.className += &quot; active&quot;;
                evt.currentTarget.setAttribute('aria-selected', 'true');

                // 포커스 관리 개선
                selectedTab.focus();
                
                // 스크롤 위치 및 탭 상태 저장
                localStorage.setItem('activeTab', tabName);
            });
        }
        
        // 키보드 네비게이션 개선
        document.querySelectorAll('.tab-button').forEach((button, index, buttons) =&gt; {
            button.addEventListener('keydown', (e) =&gt; {
                let targetButton;
                
                switch(e.key) {
                    case 'ArrowLeft':
                        targetButton = buttons[index - 1] || buttons[buttons.length - 1];
                        break;
                    case 'ArrowRight':
                        targetButton = buttons[index + 1] || buttons[0];
                        break;
                    default:
                        return;
                }
                
                e.preventDefault();
                targetButton.focus();
                targetButton.click();
            });
        });

        // 페이지 로드시 저장된 탭 복원
        document.addEventListener('DOMContentLoaded', () =&gt; {
            const activeTab = localStorage.getItem('activeTab');
            if (activeTab) {
                document.querySelector(`[aria-controls=&quot;${activeTab}&quot;]`).click();
            }
        });
    &lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;</description>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/12</guid>
      <comments>https://jc47.tistory.com/12#entry12comment</comments>
      <pubDate>Mon, 29 Sep 2025 21:36:19 +0900</pubDate>
    </item>
    <item>
      <title>토익스피킹 Part 5 공략</title>
      <link>https://jc47.tistory.com/11</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;토익스피킹 Part 5 공략&lt;/title&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        .interactive-container {
            font-family: 'Noto Sans KR', sans-serif;
            word-break: keep-all;
        }
        .tip-card {
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            padding: 1.5rem;
        }
        .step-box {
            border-left: 4px solid;
            padding: 1rem 0 1rem 1rem;
        }
        .example-box {
            background-color: #f8fafc;
            padding: 1.5rem;
            border-radius: 0.5rem;
            border: 1px solid #e2e8f0;
        }
        .brainstorm-box {
            background-color: #fffbeb;
            border: 1px solid #fde68a;
            padding: 1rem;
            border-radius: 0.5rem;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;interactive-container bg-slate-50 p-4 sm:p-6 md:p-8&quot;&gt;
        
        &lt;header class=&quot;text-center mb-16&quot;&gt;
            &lt;p class=&quot;text-violet-600 font-bold&quot;&gt;토익스피킹 완전 정복 시리즈 최종편&lt;/p&gt;
            &lt;h1 class=&quot;text-3xl md:text-4xl font-black text-slate-800 mt-2&quot;&gt;Part 5. 의견 제시하기,&lt;br&gt;고득점을 결정하는 마지막 관문&lt;/h1&gt;
            &lt;p class=&quot;mt-4 text-base md:text-lg text-slate-600 max-w-2xl mx-auto&quot;&gt;
                드디어 마지막 파트입니다! 배점이 가장 높은 만큼 철저한 준비가 필요하죠. 오늘 알려드릴 만능 템플릿과 브레인스토밍 비법만 있다면 AL 달성도 꿈이 아닐 거예요!
            &lt;/p&gt;
        &lt;/header&gt;

        &lt;main&gt;
            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;Part 5, 왜 가장 중요할까?&lt;/h2&gt;
                &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;Part 5는 주어진 사회적 이슈나 주장에 대해 자신의 의견을 논리적으로 설명하는 유형입니다. &lt;strong class=&quot;text-violet-600&quot;&gt;45초 준비, 60초 답변&lt;/strong&gt;이라는 시간 압박 속에서 &lt;strong class=&quot;text-violet-600&quot;&gt;논리력, 어휘력, 문장 구성 능력&lt;/strong&gt;을 종합적으로 평가받기 때문에 고득점을 위해서는 반드시 정복해야 할 파트입니다.&lt;/p&gt;
                &lt;div class=&quot;grid md:grid-cols-3 gap-4 text-center text-sm font-semibold&quot;&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;명확한 주장&lt;/div&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;논리적인 근거&lt;/div&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;구체적인 예시&lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;60초를 지배하는 'I-R-E-C' 만능 템플릿&lt;/h2&gt;
                &lt;p class=&quot;text-slate-700 mb-8&quot;&gt;어떤 주제가 나와도 이 4단계 구조에 맞춰 답변하면 논리정연한 스피치가 가능합니다. 45초 준비 시간 동안 이 구조에 맞춰 키워드를 메모하는 연습을 하세요.&lt;/p&gt;
                &lt;div class=&quot;space-y-6&quot;&gt;
                    &lt;div class=&quot;step-box border-emerald-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-emerald-700&quot;&gt;I (Introduction): 주장 던지기 (10초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-1&quot;&gt;서론은 무조건 명확하게! 찬성인지 반대인지, 자신의 입장을 첫 문장에서 분명히 밝힙니다.&lt;/p&gt;
                        &lt;p class=&quot;mt-2 text-sm text-gray-500&quot;&gt;&lt;strong&gt;표현:&lt;/strong&gt; `I agree/disagree that...`, `In my opinion, I think... is better.`&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-sky-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-sky-700&quot;&gt;R (Reason): 핵심 이유 말하기 (20초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-1&quot;&gt;왜 그렇게 생각하는지에 대한 핵심적인 이유를 한두 문장으로 설명합니다. `First of all` 이나 `To be specific`으로 시작하면 좋습니다.&lt;/p&gt;
                        &lt;p class=&quot;mt-2 text-sm text-gray-500&quot;&gt;&lt;strong&gt;표현:&lt;/strong&gt; `First of all, ...`, `The main reason is that...`&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-amber-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-amber-700&quot;&gt;E (Example): 예시로 증명하기 (20초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-1&quot;&gt;주장에 대한 설득력을 높이기 위해 구체적인 예시를 듭니다. 개인적인 경험을 이야기하는 것이 가장 쉽고 효과적입니다.&lt;/p&gt;
                         &lt;p class=&quot;mt-2 text-sm text-gray-500&quot;&gt;&lt;strong&gt;표현:&lt;/strong&gt; `For example, in my case...`, `Take my situation for instance...`&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-rose-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-rose-700&quot;&gt;C (Conclusion): 깔끔한 마무리 (10초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-1&quot;&gt;자신의 주장을 다시 한번 강조하며 답변을 마무리합니다. 시간이 부족하다면 이 부분은 생략해도 괜찮습니다.&lt;/p&gt;
                         &lt;p class=&quot;mt-2 text-sm text-gray-500&quot;&gt;&lt;strong&gt;표현:&lt;/strong&gt; `Therefore, I strongly believe that...`, `For these reasons, I think...`&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section&gt;
                &lt;h2 class=&quot;text-3xl font-bold text-center text-slate-800 mb-10&quot;&gt;실전 예제로 템플릿 적용하기&lt;/h2&gt;
                &lt;div class=&quot;tip-card&quot;&gt;
                    &lt;div class=&quot;text-center p-4 bg-violet-50 rounded-lg&quot;&gt;
                        &lt;p class=&quot;font-semibold text-violet-800&quot;&gt;Question&lt;/p&gt;
                        &lt;p class=&quot;text-slate-700 mt-2 text-lg&quot;&gt;&quot;Do you agree or disagree with the following statement? **'It is more important to work at a job you love with a low salary than a job you dislike with a high salary.'**&quot;&lt;/p&gt;
                    &lt;/div&gt;

                    &lt;div class=&quot;mt-8&quot;&gt;
                        &lt;div class=&quot;brainstorm-box&quot;&gt;
                             &lt;h4 class=&quot;font-bold text-amber-800&quot;&gt;  45초 브레인스토밍 (키워드 메모)&lt;/h4&gt;
                             &lt;ul class=&quot;list-disc list-inside mt-2 text-slate-700 text-sm&quot;&gt;
                                 &lt;li&gt;**My Choice:** Agree (Love &gt; Money)&lt;/li&gt;
                                 &lt;li&gt;**Reason:** stress, mental health important&lt;/li&gt;
                                 &lt;li&gt;**Example:** my friend, high salary, unhappy, quit job&lt;/li&gt;
                                 &lt;li&gt;**Conclusion:** happiness is the key&lt;/li&gt;
                             &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class=&quot;example-box mt-8&quot;&gt;
                        &lt;p class=&quot;font-semibold text-sky-800&quot;&gt;▶️ 모범 답안 (60초)&lt;/p&gt;
                        &lt;p class=&quot;text-slate-700 mt-2&quot;&gt;
                            &lt;span class=&quot;font-medium text-emerald-700&quot;&gt;[I]&lt;/span&gt; I strongly agree with the statement that it's more important to work at a job you love with a low salary.
                            &lt;br&gt;&lt;br&gt;
                            &lt;span class=&quot;font-medium text-sky-700&quot;&gt;[R]&lt;/span&gt; The main reason is that job satisfaction is crucial for our mental health. If we do something we dislike every single day, we will get too much stress, and it can negatively affect our lives.
                            &lt;br&gt;&lt;br&gt;
                            &lt;span class=&quot;font-medium text-amber-700&quot;&gt;[E]&lt;/span&gt; For example, my friend used to work for a big company with a very high salary. However, he hated his job and was always unhappy. Eventually, he quit his job to find something he is passionate about.
                            &lt;br&gt;&lt;br&gt;
                            &lt;span class=&quot;font-medium text-rose-700&quot;&gt;[C]&lt;/span&gt; Therefore, I believe that finding happiness in what we do is much more valuable than money.
                        &lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section class=&quot;mt-16 tip-card&quot;&gt;
    &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;  직접 연습해보기&lt;/h2&gt;
    &lt;p class=&quot;text-slate-700 mb-4&quot;&gt;아래에 자신의 답변을 작성해보세요! I-R-E-C 구조를 모두 포함했는지 실시간으로 체크해줍니다.&lt;/p&gt;
    &lt;div class=&quot;mb-4&quot;&gt;
        &lt;textarea id=&quot;userAnswer&quot; rows=&quot;7&quot; class=&quot;w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-violet-400&quot; placeholder=&quot;여기에 답변을 작성하세요...&quot; oninput=&quot;checkIREC()&quot;&gt;&lt;/textarea&gt;
    &lt;/div&gt;
    &lt;div class=&quot;flex gap-2&quot;&gt;
        &lt;button onclick=&quot;checkIREC()&quot; class=&quot;bg-violet-600 text-white px-6 py-2 rounded-lg font-bold hover:bg-violet-700 transition&quot;&gt;구조 체크하기&lt;/button&gt;
        &lt;button onclick=&quot;copyAnswer()&quot; class=&quot;bg-emerald-500 text-white px-6 py-2 rounded-lg font-bold hover:bg-emerald-600 transition&quot;&gt;복사하기&lt;/button&gt;
    &lt;/div&gt;
    &lt;div id=&quot;feedback&quot; class=&quot;mt-4 text-base&quot;&gt;&lt;/div&gt;
&lt;/section&gt;
&lt;script&gt;
function checkIREC() {
    var answer = document.getElementById('userAnswer').value.toLowerCase();
    var checks = {
        I: /i (agree|disagree|think|believe)/.test(answer),
        R: /(reason|because|first of all|main reason|to be specific)/.test(answer),
        E: /(for example|for instance|my case|my friend|my experience)/.test(answer),
        C: /(therefore|for these reasons|in conclusion|to sum up)/.test(answer)
    };
    var feedback = '&lt;ul class=&quot;list-disc list-inside&quot;&gt;';
    feedback += '&lt;li&gt;' + (checks.I ? '✅' : '❌') + ' 서론 (I): 주장 던지기&lt;/li&gt;';
    feedback += '&lt;li&gt;' + (checks.R ? '✅' : '❌') + ' 이유 (R): 핵심 이유 말하기&lt;/li&gt;';
    feedback += '&lt;li&gt;' + (checks.E ? '✅' : '❌') + ' 예시 (E): 예시로 증명하기&lt;/li&gt;';
    feedback += '&lt;li&gt;' + (checks.C ? '✅' : '❌') + ' 결론 (C): 깔끔한 마무리&lt;/li&gt;';
    feedback += '&lt;/ul&gt;';
    if (Object.values(checks).every(Boolean)) {
        feedback += '&lt;p class=&quot;mt-2 text-emerald-700 font-bold&quot;&gt;완벽합니다! 모든 구조를 잘 포함했어요  &lt;/p&gt;';
    } else {
        feedback += '&lt;p class=&quot;mt-2 text-rose-700 font-bold&quot;&gt;아직 빠진 부분이 있어요. 각 구조를 모두 포함해보세요!&lt;/p&gt;';
    }
    document.getElementById('feedback').innerHTML = feedback;
}
function copyAnswer() {
    var textarea = document.getElementById('userAnswer');
    textarea.select();
    document.execCommand('copy');
    alert('답변이 복사되었습니다!');
}
&lt;/script&gt;
            &lt;/section&gt;
        &lt;/main&gt;

        &lt;footer class=&quot;mt-20 text-center bg-white p-8 rounded-xl shadow-md&quot;&gt;
            &lt;h3 class=&quot;text-2xl font-bold text-slate-800&quot;&gt;토익스피킹 시리즈를 마치며  &lt;/h3&gt;
            &lt;p class=&quot;mt-3 text-slate-600 max-w-xl mx-auto&quot;&gt;
                Part 5 정복의 핵심은 'I-R-E-C' 템플릿을 체화하고, 어떤 주제에도 적용할 수 있는 '나만의 만능 이유'를 미리 준비해두는 것입니다. 오늘 배운 내용을 바탕으로 꾸준히 연습하신다면 분명 좋은 결과가 있을 거예요! &lt;br&gt;&lt;br&gt;
                그동안 토익스피킹 완전 정복 시리즈를 함께해주셔서 감사합니다!
            &lt;/p&gt;
        &lt;/footer&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>토스</category>
      <category>토스챕터5</category>
      <category>토익스피킹</category>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/11</guid>
      <comments>https://jc47.tistory.com/11#entry11comment</comments>
      <pubDate>Mon, 29 Sep 2025 21:10:49 +0900</pubDate>
    </item>
    <item>
      <title>토익스피킹 Part 4 공략</title>
      <link>https://jc47.tistory.com/10</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;토익스피킹 Part 4 공략&lt;/title&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        .interactive-container {
            font-family: 'Noto Sans KR', sans-serif;
            word-break: keep-all;
        }
        .tip-card {
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            padding: 1.5rem;
        }
        .step-box {
            border-left: 4px solid;
            padding: 1rem 0 1rem 1rem;
        }
        .example-box {
            background-color: #f8fafc;
            padding: 1.5rem;
            border-radius: 0.5rem;
            border: 1px solid #e2e8f0;
        }
        .schedule-table {
            width: 100%;
            border-collapse: collapse;
        }
        .schedule-table th, .schedule-table td {
            border: 1px solid #cbd5e1;
            padding: 0.75rem;
            text-align: left;
        }
        .schedule-table th {
            background-color: #f1f5f9;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;interactive-container bg-slate-50 p-4 sm:p-6 md:p-8&quot;&gt;
        
        &lt;header class=&quot;text-center mb-16&quot;&gt;
            &lt;p class=&quot;text-sky-600 font-bold&quot;&gt;토익스피킹 완전 정복 시리즈 4탄&lt;/p&gt;
            &lt;h1 class=&quot;text-3xl md:text-4xl font-black text-slate-800 mt-2&quot;&gt;Part 4. 표 보고 질문에 답하기,&lt;br&gt;정답만 골라내는 스캐닝 비법&lt;/h1&gt;
            &lt;p class=&quot;mt-4 text-base md:text-lg text-slate-600 max-w-2xl mx-auto&quot;&gt;
                Part 3의 순발력 테스트에 이어, 이번에는 정확성이 생명인 Part 4를 공략합니다. 45초 안에 표의 모든 정보를 외울 필요가 전혀 없습니다. 필요한 정보만 쏙쏙 찾아내는 기술을 알려드릴게요!
            &lt;/p&gt;
        &lt;/header&gt;

        &lt;main&gt;
            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;Part 4, 정확한 정보 전달 능력이 관건!&lt;/h2&gt;
                &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;Part 4는 화면에 주어진 일정표, 이력서, 안내문 등의 정보를 보고 관련 질문 3개(8, 9, 10번)에 답하는 유형입니다. &lt;strong class=&quot;text-sky-600&quot;&gt;45초의 준비 시간&lt;/strong&gt; 동안 표를 파악한 뒤, 질문을 듣고 정확한 정보를 찾아 전달해야 합니다. 이 파트의 핵심은 &lt;strong class=&quot;text-sky-600&quot;&gt;빠른 정보 스캔 능력&lt;/strong&gt;과 &lt;strong class=&quot;text-sky-600&quot;&gt;들은 내용을 표와 매칭하는 능력&lt;/strong&gt;입니다.&lt;/p&gt;
                &lt;div class=&quot;grid md:grid-cols-3 gap-4 text-center text-sm font-semibold&quot;&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;8, 9번 질문&lt;br&gt;&lt;span class=&quot;font-normal&quot;&gt;15초 답변&lt;/span&gt;&lt;/div&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;10번 질문&lt;br&gt;&lt;span class=&quot;font-normal&quot;&gt;30초 답변&lt;/span&gt;&lt;/div&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;준비 시간&lt;br&gt;&lt;span class=&quot;font-normal&quot;&gt;45초&lt;/span&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;45초를 지배하는 '스캐닝' 3단계 비법&lt;/h2&gt;
                &lt;div class=&quot;space-y-8 mt-8&quot;&gt;
                    &lt;div class=&quot;step-box border-emerald-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-emerald-700&quot;&gt;비법 1: '숲'부터 파악하기 (처음 10초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-2&quot;&gt;표를 보자마자 세부 내용을 읽지 마세요. 가장 먼저 &lt;strong class=&quot;text-emerald-700&quot;&gt;제목과 큰 카테고리(열의 제목)&lt;/strong&gt;를 확인해서 이 표가 '무엇에 대한' 정보인지(예: 'Orientation Schedule') 파악하는 것이 우선입니다. 전체적인 구조를 이해해야 질문을 들었을 때 어디를 봐야 할지 감이 잡힙니다.&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-sky-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-sky-700&quot;&gt;비법 2: '나무'를 훑어보기 (다음 30초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-2&quot;&gt;이제 각 항목을 빠르게 훑어보며 &lt;strong class=&quot;text-sky-700&quot;&gt;시간, 장소, 사람 이름, 특정 활동&lt;/strong&gt; 등 질문으로 나올 만한 핵심 키워드들의 '위치'를 눈에 익혀두세요. 외우는 것이 아니라, '어디에 뭐가 있는지' 지도를 그린다고 생각하면 쉽습니다.&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-rose-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-rose-700&quot;&gt;비법 3: 질문의 '키워드'를 낚아채기&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-2&quot;&gt;질문을 들을 때는 모든 단어를 해석하려 하지 말고, 방금 스캔해둔 표의 내용과 일치하는 &lt;strong class=&quot;text-rose-700&quot;&gt;핵심 명사(예: lunch, seminar, Mr. Kim)&lt;/strong&gt;를 낚아채는 데 집중하세요. 그 키워드가 바로 정답이 있는 행(row)을 알려주는 단서입니다.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;
            
            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;Part 4 만능 답변 공식 &amp; 필수 어휘&lt;/h2&gt;
                &lt;p class=&quot;text-slate-700 mb-8&quot;&gt;Part 4는 정답이 표 안에 정해져 있기 때문에, 자주 사용되는 답변의 '틀'과 '어휘'를 익혀두면 훨씬 빠르고 정확하게 답할 수 있습니다.&lt;/p&gt;
                &lt;div class=&quot;space-y-8&quot;&gt;
                    &lt;div&gt;
                        &lt;h3 class=&quot;text-xl font-semibold text-gray-800 mb-3&quot;&gt;✅ 자주 사용되는 답변 공식 (Sentence Formulas)&lt;/h3&gt;
                        &lt;ul class=&quot;space-y-4 list-disc list-inside text-slate-700&quot;&gt;
                            &lt;li&gt;&lt;strong&gt;~은(는) [시간]에 [장소]에서 열립니다:&lt;/strong&gt;&lt;br&gt;
                                &lt;code class=&quot;text-rose-600 bg-rose-50 p-1 rounded-md inline-block mt-1&quot;&gt;The [event] will be held at [time] in [location].&lt;/code&gt;
                            &lt;/li&gt;
                            &lt;li&gt;&lt;strong&gt;~가 [주제]에 대해 발표할 예정입니다:&lt;/strong&gt;&lt;br&gt;
                                &lt;code class=&quot;text-rose-600 bg-rose-50 p-1 rounded-md inline-block mt-1&quot;&gt;[Person's name] is scheduled to give a presentation on [topic].&lt;/code&gt;
                            &lt;/li&gt;
                            &lt;li&gt;&lt;strong&gt;(정보 수정) 잘못 알고 계십니다. ~가 맞습니다:&lt;/strong&gt;&lt;br&gt;
                                &lt;code class=&quot;text-rose-600 bg-rose-50 p-1 rounded-md inline-block mt-1&quot;&gt;Actually, that's incorrect. According to the schedule, [correct information].&lt;/code&gt;
                            &lt;/li&gt;
                            &lt;li&gt;&lt;strong&gt;(두 가지 정보) ~와 ~가 있습니다:&lt;/strong&gt;&lt;br&gt;
                                 &lt;code class=&quot;text-rose-600 bg-rose-50 p-1 rounded-md inline-block mt-1&quot;&gt;There are two sessions. The first one is [Session 1] and the second one is [Session 2].&lt;/code&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    &lt;div&gt;
                        &lt;h3 class=&quot;text-xl font-semibold text-gray-800 mb-3 mt-6&quot;&gt;✅ 표 유형별 필수 어휘 (Key Vocabulary)&lt;/h3&gt;
                        &lt;div class=&quot;grid md:grid-cols-2 gap-4&quot;&gt;
                            &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;
                                &lt;p class=&quot;font-bold text-slate-700&quot;&gt;회의/컨퍼런스 일정표&lt;/p&gt;
                                &lt;p class=&quot;text-sm text-slate-600 mt-2&quot;&gt;session, presentation, speaker, registration, opening remarks, workshop, auditorium&lt;/p&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;
                                &lt;p class=&quot;font-bold text-slate-700&quot;&gt;여행 일정표&lt;/p&gt;
                                &lt;p class=&quot;text-sm text-slate-600 mt-2&quot;&gt;itinerary, departure, arrival, accommodation, transportation, check-in, tour, excursion&lt;/p&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;
                                &lt;p class=&quot;font-bold text-slate-700&quot;&gt;이력서/인터뷰 일정&lt;/p&gt;
                                &lt;p class=&quot;text-sm text-slate-600 mt-2&quot;&gt;interview schedule, candidate, applicant, qualifications, experience, education, position&lt;/p&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;
                                &lt;p class=&quot;font-bold text-slate-700&quot;&gt;안내문/공지&lt;/p&gt;
                                &lt;p class=&quot;text-sm text-slate-600 mt-2&quot;&gt;announcement, notice, available, details, registration fee, included, contact information&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section&gt;
                &lt;h2 class=&quot;text-3xl font-bold text-center text-slate-800 mb-10&quot;&gt;실전 예제로 비법 적용하기&lt;/h2&gt;
                &lt;div class=&quot;tip-card&quot;&gt;
                    &lt;div class=&quot;text-center p-4&quot;&gt;
                        &lt;p class=&quot;font-semibold text-slate-800&quot;&gt;제공된 정보 (Provided Information)&lt;/p&gt;
                        &lt;div class=&quot;mt-4 overflow-x-auto&quot;&gt;
                            &lt;table class=&quot;schedule-table&quot;&gt;
                                &lt;caption class=&quot;text-lg font-bold mb-2&quot;&gt;Bright Minds Tutoring Center - Tutor Orientation Schedule&lt;/caption&gt;
                                &lt;thead&gt;
                                    &lt;tr&gt;
                                        &lt;th&gt;Time&lt;/th&gt;
                                        &lt;th&gt;Event&lt;/th&gt;
                                        &lt;th&gt;Location&lt;/th&gt;
                                    &lt;/tr&gt;
                                &lt;/thead&gt;
                                &lt;tbody&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;9:00 AM - 9:30 AM&lt;/td&gt;
                                        &lt;td&gt;Welcome &amp; Registration&lt;/td&gt;
                                        &lt;td&gt;Main Lobby&lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;9:30 AM - 11:00 AM&lt;/td&gt;
                                        &lt;td&gt;Session 1: Teaching Methodologies&lt;/td&gt;
                                        &lt;td&gt;Room 201&lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;11:00 AM - 12:30 PM&lt;/td&gt;
                                        &lt;td&gt;Session 2: Communicating with Students&lt;/td&gt;
                                        &lt;td&gt;Room 201&lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;12:30 PM - 1:30 PM&lt;/td&gt;
                                        &lt;td&gt;Lunch Break&lt;/td&gt;
                                        &lt;td&gt;Cafeteria&lt;/td&gt;
                                    &lt;/tr&gt;
                                    &lt;tr&gt;
                                        &lt;td&gt;1:30 PM - 3:00 PM&lt;/td&gt;
                                        &lt;td&gt;Special Lecture by Dr. Sarah Connor&lt;/td&gt;
                                        &lt;td&gt;Auditorium&lt;/td&gt;
                                    &lt;/tr&gt;
                                &lt;/tbody&gt;
                            &lt;/table&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class=&quot;space-y-8 mt-8&quot;&gt;
                        &lt;div class=&quot;example-box&quot;&gt;
                            &lt;p class=&quot;font-bold text-slate-800&quot;&gt;Question 8: What time does the orientation start, and where should I go first?&lt;/p&gt;
                            &lt;div class=&quot;mt-4 border-t pt-4&quot;&gt;
                                &lt;p class=&quot;font-semibold text-sky-800&quot;&gt;▶️ 모범 답안 (15초)&lt;/p&gt;
                                &lt;p class=&quot;text-slate-700 mt-1&quot;&gt;The orientation starts at 9:00 AM, and you should go to the Main Lobby for Welcome &amp; Registration.&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        
                        &lt;div class=&quot;example-box&quot;&gt;
                            &lt;p class=&quot;font-bold text-slate-800&quot;&gt;Question 9: I'm interested in the sessions about teaching. Could you tell me where those will be held?&lt;/p&gt;
                             &lt;div class=&quot;mt-4 border-t pt-4&quot;&gt;
                                &lt;p class=&quot;font-semibold text-sky-800&quot;&gt;▶️ 모범 답안 (15초)&lt;/p&gt;
                                &lt;p class=&quot;text-slate-700 mt-1&quot;&gt;Sure. Both sessions, 'Teaching Methodologies' and 'Communicating with Students', will be held in Room 201.&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;example-box&quot;&gt;
                            &lt;p class=&quot;font-bold text-slate-800&quot;&gt;Question 10: I heard that there will be two special lectures in the afternoon. Is that correct?&lt;/p&gt;
                             &lt;div class=&quot;mt-4 border-t pt-4&quot;&gt;
                                &lt;p class=&quot;font-semibold text-sky-800&quot;&gt;▶️ 모범 답안 (30초)&lt;/p&gt;
                                &lt;p class=&quot;text-slate-700 mt-1&quot;&gt;
                                    Actually, you have the wrong information. There will be only one special lecture in the afternoon, not two. The lecture is by Dr. Sarah Connor, and it will be from 1:30 PM to 3:00 PM in the Auditorium.
                                &lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;
        &lt;/main&gt;

        &lt;footer class=&quot;mt-20 text-center bg-white p-8 rounded-xl shadow-md&quot;&gt;
            &lt;h3 class=&quot;text-2xl font-bold text-slate-800&quot;&gt;다음 포스팅 예고  &lt;/h3&gt;
            &lt;p class=&quot;mt-3 text-slate-600 max-w-xl mx-auto&quot;&gt;
                Part 4는 '찾기' 게임과 같습니다. 외우려 하지 말고, 키워드를 중심으로 정보를 스캔하는 연습을 꾸준히 해보세요! &lt;br&gt;
                드디어 다음 시간에는 대망의 마지막 관문! 고득점의 분수령이 될 &quot;Part 5. 의견 제시하기&quot; 를 완벽하게 정복하는 비법으로 돌아오겠습니다!
            &lt;/p&gt;
        &lt;/footer&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>Part4</category>
      <category>취업</category>
      <category>토스</category>
      <category>토스 꿀팁</category>
      <category>토익스피킹</category>
      <category>토익스피킹 공부법</category>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/10</guid>
      <comments>https://jc47.tistory.com/10#entry10comment</comments>
      <pubDate>Sat, 30 Aug 2025 17:38:19 +0900</pubDate>
    </item>
    <item>
      <title>[수원역 맛집] '또간집'에 나온 대가주점!</title>
      <link>https://jc47.tistory.com/8</link>
      <description>&lt;div class=&quot;container mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 py-12 sm:py-16&quot;&gt; &lt;!-- 헤더 --&gt; 
 &lt;header class=&quot;text-center mb-12&quot;&gt; 
  &lt;h1 class=&quot;text-4xl sm:text-5xl font-bold text-[#6A3805] mb-4&quot;&gt;솔직히 여긴 '또' 갈 수밖에 없었어요, 대가주점&lt;/h1&gt; 
  &lt;p class=&quot;text-lg text-gray-600&quot;&gt;유튜브 '또간집' 나오고 웨이팅 필수가 된 수원역 찐맛집&lt;/p&gt; 
 &lt;/header&gt; &lt;!-- 블로그 본문 --&gt; 
 &lt;main class=&quot;bg-white/50 backdrop-blur-sm p-6 sm:p-10 rounded-2xl shadow-lg ring-1 ring-gray-900/5&quot;&gt; 
  &lt;p class=&quot;mb-8 text-base leading-relaxed&quot;&gt;이번에 친구 추천으로 가본 맛집입니다~. 바로 '대가주점'이에요. 원래도 아는 사람은 아는 맛집라고 하더라구요. 이번에 유튜브 '또간집'에 나온 이후로는 웨이팅이 엄청나져서 이제는 큰맘 먹고 가야 하는 곳이 됐어요. 그래도 기다렸다가 “또” 갈래? 라고 하면 갈 거에요!!!&lt;/p&gt; &lt;!-- 섹션 1: 매운돼지갈비찜 --&gt; 
  &lt;section class=&quot;mb-12&quot;&gt; 
   &lt;h2 class=&quot;text-3xl font-semibold text-[#8C4A0B] border-l-4 border-[#D97706] pl-4 mb-6&quot;&gt;대표 메뉴, 매운돼지갈비찜&lt;/h2&gt; 
   &lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/lW90D/btsPAzMCmsv/u5SBJkTHL92nHRchVx4Ctk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/lW90D/btsPAzMCmsv/u5SBJkTHL92nHRchVx4Ctk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/lW90D/btsPAzMCmsv/u5SBJkTHL92nHRchVx4Ctk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlW90D%2FbtsPAzMCmsv%2Fu5SBJkTHL92nHRchVx4Ctk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;750&quot; height=&quot;1000&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
 
   &lt;p class=&quot;text-base leading-relaxed&quot;&gt;일단 대표 메뉴인 매운돼지갈비찜은 무조건 시켜야 해요. 고기가 정말 부드러워서 뼈랑 쉽게 분리되는 게 마음에 들었어요. 무엇보다 그냥 맵기만 한 게 아니라 맛있게 매운맛이라 계속 손이 갔어요. 같이 나오는 파채를 듬뿍 올려서 고기랑 같이 먹으니 훨씬 맛있었어요. 3명이대 대짜 사이즈로 먹었는데 뺏어먹을뻔 ㅎ&lt;/p&gt; 
  &lt;/section&gt; &lt;!-- 섹션 2: 해물 부추전 --&gt; 
  &lt;section class=&quot;mb-12&quot;&gt; 
   &lt;h2 class=&quot;text-3xl font-semibold text-[#8C4A0B] border-l-4 border-[#D97706] pl-4 mb-6&quot;&gt;바삭하고 고소한 해물 부추전&lt;/h2&gt; 
   &lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/NFiQJ/btsPAKUHp75/qYqw3Fgk6ridJIRoSSKOh0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/NFiQJ/btsPAKUHp75/qYqw3Fgk6ridJIRoSSKOh0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/NFiQJ/btsPAKUHp75/qYqw3Fgk6ridJIRoSSKOh0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FNFiQJ%2FbtsPAKUHp75%2FqYqw3Fgk6ridJIRoSSKOh0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;750&quot; height=&quot;1000&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
 
   &lt;p class=&quot;text-base leading-relaxed&quot;&gt;갈비찜만 먹기 아쉬워서 해물 부추전도 시켰어요. 사진처럼 부추랑 오징어가 잔뜩 들어가 있었고, 엄청 바삭하게 구워져 나왔어요. 솔직히 막걸리랑 먹으니 최고의 조합이었어요. 매콤한 갈비찜 한입 먹고, 고소한 부추전으로 중화시켜주니 무한으로 들어갔어요. 양념 소스도 내 STYLE~~~ &lt;/p&gt; 
  &lt;/section&gt; &lt;!-- 섹션 3: 볶음밥 --&gt; 
  &lt;section class=&quot;mb-12&quot;&gt; 
   &lt;h2 class=&quot;text-3xl font-semibold text-[#8C4A0B] border-l-4 border-[#D97706] pl-4 mb-6&quot;&gt;마무리는 역시 볶음밥&lt;/h2&gt; 
   &lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/caR46v/btsPCSqcpNF/THKVSFn7QRjPo4slYv80M0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/caR46v/btsPCSqcpNF/THKVSFn7QRjPo4slYv80M0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/caR46v/btsPCSqcpNF/THKVSFn7QRjPo4slYv80M0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcaR46v%2FbtsPCSqcpNF%2FTHKVSFn7QRjPo4slYv80M0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;750&quot; height=&quot;1000&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
 
   &lt;p class=&quot;text-base leading-relaxed&quot;&gt;배가 불러도 이건 꼭 먹어야 했어요. 남은 갈비찜 양념에 밥을 볶아주는데, 김 가루랑 채소가 들어가서 맛이 없을 수가 없는 조합이었어요. 아시죠? 살짝 타닥타닥 누룽지 소리 날 떄가 타이밍인 거! 이게 킥이였어요. 어딜가나 볶음밥은 필수죠. 냠냠 &lt;/p&gt; 
  &lt;/section&gt; &lt;!-- 섹션 4: 분위기 및 기본찬 --&gt; 
  &lt;section class=&quot;mb-12&quot;&gt; 
   &lt;h2 class=&quot;text-3xl font-semibold text-[#8C4A0B] border-l-4 border-[#D97706] pl-4 mb-6&quot;&gt;술맛 돋우는 분위기와 기본 찬&lt;/h2&gt; 
   &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt; 
    &lt;div&gt; 
     &lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bIKNa6/btsPBk82S5a/xn6VWNltMdrp01xFwoyAiK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bIKNa6/btsPBk82S5a/xn6VWNltMdrp01xFwoyAiK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bIKNa6/btsPBk82S5a/xn6VWNltMdrp01xFwoyAiK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbIKNa6%2FbtsPBk82S5a%2Fxn6VWNltMdrp01xFwoyAiK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;750&quot; height=&quot;1000&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
 
    &lt;/div&gt; 
    &lt;div&gt; 
     &lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ccjOfC/btsPAy1bGta/cqPzPBikSdsgB73mtliK10/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ccjOfC/btsPAy1bGta/cqPzPBikSdsgB73mtliK10/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ccjOfC/btsPAy1bGta/cqPzPBikSdsgB73mtliK10/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FccjOfC%2FbtsPAy1bGta%2FcqPzPBikSdsgB73mtliK10%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;750&quot; height=&quot;1000&quot; data-origin-width=&quot;750&quot; data-origin-height=&quot;1000&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
 
    &lt;/div&gt; 
   &lt;/div&gt; 
   &lt;p class=&quot;mt-6 text-base leading-relaxed&quot;&gt;'대가주점'의 매력은 맛도 맛이지만, 이 독특한 분위기였어요. 조명이나 인테리어가 옛날 주막처럼 꾸며져 있어서 술맛이 더 나는 느낌이었어요. 사람이 많아서 시끌벅적했는데, 그게 또 이런 주점의 매력이더라고요. 조선시대 주막느낌! 단 웨이팅에 따라서 좌식이 걸릴 수도 있어요ㅠㅠ 이것도 나름 낭만 값에 넣어두죠. &lt;/p&gt; 
   &lt;p class=&quot;mt-4 text-base leading-relaxed&quot;&gt;기본 찬은 단출한 편이었어요. 담백한 두부랑 김치가 나왔는데, 와 여기 두부 찐이에요. 주먹밥을 시키니 햄말이 주먹밥이 나왔어요. 솔직히 햄말이 주먹밥은 양이 좀 적어서 아쉽긴 했는데, 매운 갈비찜이랑 같이 먹기엔 딱 좋았어요. 슴슴한 편이라서 &quot;아 이건 갈비찜 짝궁이다&quot; 생각했어요. &lt;/p&gt; 
  &lt;/section&gt; &lt;!-- 결론 --&gt; 
  &lt;section class=&quot;py-8 border-t border-gray-200&quot;&gt; 
   &lt;h2 class=&quot;text-3xl font-semibold text-center text-[#8C4A0B] mb-6&quot;&gt;결론: 기다릴 가치가 있었어요!&lt;/h2&gt; 
   &lt;p class=&quot;text-base text-center leading-relaxed max-w-2xl mx-auto&quot;&gt;요약하자면, '대가주점'은 맛있는 매운 갈비찜과 전, 그리고 독특한 주막 분위기가 정말 매력적인 곳이었어요. '또간집'에 나온 뒤로 사람이 많아져서 웨이팅이 길어질 수 있다는 점은 감안해야 하지만, 그 기다림이 아깝지 않을 만큼 만족스러운 식사를 할 수 있었어요. 수원역 근처에서 실패 없는 맛집을 찾으신다면 강력 추천해요!&lt;/p&gt; 
  &lt;/section&gt; &lt;!-- 해시태그 --&gt; 
  &lt;footer class=&quot;mt-8&quot;&gt; 
   &lt;p class=&quot;text-center text-blue-600 font-semibold&quot;&gt; #수원역맛집 #대가주점 #또간집맛집 #수원역술집 #매운돼지갈비찜 #해물부추전 #웨이팅맛집 #수원맛집추천 #또간집 &lt;/p&gt; 
  &lt;/footer&gt; 
 &lt;/main&gt; 
&lt;/div&gt;&lt;!-- 이미지 모달 --&gt;&lt;div id=&quot;imageModal&quot; class=&quot;modal hidden fixed inset-0 bg-black/80 z-50 items-center justify-center p-4&quot;&gt; 
 &lt;div class=&quot;relative w-full h-full flex items-center justify-center&quot;&gt; 
  &lt;img id=&quot;modalImage&quot; src=&quot;&quot; alt=&quot;확대 이미지&quot; class=&quot;modal-content max-w-[90vw] max-h-[90vh] rounded-lg shadow-2xl&quot;&gt; &lt;button id=&quot;closeModal&quot; class=&quot;absolute top-4 right-4 text-white text-4xl leading-none font-bold hover:text-gray-300 transition-colors&quot;&gt;×&lt;/button&gt; 
 &lt;/div&gt; 
&lt;/div&gt;&lt;script&gt;
        // DOM 요소 가져오기
        const modal = document.getElementById('imageModal');
        const modalImage = document.getElementById('modalImage');
        const closeModalBtn = document.getElementById('closeModal');
        const galleryImages = document.querySelectorAll('.gallery-img');

        // 각 갤러리 이미지에 클릭 이벤트 리스너 추가
        galleryImages.forEach(img =&gt; {
            img.addEventListener('click', () =&gt; {
                document.body.classList.add('modal-open'); // 스크롤 방지
                modal.classList.add('open');
                modalImage.src = img.src;
                modalImage.alt = img.alt;
            });
        });

        // 모달 닫기 함수
        function closeModal() {
            document.body.classList.remove('modal-open');
            modal.classList.remove('open');
        }

        // 닫기 버튼 클릭 시 모달 닫기
        closeModalBtn.addEventListener('click', closeModal);

        // 모달 배경 클릭 시 모달 닫기
        modal.addEventListener('click', (e) =&gt; {
            if (e.target === modal) {
                closeModal();
            }
        });

        // ESC 키를 눌렀을 때 모달 닫기
        document.addEventListener('keydown', (e) =&gt; {
            if (e.key === 'Escape' &amp;&amp; modal.classList.contains('open')) {
                closeModal();
            }
        });
    &lt;/script&gt;</description>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/8</guid>
      <comments>https://jc47.tistory.com/8#entry8comment</comments>
      <pubDate>Mon, 28 Jul 2025 00:14:23 +0900</pubDate>
    </item>
    <item>
      <title>토익스피킹 Part 3 공략</title>
      <link>https://jc47.tistory.com/7</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;토익스피킹 Part 3 공략&lt;/title&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        .interactive-container {
            font-family: 'Noto Sans KR', sans-serif;
            word-break: keep-all;
        }
        .tip-card {
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            padding: 1.5rem;
        }
        .step-box {
            border-left: 4px solid;
            padding: 1rem 0 1rem 1rem;
        }
        .example-box {
            background-color: #f8fafc;
            padding: 1.5rem;
            border-radius: 0.5rem;
            border: 1px solid #e2e8f0;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;interactive-container bg-slate-50 p-4 sm:p-6 md:p-8&quot;&gt;
        
        &lt;header class=&quot;text-center mb-16&quot;&gt;
            &lt;p class=&quot;text-amber-600 font-bold&quot;&gt;토익스피킹 완전 정복 시리즈 3탄&lt;/p&gt;
            &lt;h1 class=&quot;text-3xl md:text-4xl font-black text-slate-800 mt-2&quot;&gt;Part 3. 듣고 질문에 답하기,&lt;br&gt;3초 만에 답변 만드는 비법&lt;/h1&gt;
            &lt;p class=&quot;mt-4 text-base md:text-lg text-slate-600 max-w-2xl mx-auto&quot;&gt;
                지난 &lt;a href=&quot;[Part 2 공략 글 주소]&quot; class=&quot;text-amber-500 font-semibold underline&quot;&gt;Part 2 만능 템플릿&lt;/a&gt;에 이어, 오늘은 순발력 싸움인 Part 3를 정복하는 방법을 알려드립니다. '3초'라는 준비 시간이 더 이상 두렵지 않게 될 거예요.
            &lt;/p&gt;
        &lt;/header&gt;

        &lt;main&gt;
            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;Part 3, 순발력과 논리를 동시에!&lt;/h2&gt;
                &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;Part 3는 특정 주제에 대한 3개의 연계 질문(5, 6, 7번)을 듣고 답하는 유형입니다. 화면에 아무것도 표시되지 않으며, 질문당 준비 시간은 단 3초입니다. 이 파트의 핵심은 &lt;strong class=&quot;text-amber-600&quot;&gt;질문의 요지를 정확히 듣고&lt;/strong&gt;, 짧은 시간 안에 &lt;strong class=&quot;text-amber-600&quot;&gt;논리적인 답변을 구성&lt;/strong&gt;하는 능력입니다.&lt;/p&gt;
                &lt;div class=&quot;grid md:grid-cols-3 gap-4 text-center text-sm font-semibold&quot;&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;5번 질문&lt;br&gt;&lt;span class=&quot;font-normal&quot;&gt;15초 답변&lt;/span&gt;&lt;/div&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;6번 질문&lt;br&gt;&lt;span class=&quot;font-normal&quot;&gt;15초 답변&lt;/span&gt;&lt;/div&gt;
                    &lt;div class=&quot;bg-slate-100 p-4 rounded-lg&quot;&gt;7번 질문&lt;br&gt;&lt;span class=&quot;font-normal&quot;&gt;30초 답변&lt;/span&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;고득점 답변의 3가지 핵심 비법&lt;/h2&gt;
                &lt;div class=&quot;space-y-8 mt-8&quot;&gt;
                    &lt;div class=&quot;step-box border-emerald-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-emerald-700&quot;&gt;비법 1: 첫 단어를 잡아라! '의문사' 캐치하기&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-2&quot;&gt;질문의 가장 첫 단어인 의문사(Who, What, When, Where, Why, How 등)를 놓치면 답변이 산으로 갈 수 있습니다. 질문이 시작되는 순간, 모든 신경을 첫 단어에 집중하여 질문의 종류를 파악하는 것이 가장 중요합니다.&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-sky-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-sky-700&quot;&gt;비법 2: 만능 답변 구조, '2문장 &amp; 4문장' 법칙&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-2&quot;&gt;짧은 시간 안에 논리적인 답변을 하려면 미리 구조를 정해둬야 합니다.&lt;/p&gt;
                        &lt;ul class=&quot;list-disc list-inside mt-2 ml-1 space-y-2&quot;&gt;
                            &lt;li&gt;&lt;strong&gt;15초 답변 (5, 6번):&lt;/strong&gt; &lt;code class=&quot;bg-slate-200 px-2 py-1 rounded&quot;&gt;직접적인 답변 1문장 + 이유/부연설명 1문장&lt;/code&gt;으로 간결하게 답하세요.&lt;/li&gt;
                            &lt;li&gt;&lt;strong&gt;30초 답변 (7번):&lt;/strong&gt; &lt;code class=&quot;bg-slate-200 px-2 py-1 rounded&quot;&gt;주장/선택 + 이유 1 + 이유 2 + 마무리&lt;/code&gt; 구조로 답변을 풍성하게 만드세요.&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-rose-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-rose-700&quot;&gt;비법 3: 3초를 버는 기술, '필러' 활용하기&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-2&quot;&gt;3초는 생각을 정리하기에 너무 짧습니다. 이때 &lt;code class=&quot;bg-slate-200 px-2 py-1 rounded&quot;&gt;Well, in my case...&lt;/code&gt; 나 &lt;code class=&quot;bg-slate-200 px-2 py-1 rounded&quot;&gt;That's an interesting question...&lt;/code&gt; 같은 필러 표현으로 문장을 시작하며 답변할 내용을 빠르게 생각하세요. 침묵보다 훨씬 좋은 점수를 받습니다.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section&gt;
                &lt;h2 class=&quot;text-3xl font-bold text-center text-slate-800 mb-10&quot;&gt;실전 예제로 템플릿 적용하기&lt;/h2&gt;
                &lt;div class=&quot;tip-card&quot;&gt;
                    &lt;div class=&quot;text-center p-4 bg-amber-50 rounded-lg&quot;&gt;
                        &lt;p class=&quot;font-semibold text-amber-800&quot;&gt;상황 설정 (Scenario)&lt;/p&gt;
                        &lt;p class=&quot;text-slate-700 mt-2&quot;&gt;&quot;Imagine that a marketing firm is doing research in your country. You have agreed to participate in a telephone interview about watching movies.&quot;&lt;/p&gt;
                    &lt;/div&gt;

                    &lt;div class=&quot;space-y-8 mt-8&quot;&gt;
                        &lt;div class=&quot;example-box&quot;&gt;
                            &lt;div class=&quot;flex items-center mb-2&quot;&gt;
                                &lt;span class=&quot;bg-gray-200 text-gray-700 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded&quot;&gt;경험 묻기 (WH-Question)&lt;/span&gt;
                            &lt;/div&gt;
                            &lt;p class=&quot;font-bold text-slate-800&quot;&gt;Question 5: How often do you watch movies?&lt;/p&gt;
                            &lt;div class=&quot;mt-4 border-t pt-4&quot;&gt;
                                &lt;p class=&quot;font-semibold text-sky-800&quot;&gt;▶️ 모범 답안 (15초)&lt;/p&gt;
                                &lt;p class=&quot;text-slate-700 mt-1&quot;&gt;
                                    &lt;span class=&quot;font-medium&quot;&gt;[직접적인 답변]&lt;/span&gt; I usually watch movies about once a week, mostly on weekends. 
                                    &lt;span class=&quot;font-medium&quot;&gt;[부연설명]&lt;/span&gt; It's a great way for me to relax and relieve stress after a long week of work.
                                &lt;/p&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;mt-4 bg-yellow-50 border-l-4 border-yellow-400 p-4&quot;&gt;
                                &lt;p class=&quot;font-bold text-yellow-800&quot;&gt;� 고득점 Tip&lt;/p&gt;
                                &lt;p class=&quot;text-yellow-700 mt-1 text-sm&quot;&gt;'Once a week'처럼 직접적인 답변만 하기보다, 'mostly on weekends' 같은 부가 정보를 덧붙여주면 더 풍부한 답변이 됩니다.&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        
                        &lt;div class=&quot;example-box&quot;&gt;
                            &lt;div class=&quot;flex items-center mb-2&quot;&gt;
                                &lt;span class=&quot;bg-green-100 text-green-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded&quot;&gt;선호도 묻기 (Preference)&lt;/span&gt;
                            &lt;/div&gt;
                            &lt;p class=&quot;font-bold text-slate-800&quot;&gt;Question 6: Do you prefer watching movies at home or in a movie theater?&lt;/p&gt;
                             &lt;div class=&quot;mt-4 border-t pt-4&quot;&gt;
                                &lt;p class=&quot;font-semibold text-sky-800&quot;&gt;▶️ 모범 답안 (15초)&lt;/p&gt;
                                &lt;p class=&quot;text-slate-700 mt-1&quot;&gt;
                                    &lt;span class=&quot;font-medium&quot;&gt;[직접적인 답변]&lt;/span&gt; I definitely prefer watching movies at home rather than in a theater.
                                    &lt;span class=&quot;font-medium&quot;&gt;[이유]&lt;/span&gt; This is because I can pause the movie anytime I want and enjoy it in my comfortable pajamas.
                                &lt;/p&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;mt-4 bg-yellow-50 border-l-4 border-yellow-400 p-4&quot;&gt;
                                &lt;p class=&quot;font-bold text-yellow-800&quot;&gt;  고득점 Tip&lt;/p&gt;
                                &lt;p class=&quot;text-yellow-700 mt-1 text-sm&quot;&gt;'rather than ~' 구문을 사용하면 '나는 B가 아닌 A를 선호한다'는 비교 의미가 명확해져 더 논리적인 인상을 줍니다.&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;

                        &lt;div class=&quot;example-box&quot;&gt;
                            &lt;div class=&quot;flex items-center mb-2&quot;&gt;
                                &lt;span class=&quot;bg-blue-100 text-blue-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded&quot;&gt;세 가지 중 선택하기 (Choice)&lt;/span&gt;
                            &lt;/div&gt;
                            &lt;p class=&quot;font-bold text-slate-800&quot;&gt;Question 7: Which factor is most important when you choose a movie to watch: the actors, the genre, or the reviews?&lt;/p&gt;
                             &lt;div class=&quot;mt-4 border-t pt-4&quot;&gt;
                                &lt;p class=&quot;font-semibold text-sky-800&quot;&gt;▶️ 모범 답안 (30초)&lt;/p&gt;
                                &lt;p class=&quot;text-slate-700 mt-1&quot;&gt;
                                    &lt;span class=&quot;font-medium&quot;&gt;[주장/선택]&lt;/span&gt; I think reviews are the most important factor when I choose a movie. 
                                    &lt;span class=&quot;font-medium&quot;&gt;[이유 1]&lt;/span&gt; Firstly, reading reviews helps me avoid wasting my time and money on boring movies. I can get an idea of the plot and the quality. 
                                    &lt;span class=&quot;font-medium&quot;&gt;[이유 2]&lt;/span&gt; Secondly, reviews often provide information that a movie trailer doesn't show.
                                    &lt;span class=&quot;font-medium&quot;&gt;[마무리]&lt;/span&gt; So, I always check the reviews before deciding what to watch.
                                &lt;/p&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;mt-4 bg-yellow-50 border-l-4 border-yellow-400 p-4&quot;&gt;
                                &lt;p class=&quot;font-bold text-yellow-800&quot;&gt;  고득점 Tip&lt;/p&gt;
                                &lt;p class=&quot;text-yellow-700 mt-1 text-sm&quot;&gt;30초 답변에서는 'Firstly', 'Secondly' 같은 접속 부사를 사용하여 이유를 명확하게 구분해주면, 듣는 사람이 답변의 구조를 쉽게 파악할 수 있습니다.&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;
            
            &lt;section class=&quot;mt-16 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4 text-center&quot;&gt;Part 3 핵심 요약&lt;/h2&gt;
                &lt;ul class=&quot;list-disc list-inside mt-4 space-y-2 text-slate-700&quot;&gt;
                    &lt;li&gt;&lt;strong&gt;의문사 캐치:&lt;/strong&gt; 질문의 첫 단어를 놓치지 말고 질문의 종류를 파악하세요.&lt;/li&gt;
                    &lt;li&gt;&lt;strong&gt;답변 구조화:&lt;/strong&gt; 15초는 2문장, 30초는 4문장 법칙을 기억하고 미리 틀을 준비하세요.&lt;/li&gt;
                    &lt;li&gt;&lt;strong&gt;필러 활용:&lt;/strong&gt; 3초가 짧게 느껴진다면, 필러 표현으로 자연스럽게 시간을 벌며 답변을 생각하세요.&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/section&gt;
        &lt;/main&gt;

        &lt;footer class=&quot;mt-20 text-center bg-white p-8 rounded-xl shadow-md&quot;&gt;
            &lt;h3 class=&quot;text-2xl font-bold text-slate-800&quot;&gt;다음 포스팅 예고  &lt;/h3&gt;
            &lt;p class=&quot;mt-3 text-slate-600 max-w-xl mx-auto&quot;&gt;
                Part 3의 핵심은 '미리 정해진 틀'에 맞춰 순발력 있게 답변하는 것입니다. 오늘 배운 2문장 &amp; 4문장 구조를 꼭 기억하고 연습해보세요! &lt;br&gt;
                다음 시간에는 주어진 표를 보고 답해야 하는 **Part 4. 제공된 정보로 답하기**를 완벽하게 공략하는 비법으로 돌아오겠습니다!
            &lt;/p&gt;
        &lt;/footer&gt;
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
�</description>
      <category>취업스펙</category>
      <category>토스꿀팁</category>
      <category>토스독학</category>
      <category>토스파트3</category>
      <category>토익스피킹</category>
      <category>토익스피킹공부법</category>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/7</guid>
      <comments>https://jc47.tistory.com/7#entry7comment</comments>
      <pubDate>Sat, 26 Jul 2025 02:34:35 +0900</pubDate>
    </item>
    <item>
      <title>토익스피킹 Part 2 공략</title>
      <link>https://jc47.tistory.com/6</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;토익스피킹 Part 2 공략&lt;/title&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        .interactive-container {
            font-family: 'Noto Sans KR', sans-serif;
            word-break: keep-all;
        }
        .tip-card {
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            padding: 1.5rem;
        }
        .step-box {
            border-left: 4px solid;
            padding-left: 1rem;
        }
        .vocab-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: 0.5rem;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;interactive-container bg-slate-50 p-4 sm:p-6 md:p-8&quot;&gt;
        
        &lt;header class=&quot;text-center mb-16&quot;&gt;
            &lt;p class=&quot;text-sky-600 font-bold&quot;&gt;토익스피킹 완전 정복 시리즈 2탄&lt;/p&gt;
            &lt;h1 class=&quot;text-3xl md:text-4xl font-black text-slate-800 mt-2&quot;&gt;Part 2. 사진 묘사,&lt;br&gt;만능 템플릿으로 45초 채우기&lt;/h1&gt;
            &lt;p class=&quot;mt-4 text-base md:text-lg text-slate-600 max-w-2xl mx-auto&quot;&gt;
                지난 &lt;a href=&quot;[Part 1 공략 글 주소]&quot; class=&quot;text-sky-500 font-semibold underline&quot;&gt;Part 1 공략&lt;/a&gt;에 이어, 오늘은 많은 분들이 어려워하는 Part 2 사진 묘사를 완벽하게 정복하는 방법을 알려드립니다. 이 템플릿 하나면 어떤 사진이 나와도 자신감이 생길 거예요!
            &lt;/p&gt;
        &lt;/header&gt;

        &lt;main&gt;
            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;Part 2, 무엇을 평가할까?&lt;/h2&gt;
                &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;Part 2는 단순히 눈에 보이는 것을 나열하는 시험이 아닙니다. 사진 속 상황을 얼마나 &lt;strong class=&quot;text-sky-600&quot;&gt;논리적이고 풍부한 어휘로 묘사&lt;/strong&gt;하는지를 평가합니다. 45초 준비, 45초 답변 시간 동안 체계적으로 말하는 것이 핵심입니다.&lt;/p&gt;
                &lt;div class=&quot;grid md:grid-cols-3 gap-4 text-center text-sm&quot;&gt;
                    &lt;div class=&quot;bg-slate-100 p-3 rounded-lg&quot;&gt;&lt;strong class=&quot;font-semibold&quot;&gt;문장 구성 능력&lt;/strong&gt;&lt;/div&gt;
                    &lt;div class=&quot;bg-slate-100 p-3 rounded-lg&quot;&gt;&lt;strong class=&quot;font-semibold&quot;&gt;정확한 어휘 사용&lt;/strong&gt;&lt;/div&gt;
                    &lt;div class=&quot;bg-slate-100 p-3 rounded-lg&quot;&gt;&lt;strong class=&quot;font-semibold&quot;&gt;내용의 일관성&lt;/strong&gt;&lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section class=&quot;mb-12 tip-card&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;만점 답변을 만드는 '4단계 만능 템플릿'&lt;/h2&gt;
                &lt;p class=&quot;text-slate-700 mb-8&quot;&gt;45초 준비 시간 동안 이 4단계 순서에 맞춰 무엇을 말할지 빠르게 정리하세요. 시선이 자연스럽게 이동하는 순서라 논리적인 답변을 만드는 데 매우 효과적입니다.&lt;/p&gt;
                &lt;div class=&quot;space-y-6&quot;&gt;
                    &lt;div class=&quot;step-box border-emerald-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-emerald-700&quot;&gt;STEP 1: 중심 대상 묘사 (10초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-1&quot;&gt;사진의 주제를 보여주는 중심 인물이나 사물부터 설명합니다. 누가, 무엇을, 어디서 하고 있는지 한두 문장으로 요약하세요.&lt;/p&gt;
                        &lt;p class=&quot;mt-2 text-sm text-gray-500&quot;&gt;&lt;strong&gt;유용한 표현:&lt;/strong&gt; `This is a picture of...`, `The first thing I see is...`, `There is/are...`&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-sky-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-sky-700&quot;&gt;STEP 2: 주변 대상 묘사 (15초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-1&quot;&gt;중심 대상 주변의 다른 인물이나 사물로 시선을 옮깁니다. 왼쪽, 오른쪽, 앞, 뒤 등 위치를 나타내는 표현을 적극적으로 활용하세요.&lt;/p&gt;
                         &lt;p class=&quot;mt-2 text-sm text-gray-500&quot;&gt;&lt;strong&gt;유용한 표현:&lt;/strong&gt; `On the left/right side...`, `Next to the main person...`, `I can also see...`&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-amber-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-amber-700&quot;&gt;STEP 3: 배경 묘사 (10초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-1&quot;&gt;사진의 가장 먼 배경을 설명하여 묘사를 풍부하게 만듭니다. 날씨, 건물, 풍경 등을 언급해 주세요.&lt;/p&gt;
                         &lt;p class=&quot;mt-2 text-sm text-gray-500&quot;&gt;&lt;strong&gt;유용한 표현:&lt;/strong&gt; `In the background...`, `The weather seems to be...`, `The picture was taken in/at...`&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;step-box border-rose-500&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-rose-700&quot;&gt;STEP 4: 느낌 및 추측 (10초)&lt;/h3&gt;
                        &lt;p class=&quot;text-slate-600 mt-1&quot;&gt;사진의 전체적인 분위기나 사람들의 감정을 추측하며 마무리합니다. 정답은 없으니 자신감 있게 말하세요!&lt;/p&gt;
                         &lt;p class=&quot;mt-2 text-sm text-gray-500&quot;&gt;&lt;strong&gt;유용한 표현:&lt;/strong&gt; `Overall, it looks like...`, `They seem to be enjoying...`, `It seems to be a peaceful day.`&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;section&gt;
                &lt;h2 class=&quot;text-3xl font-bold text-center text-slate-800 mb-10&quot;&gt;실전 예제로 템플릿 적용하기&lt;/h2&gt;
                &lt;div class=&quot;space-y-12&quot;&gt;
                    &lt;!-- Example 1: Office --&gt;
                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-slate-700 mb-4&quot;&gt;  예제 1: 사무실&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;img_2_1.png&quot; data-origin-width=&quot;1536&quot; data-origin-height=&quot;1024&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/biPqu0/btsPt3NChn6/TOATRpTx39DMf2s74fvmEk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/biPqu0/btsPt3NChn6/TOATRpTx39DMf2s74fvmEk/img.png&quot; data-alt=&quot;예제 1: 사무실&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/biPqu0/btsPt3NChn6/TOATRpTx39DMf2s74fvmEk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbiPqu0%2FbtsPt3NChn6%2FTOATRpTx39DMf2s74fvmEk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1536&quot; height=&quot;1024&quot; data-filename=&quot;img_2_1.png&quot; data-origin-width=&quot;1536&quot; data-origin-height=&quot;1024&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;예제 1: 사무실&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;                        &lt;div class=&quot;bg-slate-50 p-4 rounded-md&quot;&gt;
                            &lt;p class=&quot;font-semibold text-slate-800&quot;&gt;모범 답안:&lt;/p&gt;
                            &lt;p class=&quot;text-slate-700 mt-2&quot;&gt;
                                (STEP 1) This is a picture of a business meeting taking place in an office. The first thing I see is a group of people sitting around a table. They are looking at some documents and seem to be focused on their work.
                                &lt;br&gt;(STEP 2) On the right side of the picture, a man is pointing at a chart on the wall, possibly explaining something. Next to him, a woman is taking notes in her notebook.
                                &lt;br&gt;(STEP 3) In the background, there is a large window with a view of the city. The office looks modern and well-lit.
                                &lt;br&gt;(STEP 4) Overall, it looks like a productive and professional meeting. Everyone seems to be engaged in the discussion.
                            &lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;!-- Example 2: Park --&gt;
                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-slate-700 mb-4&quot;&gt;  예제 2: 공원&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;img_2_2.png&quot; data-origin-width=&quot;2048&quot; data-origin-height=&quot;2048&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c876Og/btsPtUXCvKo/1mJNX15nGRIHREIyuDEicK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c876Og/btsPtUXCvKo/1mJNX15nGRIHREIyuDEicK/img.png&quot; data-alt=&quot;예제 2: 공원&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c876Og/btsPtUXCvKo/1mJNX15nGRIHREIyuDEicK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc876Og%2FbtsPtUXCvKo%2F1mJNX15nGRIHREIyuDEicK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2048&quot; height=&quot;2048&quot; data-filename=&quot;img_2_2.png&quot; data-origin-width=&quot;2048&quot; data-origin-height=&quot;2048&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;예제 2: 공원&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
                        &lt;div class=&quot;bg-slate-50 p-4 rounded-md&quot;&gt;
                            &lt;p class=&quot;font-semibold text-slate-800&quot;&gt;모범 답안:&lt;/p&gt;
                            &lt;p class=&quot;text-slate-700 mt-2&quot;&gt;
                                (STEP 1) This picture was taken outdoors in a park. I can see a family having a picnic on a sunny day. A man and a woman are sitting on a blanket, and a little girl is playing with a ball.
                                &lt;br&gt;(STEP 2) In front of them, there is a picnic basket filled with food and drinks. To the left, a bicycle is leaning against a tree.
                                &lt;br&gt;(STEP 3) In the background, there are many green trees and a clear blue sky. It seems to be a warm and pleasant day.
                                &lt;br&gt;(STEP 4) Overall, they seem to be having a wonderful and relaxing time together. It looks like a happy family outing.
                            &lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;
        &lt;/main&gt;

        &lt;footer class=&quot;mt-20 text-center bg-white p-8 rounded-xl shadow-md&quot;&gt;
            &lt;h3 class=&quot;text-2xl font-bold text-slate-800&quot;&gt;다음 포스팅 예고  &lt;/h3&gt;
            &lt;p class=&quot;mt-3 text-slate-600 max-w-xl mx-auto&quot;&gt;
                Part 2 만능 템플릿, 이제 자신감이 생기셨나요? 어떤 사진이든 4단계에 맞춰 말하는 연습을 꾸준히 해보세요. &lt;br&gt;
                다음 시간에는 순발력이 생명인 **Part 3. 듣고 질문에 답하기**를 완벽하게 공략하는 비법으로 돌아오겠습니다!
            &lt;/p&gt;
        &lt;/footer&gt;

    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>toeicspeaking</category>
      <category>취준생</category>
      <category>토스꿀팁</category>
      <category>토스독학</category>
      <category>토스만능템플릿</category>
      <category>토스사진묘사</category>
      <category>토스파트2</category>
      <category>토익트피킹</category>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/6</guid>
      <comments>https://jc47.tistory.com/6#entry6comment</comments>
      <pubDate>Wed, 23 Jul 2025 00:50:30 +0900</pubDate>
    </item>
    <item>
      <title>토익스피킹 Part 1 공략 (분석할 때 전 초큼 어려움)</title>
      <link>https://jc47.tistory.com/5</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;토익스피킹 Part 1 공략 (심화편)&lt;/title&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        .interactive-container {
            font-family: 'Noto Sans KR', sans-serif;
            word-break: keep-all;
        }
        .tip-card {
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            padding: 1.5rem;
        }
        .example-text {
            font-size: 1.1rem;
            line-height: 2.2;
            background-color: #f8fafc;
            padding: 1.5rem;
            border-radius: 0.5rem;
            border: 1px solid #e2e8f0;
        }
        .example-text .pause { color: #ef4444; font-weight: bold; }
        .example-text .stress { font-weight: 900; color: #1e3a8a; }
        .example-text .linking { border-bottom: 2px dotted #2563eb; }
        .example-text .rising { color: #22c55e; font-weight: bold; }
        .example-text .tone-hint {
            display: block;
            font-style: italic;
            color: #64748b;
            margin-bottom: 1rem;
            font-size: 1rem;
        }
        .analysis-box {
            margin-top: 1rem;
            padding: 1rem;
            background-color: #f1f5f9;
            border-radius: 0.5rem;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;interactive-container bg-slate-50 p-4 sm:p-6 md:p-8&quot;&gt;
        
        &lt;header class=&quot;text-center mb-16&quot;&gt;
            &lt;p class=&quot;text-indigo-600 font-bold&quot;&gt;토익스피킹 완전 정복 시리즈 1탄&lt;/p&gt;
            &lt;h1 class=&quot;text-3xl md:text-4xl font-black text-slate-800 mt-2&quot;&gt;Part 1. 문장 읽기, AL+를 위한 5가지 핵심 비법&lt;/h1&gt;
            &lt;p class=&quot;mt-4 text-base md:text-lg text-slate-600 max-w-2xl mx-auto&quot;&gt;
                시험의 첫인상을 결정하는 Part 1, 자신감 있게 시작하는 방법을 알려드릴게요! 고득점을 위한 모든 전략을 이 글 하나에 담았습니다.
            &lt;/p&gt;
        &lt;/header&gt;

        &lt;main&gt;
            &lt;section class=&quot;mb-16&quot;&gt;
                &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-8 text-center&quot;&gt;Part 1 고득점의 5가지 기둥&lt;/h2&gt;
                &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-6 text-center&quot;&gt;
                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;div class=&quot;text-4xl mb-2&quot;&gt;✂️&lt;/div&gt;
                        &lt;h3 class=&quot;text-xl font-bold&quot;&gt;끊어 읽기&lt;/h3&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;div class=&quot;text-4xl mb-2&quot;&gt; &lt;/div&gt;
                        &lt;h3 class=&quot;text-xl font-bold&quot;&gt;연음 처리&lt;/h3&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;div class=&quot;text-4xl mb-2&quot;&gt; &lt;/div&gt;
                        &lt;h3 class=&quot;text-xl font-bold&quot;&gt;억양과 강세&lt;/h3&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;div class=&quot;text-4xl mb-2&quot;&gt; &lt;/div&gt;
                        &lt;h3 class=&quot;text-xl font-bold&quot;&gt;숫자/고유명사&lt;/h3&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;div class=&quot;text-4xl mb-2&quot;&gt; &lt;/div&gt;
                        &lt;h3 class=&quot;text-xl font-bold&quot;&gt;감정 싣기&lt;/h3&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;div class=&quot;space-y-8&quot;&gt;
                &lt;section class=&quot;tip-card&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;비법 1: '의미'를 살리는 끊어 읽기 (Pausing)&lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;고득점자는 단순히 쉼표에서 쉬는 것을 넘어, 의미 덩어리(Chunk) 단위로 호흡을 조절합니다. 짧은 쉼(/)과 긴 쉼(//)을 구분하여 리듬감을 만드세요.&lt;/p&gt;
                    &lt;ul class=&quot;list-disc list-inside space-y-2 text-slate-600&quot;&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;짧은 쉼 (/):&lt;/strong&gt; 긴 주어 뒤, 전치사구 앞 등 의미를 분리할 때 가볍게 쉽니다.&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;긴 쉼 (//):&lt;/strong&gt; 문장이 끝나는 마침표, 또는 내용이 완전히 전환되는 쉼표에서 충분히 쉽니다.&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/section&gt;

                &lt;section class=&quot;tip-card&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;비법 2: '유창함'을 만드는 연음 (Linking)&lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;단어와 단어를 부드럽게 연결하는 것은 유창함의 핵심입니다. 대표적인 연음 법칙 두 가지는 반드시 체화해야 합니다.&lt;/p&gt;
                    &lt;ul class=&quot;list-disc list-inside space-y-2 text-slate-600&quot;&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;자음 + 모음 (기본 연음):&lt;/strong&gt; 앞 단어의 끝 자음과 뒷 단어의 첫 모음이 만날 때. (예: &lt;span class=&quot;linking&quot;&gt;check‿in&lt;/span&gt; → 체킨)&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;자음 + 자음 (고급 연음):&lt;/strong&gt; 비슷한 위치에서 소리 나는 자음이 만나면 한쪽이 변하거나 탈락합니다. (예: `optic network` → 옵팅-네트워크)&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/section&gt;
                
                &lt;section class=&quot;tip-card&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;비법 3: '전달력'을 높이는 억양과 강세 (Stress &amp; Intonation)&lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;모든 단어를 평평하게 읽으면 채점관은 지루함을 느낍니다. 문장의 핵심 내용어와 기능어를 구분하여 강약을 조절하세요.&lt;/p&gt;
                     &lt;ul class=&quot;list-disc list-inside space-y-2 text-slate-600&quot;&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;강하게 (내용어):&lt;/strong&gt; 명사, 동사, 형용사, 부사 등 문장의 의미를 담고 있는 단어.&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;약하게 (기능어):&lt;/strong&gt; 대명사(you, it), 관사(a, the), 전치사(in, on) 등 문법적 기능을 하는 단어.&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;올리는 억양(↗):&lt;/strong&gt; A, B, and C 처럼 항목을 나열할 때, 그리고 Yes/No 질문의 끝을 올립니다.&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;내리는 억양(↘):&lt;/strong&gt; 평서문, 의문사 의문문 등 대부분의 문장 끝을 내립니다.&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/section&gt;

                &lt;section class=&quot;tip-card&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;비법 4: '까다로운' 숫자, 고유명사, 나열 정복하기&lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;많은 응시자들이 당황하는 부분입니다. 준비 시간 동안 이런 까다로운 단어들을 미리 소리 내어 읽어보는 것이 중요합니다.&lt;/p&gt;
                     &lt;ul class=&quot;list-disc list-inside space-y-2 text-slate-600&quot;&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;숫자/시간/날짜:&lt;/strong&gt; `10:45` (ten forty-five), `$19.99` (nineteen ninety-nine), `May 15th` (May fifteenth) 처럼 읽는 법을 미리 숙지하세요.&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;고유명사:&lt;/strong&gt; 사람 이름, 회사명, 지명 등은 틀려도 괜찮으니 자신감 있게 읽는 것이 중요합니다.&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;나열:&lt;/strong&gt; A&lt;span class=&quot;rising&quot;&gt;↗&lt;/span&gt;, B&lt;span class=&quot;rising&quot;&gt;↗&lt;/span&gt;, and C&lt;span class=&quot;pause&quot;&gt;↘&lt;/span&gt; 처럼 마지막 항목 앞에서만 내리고, 그전까지는 억양을 올려주세요.&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/section&gt;

                &lt;section class=&quot;tip-card&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-slate-800 mb-4&quot;&gt;비법 5: 지문 종류에 따른 '감정' 싣기 (Conveying Tone)&lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 mb-6&quot;&gt;AL 등급 이상을 결정짓는 가장 중요한 요소입니다. 지문의 종류를 파악하고, 그에 맞는 톤과 분위기로 연기하듯 읽어야 합니다.&lt;/p&gt;
                     &lt;ul class=&quot;list-disc list-inside space-y-2 text-slate-600&quot;&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;안내 방송/광고:&lt;/strong&gt; 밝고 활기찬 목소리로, 긍정적인 단어(free, special, new)를 강조합니다.&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;뉴스/일기 예보:&lt;/strong&gt; 신뢰감을 주는 차분하고 객관적인 톤으로, 정확한 정보(숫자, 장소)를 명확하게 전달합니다.&lt;/li&gt;
                        &lt;li&gt;&lt;strong class=&quot;font-semibold text-slate-800&quot;&gt;자동 응답 메시지:&lt;/strong&gt; 친절하고 차분한 톤으로, 안내 사항을 명확하게 전달합니다.&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/section&gt;
            &lt;/div&gt;

            &lt;section class=&quot;mt-16&quot;&gt;
                &lt;h2 class=&quot;text-3xl font-bold text-center text-slate-800 mb-10&quot;&gt;실전 예제로 종합 연습하기&lt;/h2&gt;
                
                &lt;div class=&quot;space-y-10&quot;&gt;
                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-slate-700 mb-4&quot;&gt;  예제 1: 안내 방송&lt;/h3&gt;
                        &lt;div class=&quot;example-text&quot;&gt;
                            &lt;span class=&quot;tone-hint&quot;&gt;(밝고 활기찬 톤으로)&lt;/span&gt;
                            Good morning, shoppers, &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; and welcome to the grand &lt;span class=&quot;linking&quot;&gt;opening‿of&lt;/span&gt; &lt;span class=&quot;stress&quot;&gt;Brightway Supermarket&lt;/span&gt;! &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; We are &lt;span class=&quot;stress&quot;&gt;thrilled&lt;/span&gt; to &lt;span class=&quot;linking&quot;&gt;have‿you&lt;/span&gt; here today. &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; For a &lt;span class=&quot;stress&quot;&gt;limited&lt;/span&gt; time, &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; all customers will receive a &lt;span class=&quot;stress&quot;&gt;10% discount&lt;/span&gt; on their &lt;span class=&quot;linking&quot;&gt;entire‿order&lt;/span&gt;. &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; Don't forget to &lt;span class=&quot;linking&quot;&gt;check‿out&lt;/span&gt; our &lt;span class=&quot;stress&quot;&gt;fresh&lt;/span&gt; produce section &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; and our &lt;span class=&quot;stress&quot;&gt;new&lt;/span&gt; bakery. &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; &lt;span class=&quot;linking&quot;&gt;Thank‿you&lt;/span&gt; for choosing Brightway!↘
                        &lt;/div&gt;
                        &lt;div class=&quot;analysis-box&quot;&gt;
                            &lt;h4 class=&quot;font-bold text-slate-700&quot;&gt;분석 포인트:&lt;/h4&gt;
                            &lt;ul class=&quot;list-disc list-inside text-slate-600 mt-2 space-y-1&quot;&gt;
                                &lt;li&gt;&lt;strong&gt;감정 싣기:&lt;/strong&gt; 환영하는 분위기를 살려 밝고 경쾌한 톤을 유지하는 것이 핵심입니다.&lt;/li&gt;
                                &lt;li&gt;&lt;strong&gt;강세:&lt;/strong&gt; 가게 이름(&lt;span class=&quot;stress&quot;&gt;Brightway Supermarket&lt;/span&gt;), 감정(&lt;span class=&quot;stress&quot;&gt;thrilled&lt;/span&gt;), 혜택(&lt;span class=&quot;stress&quot;&gt;limited&lt;/span&gt;, &lt;span class=&quot;stress&quot;&gt;10% discount&lt;/span&gt;), 신선함(&lt;span class=&quot;stress&quot;&gt;fresh&lt;/span&gt;, &lt;span class=&quot;stress&quot;&gt;new&lt;/span&gt;)을 강조하여 정보를 효과적으로 전달합니다.&lt;/li&gt;
                                &lt;li&gt;&lt;strong&gt;연음:&lt;/strong&gt; `opening of`, `have you`, `entire order`, `check out`, `Thank you` 등 자연스러운 연결로 유창함을 더합니다.&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-slate-700 mb-4&quot;&gt;  예제 2: 광고문&lt;/h3&gt;
                        &lt;div class=&quot;example-text&quot;&gt;
                            &lt;span class=&quot;tone-hint&quot;&gt;(설득력 있고 자신감 있는 톤으로)&lt;/span&gt;
                            Are you &lt;span class=&quot;linking&quot;&gt;tired‿of&lt;/span&gt; slow &lt;span class=&quot;linking&quot;&gt;internet‿speeds&lt;/span&gt;? &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; Switch to &lt;span class=&quot;stress&quot;&gt;SwiftNet&lt;/span&gt; today &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; and &lt;span class=&quot;linking&quot;&gt;experience‿an&lt;/span&gt; &lt;span class=&quot;stress&quot;&gt;incredibly&lt;/span&gt; fast connection. &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; Our fiber &lt;span class=&quot;linking&quot;&gt;optic‿network&lt;/span&gt; &lt;span class=&quot;stress&quot;&gt;guarantees&lt;/span&gt; reliable service, &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; &lt;span class=&quot;linking&quot;&gt;perfect‿for&lt;/span&gt; &lt;span class=&quot;stress&quot;&gt;streaming&lt;/span&gt;&lt;span class=&quot;rising&quot;&gt;↗&lt;/span&gt;, &lt;span class=&quot;stress&quot;&gt;gaming&lt;/span&gt;&lt;span class=&quot;rising&quot;&gt;↗&lt;/span&gt;, &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; and &lt;span class=&quot;stress&quot;&gt;working&lt;/span&gt; from home. &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; &lt;span class=&quot;linking&quot;&gt;Visit‿our&lt;/span&gt; website at &lt;span class=&quot;stress&quot;&gt;swiftnet.com&lt;/span&gt; &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; to &lt;span class=&quot;linking&quot;&gt;find‿a&lt;/span&gt; plan that's &lt;span class=&quot;linking&quot;&gt;right‿for&lt;/span&gt; you.↘
                        &lt;/div&gt;
                         &lt;div class=&quot;analysis-box&quot;&gt;
                            &lt;h4 class=&quot;font-bold text-slate-700&quot;&gt;분석 포인트:&lt;/h4&gt;
                            &lt;ul class=&quot;list-disc list-inside text-slate-600 mt-2 space-y-1&quot;&gt;
                                &lt;li&gt;&lt;strong&gt;올리는 억양:&lt;/strong&gt; 서비스의 장점을 나열하는 &lt;span class=&quot;stress&quot;&gt;streaming&lt;/span&gt;&lt;span class=&quot;rising&quot;&gt;↗&lt;/span&gt;과 &lt;span class=&quot;stress&quot;&gt;gaming&lt;/span&gt;&lt;span class=&quot;rising&quot;&gt;↗&lt;/span&gt;에서 억양을 올려 리듬감을 주고, 마지막 `and` 앞에서 자연스럽게 쉬어줍니다.&lt;/li&gt;
                                &lt;li&gt;&lt;strong&gt;고급 연음:&lt;/strong&gt; `optic network` (옵팅-네트워크), `internet speeds` (인터넷-스피즈), `perfect for` (펄펙-포) 처럼 소리가 합쳐지거나 탈락하는 부분까지 살려주면 훨씬 자연스럽습니다.&lt;/li&gt;
                                &lt;li&gt;&lt;strong&gt;강세:&lt;/strong&gt; 문제점(&lt;span class=&quot;stress&quot;&gt;tired&lt;/span&gt;, slow), 해결책(&lt;span class=&quot;stress&quot;&gt;SwiftNet&lt;/span&gt;), 장점(&lt;span class=&quot;stress&quot;&gt;incredibly fast&lt;/span&gt;, &lt;span class=&quot;stress&quot;&gt;guarantees&lt;/span&gt;)을 강조하여 듣는 이를 설득합니다.&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class=&quot;tip-card&quot;&gt;
                        &lt;h3 class=&quot;text-xl font-bold text-slate-700 mb-4&quot;&gt;☀️ 예제 3: 일기 예보&lt;/h3&gt;
                        &lt;div class=&quot;example-text&quot;&gt;
                            &lt;span class=&quot;tone-hint&quot;&gt;(차분하고 명확한 톤으로)&lt;/span&gt;
                            Here &lt;span class=&quot;linking&quot;&gt;is‿your&lt;/span&gt; &lt;span class=&quot;stress&quot;&gt;local&lt;/span&gt; weather forecast for this weekend. &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; Expect &lt;span class=&quot;stress&quot;&gt;clear&lt;/span&gt; skies and &lt;span class=&quot;stress&quot;&gt;sunny&lt;/span&gt; conditions on &lt;span class=&quot;stress&quot;&gt;Saturday&lt;/span&gt;, &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; with a &lt;span class=&quot;linking&quot;&gt;high‿of&lt;/span&gt; &lt;span class=&quot;stress&quot;&gt;twenty-five&lt;/span&gt; degrees Celsius. &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; However, &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; clouds will &lt;span class=&quot;linking&quot;&gt;move‿in&lt;/span&gt; on &lt;span class=&quot;stress&quot;&gt;Sunday&lt;/span&gt; morning, &lt;span class=&quot;pause&quot;&gt;/&lt;/span&gt; bringing a &lt;span class=&quot;linking&quot;&gt;chance‿of&lt;/span&gt; light showers in the afternoon. &lt;span class=&quot;pause&quot;&gt;//&lt;/span&gt; Be sure to &lt;span class=&quot;linking&quot;&gt;pack‿an&lt;/span&gt; umbrella &lt;span class=&quot;linking&quot;&gt;if‿you&lt;/span&gt; have plans.↘
                        &lt;/div&gt;
                        &lt;div class=&quot;analysis-box&quot;&gt;
                            &lt;h4 class=&quot;font-bold text-slate-700&quot;&gt;분석 포인트:&lt;/h4&gt;
                            &lt;ul class=&quot;list-disc list-inside text-slate-600 mt-2 space-y-1&quot;&gt;
                                &lt;li&gt;&lt;strong&gt;감정 싣기:&lt;/strong&gt; 정보를 정확하게 전달하는 것이 목표이므로, 아나운서처럼 차분하고 신뢰감 있는 톤을 유지합니다.&lt;/li&gt;
                                &lt;li&gt;&lt;strong&gt;숫자/고유명사:&lt;/strong&gt; 요일(&lt;span class=&quot;stress&quot;&gt;Saturday&lt;/span&gt;, &lt;span class=&quot;stress&quot;&gt;Sunday&lt;/span&gt;)과 온도(&lt;span class=&quot;stress&quot;&gt;twenty-five&lt;/span&gt;) 같은 핵심 정보를 실수 없이 명확하게 발음하는 것이 중요합니다.&lt;/li&gt;
                                &lt;li&gt;&lt;strong&gt;연음:&lt;/strong&gt; `is your` (이져), `high of` (하얍), `chance of` (챈섭) 처럼 부드럽게 연결되는 부분을 놓치지 마세요.&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;

        &lt;/main&gt;

        &lt;footer class=&quot;mt-20 text-center bg-white p-8 rounded-xl shadow-md&quot;&gt;
            &lt;h3 class=&quot;text-2xl font-bold text-slate-800&quot;&gt;다음 포스팅 예고  &lt;/h3&gt;
            &lt;p class=&quot;mt-3 text-slate-600 max-w-xl mx-auto&quot;&gt;
                Part 1, 자신감이 좀 생기셨나요? 오늘 배운 5가지 비법을 꾸준히 연습하면 분명 좋은 결과가 있을 거예요. &lt;br&gt;
                다음 시간에는 **Part 2. 사진 묘사**를 완벽하게 정복할 수 있는 만능 템플릿과 필수 어휘로 돌아오겠습니다!
            &lt;/p&gt;
        &lt;/footer&gt;

    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>toeicspeaking</category>
      <category>취업영어</category>
      <category>토스</category>
      <category>토스AL</category>
      <category>토스고득점</category>
      <category>토스꿀팁</category>
      <category>토스독학</category>
      <category>토스발음</category>
      <category>토스파트1</category>
      <category>토익스피킹</category>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/5</guid>
      <comments>https://jc47.tistory.com/5#entry5comment</comments>
      <pubDate>Tue, 22 Jul 2025 00:56:38 +0900</pubDate>
    </item>
    <item>
      <title>토익스피킹 5가지 황금 법칙</title>
      <link>https://jc47.tistory.com/4</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;토익스피킹 5가지 황금 법칙&lt;/title&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        .interactive-container {
            font-family: 'Noto Sans KR', sans-serif;
            word-break: keep-all;
        }
        .rule-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .rule-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;interactive-container bg-slate-50 p-4 sm:p-6 md:p-8&quot;&gt;
        
        &lt;header class=&quot;text-center mb-16&quot;&gt;
            &lt;h1 class=&quot;text-3xl md:text-4xl font-black text-slate-800&quot;&gt;
                토스 점수, 파트별 공략 전에&lt;br class=&quot;md:hidden&quot;&gt; 반드시 알아야 할 &lt;br&gt;
                &lt;span class=&quot;text-emerald-600&quot;&gt;토익스피킹&lt;/span&gt; 
                &lt;span class=&quot;text-indigo-600&quot;&gt;5가지 황금 법칙&lt;/span&gt;
            &lt;/h1&gt;
            &lt;p class=&quot;mt-4 text-base md:text-lg text-slate-600 max-w-2xl mx-auto&quot;&gt;
                지난번 토익스피킹과 오픽 비교 글에 이어, 오늘은 본격적인 파트별 공략에 앞서 모든 파트에 통용되는 핵심 전략을 알려드릴게요. 이 5가지만 기억해도 당신의 답변은 달라집니다!
            &lt;/p&gt;
        &lt;/header&gt;

        &lt;main class=&quot;space-y-12&quot;&gt;
            
            &lt;!-- Rule 1 --&gt;
            &lt;section class=&quot;rule-card flex flex-col md:flex-row items-cen   ter bg-white rounded-xl shadow-lg overflow-hidden&quot;&gt;
                &lt;div class=&quot;w-full md:w-48 h-32 md:h-full flex items-center justify-center bg-emerald-500 text-white&quot;&gt;
                    &lt;div class=&quot;text-center&quot;&gt;
                        &lt;div class=&quot;text-4xl font-bold&quot;&gt;룰 1&lt;/div&gt;
                        &lt;div class=&quot;text-lg&quot;&gt;Rule One&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;p-6 md:p-8 flex-1&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-emerald-700 mb-3&quot;&gt;
                        완벽함보다 유창함
                        &lt;span class=&quot;block text-lg font-medium text-emerald-500 mt-1&quot;&gt;(Fluency &gt; Perfection)&lt;/span&gt;
                    &lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 leading-relaxed&quot;&gt;
                        토익스피킹 채점관들은 사소한 문법 실수에 크게 신경 쓰지 않습니다. 오히려 말이 끊기고 머뭇거리는 것을 더 큰 감점 요인으로 봐요. 약간 틀리더라도 자신감 있고 막힘없이 말하는 '유창함'이 고득점의 첫 번째 열쇠입니다.
                    &lt;/p&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;!-- Rule 2 --&gt;
            &lt;section class=&quot;rule-card flex flex-col md:flex-row items-center bg-white rounded-xl shadow-lg overflow-hidden&quot;&gt;
                &lt;div class=&quot;w-full md:w-48 h-32 md:h-full flex items-center justify-center bg-sky-500 text-white&quot;&gt;
                    &lt;div class=&quot;text-center&quot;&gt;
                        &lt;div class=&quot;text-4xl font-bold&quot;&gt;룰 2&lt;/div&gt;
                        &lt;div class=&quot;text-lg&quot;&gt;Rule Two&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;p-6 md:p-8 flex-1&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-sky-700 mb-3&quot;&gt;
                        침묵은 독, 필러는 약
                        &lt;span class=&quot;block text-lg font-medium text-sky-500 mt-1&quot;&gt;(Filler &gt; Silence)&lt;/span&gt;
                    &lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 leading-relaxed&quot;&gt;
                        답변이 바로 생각나지 않을 때 3초 이상 침묵하면 치명적입니다. 이때 &lt;code class=&quot;bg-slate-200 px-2 py-1 rounded&quot;&gt;Well...&lt;/code&gt;, &lt;code class=&quot;bg-slate-200 px-2 py-1 rounded&quot;&gt;Let me see...&lt;/code&gt;, &lt;code class=&quot;bg-slate-200 px-2 py-1 rounded&quot;&gt;That's an interesting question.&lt;/code&gt; 같은 '필러(Filler)' 표현으로 시간을 버세요. 생각할 시간을 벌어주는 동시에, 대화를 이어가려는 노력으로 비쳐 훨씬 좋은 인상을 줍니다.
                    &lt;/p&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;!-- Rule 3 --&gt;
            &lt;section class=&quot;rule-card flex flex-col md:flex-row items-center bg-white rounded-xl shadow-lg overflow-hidden&quot;&gt;
                &lt;div class=&quot;w-full md:w-48 h-32 md:h-full flex items-center justify-center bg-amber-500 text-white&quot;&gt;
                    &lt;div class=&quot;text-center&quot;&gt;
                        &lt;div class=&quot;text-4xl font-bold&quot;&gt;룰 3&lt;/div&gt;
                        &lt;div class=&quot;text-lg&quot;&gt;Rule Three&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;p-6 md:p-8 flex-1&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-amber-700 mb-3&quot;&gt;
                        템플릿은 강력한 무기
                        &lt;span class=&quot;block text-lg font-medium text-amber-500 mt-1&quot;&gt;(Use a Template)&lt;/span&gt;
                    &lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 leading-relaxed&quot;&gt;
                        모든 파트를 즉흥적으로 답변하려 하면 안 됩니다. 특히 사진 묘사(Part 2)나 의견 제시(Part 5)는 정해진 답변 구조, 즉 '템플릿'이 있습니다. 템플릿에 맞춰 말하는 연습을 하면 어떤 질문이 나와도 당황하지 않고 논리적으로 답변을 채워나갈 수 있습니다.
                    &lt;/p&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;!-- Rule 4 --&gt;
            &lt;section class=&quot;rule-card flex flex-col md:flex-row items-center bg-white rounded-xl shadow-lg overflow-hidden&quot;&gt;
                &lt;div class=&quot;w-full md:w-48 h-32 md:h-full flex items-center justify-center bg-rose-500 text-white&quot;&gt;
                    &lt;div class=&quot;text-center&quot;&gt;
                        &lt;div class=&quot;text-4xl font-bold&quot;&gt;룰 4&lt;/div&gt;
                        &lt;div class=&quot;text-lg&quot;&gt;Rule Four&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;p-6 md:p-8 flex-1&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-rose-700 mb-3&quot;&gt;
                        자신감 있는 목소리와 태도
                        &lt;span class=&quot;block text-lg font-medium text-rose-500 mt-1&quot;&gt;(Sound Confident)&lt;/span&gt;
                    &lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 leading-relaxed&quot;&gt;
                        같은 내용이라도 기어들어가는 목소리로 말하면 좋은 점수를 받기 어렵습니다. 내용은 조금 부족하더라도, 크고 명확한 목소리로 당당하게 말하는 '태도'가 중요합니다. 채점관도 사람이기에, 자신감 있는 응시자에게 더 좋은 점수를 주게 됩니다.
                    &lt;/p&gt;
                &lt;/div&gt;
            &lt;/section&gt;

            &lt;!-- Rule 5 --&gt;
            &lt;section class=&quot;rule-card flex flex-col md:flex-row items-center bg-white rounded-xl shadow-lg overflow-hidden&quot;&gt;
                &lt;div class=&quot;w-full md:w-48 h-32 md:h-full flex items-center justify-center bg-violet-500 text-white&quot;&gt;
                    &lt;div class=&quot;text-center&quot;&gt;
                        &lt;div class=&quot;text-4xl font-bold&quot;&gt;룰 5&lt;/div&gt;
                        &lt;div class=&quot;text-lg&quot;&gt;Rule Five&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;p-6 md:p-8 flex-1&quot;&gt;
                    &lt;h2 class=&quot;text-2xl font-bold text-violet-700 mb-3&quot;&gt;
                        내 목소리를 녹음해서 듣기
                        &lt;span class=&quot;block text-lg font-medium text-violet-500 mt-1&quot;&gt;(Record Yourself)&lt;/span&gt;
                    &lt;/h2&gt;
                    &lt;p class=&quot;text-slate-700 leading-relaxed&quot;&gt;
                        가장 중요하고 효과적인 훈련법입니다. 자신의 답변을 직접 녹음해서 들어보면 생각보다 발음이 꼬이거나, 문법을 자주 틀리는 부분을 객관적으로 파악할 수 있습니다. 부끄러움을 이겨내고 꾸준히 녹음하고 분석하는 사람이 가장 빠르게 성장합니다.
                    &lt;/p&gt;
                &lt;/div&gt;
            &lt;/section&gt;
        &lt;/main&gt;
        
        &lt;!-- Added Section: Part Types Preview --&gt;
        &lt;section class=&quot;mt-20&quot;&gt;
            &lt;h2 class=&quot;text-3xl font-bold text-center text-slate-800 mb-10&quot;&gt;미리보는 토익스피킹 5가지 유형&lt;/h2&gt;
            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6&quot;&gt;
                &lt;div class=&quot;bg-white p-6 rounded-lg shadow-md border-l-4 border-emerald-500&quot;&gt;
                    &lt;h3 class=&quot;text-xl font-bold text-slate-700&quot;&gt;Part 1. 문장 읽기&lt;/h3&gt;
                    &lt;p class=&quot;mt-2 text-slate-600&quot;&gt;화면에 보이는 지문을 정확한 발음과 억양으로 읽는 유형입니다.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;bg-white p-6 rounded-lg shadow-md border-l-4 border-sky-500&quot;&gt;
                    &lt;h3 class=&quot;text-xl font-bold text-slate-700&quot;&gt;Part 2. 사진 묘사&lt;/h3&gt;
                    &lt;p class=&quot;mt-2 text-slate-600&quot;&gt;사진을 보고 주어진 시간 안에 최대한 상세하게 묘사하는 유형입니다.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;bg-white p-6 rounded-lg shadow-md border-l-4 border-amber-500&quot;&gt;
                    &lt;h3 class=&quot;text-xl font-bold text-slate-700&quot;&gt;Part 3. 듣고 질문에 답하기&lt;/h3&gt;
                    &lt;p class=&quot;mt-2 text-slate-600&quot;&gt;특정 주제에 대한 짧은 질문 3개에 빠르게 답변하는 순발력 테스트 유형입니다.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;bg-white p-6 rounded-lg shadow-md border-l-4 border-rose-500&quot;&gt;
                    &lt;h3 class=&quot;text-xl font-bold text-slate-700&quot;&gt;Part 4. 제공된 정보로 답하기&lt;/h3&gt;
                    &lt;p class=&quot;mt-2 text-slate-600&quot;&gt;주어진 표(일정표 등)를 보고 관련된 질문 3개에 답하는 정보 독해 유형입니다.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;bg-white p-6 rounded-lg shadow-md border-l-4 border-violet-500&quot;&gt;
                    &lt;h3 class=&quot;text-xl font-bold text-slate-700&quot;&gt;Part 5. 의견 제시하기&lt;/h3&gt;
                    &lt;p class=&quot;mt-2 text-slate-600&quot;&gt;특정 주제에 대한 자신의 의견을 논리적인 근거와 함께 제시하는 유형입니다.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;bg-slate-100 p-6 rounded-lg flex items-center justify-center&quot;&gt;
                     &lt;p class=&quot;text-center text-slate-500 font-medium&quot;&gt;자세한 공략은&lt;br&gt;다음 포스팅부터 시작됩니다!&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;footer class=&quot;mt-20 text-center bg-white p-8 rounded-xl shadow-md&quot;&gt;
            &lt;h3 class=&quot;text-2xl font-bold text-slate-800&quot;&gt;다음 포스팅 예고  &lt;/h3&gt;
            &lt;p class=&quot;mt-3 text-slate-600 max-w-xl mx-auto&quot;&gt;
                오늘 알려드린 5가지 황금 법칙과 각 파트 유형을 잘 기억해주세요! &lt;br&gt;
                다음 포스팅부터는 **Part 1부터 5까지, 하나씩 완벽하게 공략하는 상세 전략과 만능 템플릿**으로 돌아오겠습니다. 많은 기대 부탁드려요!
            &lt;/p&gt;
        &lt;/footer&gt;

    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>#토익스피킹 #취준생 #영어스펙 #취업준비 #영어공부 #토스 #토스팁 #토스꿀팁</category>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/4</guid>
      <comments>https://jc47.tistory.com/4#entry4comment</comments>
      <pubDate>Sun, 20 Jul 2025 15:28:02 +0900</pubDate>
    </item>
    <item>
      <title>토익스피킹 vs 오픽: 나에게 맞는 시험은?</title>
      <link>https://jc47.tistory.com/3</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;토익스피킹 vs 오픽: 나에게 맞는 시험은?&lt;/title&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/chart.js&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;!-- Chosen Palette: Calm Harmony --&gt;
    &lt;!-- Application Structure Plan: The application is designed as an interactive dashboard rather than a linear blog post. It starts with a clear value proposition, then presents a tab-based comparator for side-by-side analysis (Overview, Levels, Key Comparison). This structure allows users to explore information non-linearly based on their interests. The core interaction is a &quot;Which test is for me?&quot; quiz, which provides a personalized recommendation, directly addressing the user's primary goal. This user-centric, task-oriented design enhances engagement and decision-making compared to passive reading. --&gt;
    &lt;!-- Visualization &amp; Content Choices: Report Info: TOEIC/OPIc level tables -&gt; Goal: Compare level structures -&gt; Viz: Interactive Bar Chart (Chart.js for TOEIC) and styled list (for OPIc) -&gt; Interaction: Hovering over the chart reveals detailed level info. This makes dense data digestible. Report Info: Core comparison points -&gt; Goal: Allow detailed side-by-side comparison -&gt; Viz: Interactive card-based layout -&gt; Interaction: Users can see all comparisons at once in a visually appealing format. Report Info: Overall recommendation logic -&gt; Goal: Provide a personalized choice -&gt; Viz: A simple, engaging quiz -&gt; Interaction: User answers questions to get a tailored recommendation. This transforms a generic conclusion into a powerful, user-specific tool. --&gt;
    &lt;!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. --&gt;
    &lt;style&gt;
        body {
            font-family: 'Noto Sans KR', sans-serif;
            background-color: #f8f9fa;
        }
        .tab-btn {
            transition: all 0.3s ease;
        }
        .tab-btn.active {
            color: #1e3a8a;
            border-bottom-color: #1e3a8a;
        }
        .content-section {
            display: none;
        }
        .content-section.active {
            display: block;
        }
        .quiz-card {
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }
        .quiz-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        .quiz-card.selected {
            border-color: #1e3a8a;
            box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.3);
            transform: translateY(-2px);
        }
        .chart-container {
            position: relative;
            height: 24rem; /* 384px */
        }
        .keep-all {
            word-break: keep-all;
        }
        @media (min-width: 768px) {
            .chart-container {
                height: 28rem; /* 448px */
            }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;text-gray-800&quot;&gt;

    &lt;div class=&quot;interactive-container p-4 sm:p-6 md:p-8&quot;&gt;
        
        &lt;header class=&quot;text-center my-12 md:my-16 bg-gradient-to-br from-blue-50 to-indigo-100 p-8 md:p-12 rounded-2xl shadow-lg&quot;&gt;
            &lt;h1 class=&quot;text-4xl sm:text-5xl md:text-6xl font-bold text-blue-900&quot;&gt;토익스피킹 vs 오픽&lt;/h1&gt;
            &lt;p class=&quot;mt-4 text-lg md:text-xl text-gray-700&quot;&gt;나에게 꼭 맞는 영어 말하기 시험, 10분 만에 찾아보세요!&lt;/p&gt;
        &lt;/header&gt;

        &lt;main&gt;
            &lt;section id=&quot;intro&quot; class=&quot;bg-white p-6 md:p-10 rounded-xl shadow-md mb-16&quot;&gt;
                &lt;h2 class=&quot;text-2xl md:text-3xl font-bold text-blue-800 mb-4&quot;&gt;어떤 시험을 봐야 할지 고민되시나요?&lt;/h2&gt;
                &lt;p class=&quot;text-base md:text-lg text-gray-700 leading-relaxed md:leading-8 keep-all&quot;&gt;
                    취업과 이직의 필수 스펙이 된 영어 말하기 점수! 하지만 막상 시작하려고 하면 '토익스피킹'과 '오픽'이라는 두 갈림길에서 망설이게 됩니다. 두 시험은 성격이 완전히 다르기 때문에, 어떤 시험이 나에게 더 유리한지 아는 것이 무엇보다 중요합니다.
                    &lt;br&gt;&lt;br&gt;
                    이곳에서는 두 시험의 특징을 단순히 나열하는 것을 넘어, 여러분이 직접 비교하고 자신에게 맞는 시험을 선택할 수 있도록 모든 정보를 인터랙티브하게 제공합니다. 아래 탭을 눌러 두 시험을 속속들이 파헤쳐 보세요!
                &lt;/p&gt;
            &lt;/section&gt;

            &lt;section id=&quot;comparator&quot; class=&quot;bg-white rounded-xl shadow-lg p-6 md:p-10 mb-16&quot;&gt;
                &lt;div class=&quot;border-b border-gray-200 mb-8&quot;&gt;
                    &lt;nav class=&quot;flex space-x-4 sm:space-x-8 -mb-px&quot; aria-label=&quot;Tabs&quot;&gt;
                        &lt;button class=&quot;tab-btn active text-lg md:text-xl font-semibold py-4 px-1 border-b-4 border-transparent text-gray-500 hover:text-blue-700&quot; data-tab=&quot;overview&quot;&gt;
                            한눈에 비교
                        &lt;/button&gt;
                        &lt;button class=&quot;tab-btn text-lg md:text-xl font-semibold py-4 px-1 border-b-4 border-transparent text-gray-500 hover:text-blue-700&quot; data-tab=&quot;levels&quot;&gt;
                            레벨 분석
                        &lt;/button&gt;
                        &lt;button class=&quot;tab-btn text-lg md:text-xl font-semibold py-4 px-1 border-b-4 border-transparent text-gray-500 hover:text-blue-700&quot; data-tab=&quot;quiz&quot;&gt;
                            내게 맞는 시험은?
                        &lt;/button&gt;
                    &lt;/nav&gt;
                &lt;/div&gt;

                &lt;div id=&quot;tab-contents&quot;&gt;
                    &lt;div id=&quot;overview&quot; class=&quot;content-section active&quot;&gt;
                        &lt;p class=&quot;mb-10 text-center text-base md:text-lg text-gray-600 keep-all&quot;&gt;두 시험의 가장 핵심적인 차이점을 한눈에 확인하고, 나에게 유리한 시험이 무엇일지 감을 잡아보세요.&lt;/p&gt;
                        &lt;div class=&quot;grid md:grid-cols-2 gap-8 md:gap-12&quot;&gt;
                            &lt;div class=&quot;border border-gray-200 rounded-lg p-6 md:p-8&quot;&gt;
                                &lt;h3 class=&quot;text-2xl md:text-3xl font-bold text-center mb-6 text-teal-600&quot;&gt;TOEIC Speaking&lt;/h3&gt;
                                &lt;ul class=&quot;space-y-5 text-base md:text-lg&quot;&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; &lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;시험 성격:&lt;/strong&gt; 비즈니스 영어 (Business-like)&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; &lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;문제 유형:&lt;/strong&gt; 정형화된 11문제&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; &lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;주요 주제:&lt;/strong&gt; 회사, 업무, 회의, 이메일, 공지&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; &lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;답변 스타일:&lt;/strong&gt; 논리적, 구조적 (템플릿 유리)&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt;⚡&lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;준비 전략:&lt;/strong&gt; 단기 암기 및 템플릿 숙달&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; ‍ &lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;추천 대상:&lt;/strong&gt; 정해진 틀이 편한 '모범생' 타입&lt;/div&gt;&lt;/li&gt;
                                &lt;/ul&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;border border-gray-200 rounded-lg p-6 md:p-8&quot;&gt;
                                &lt;h3 class=&quot;text-2xl md:text-3xl font-bold text-center mb-6 text-orange-600&quot;&gt;OPIc&lt;/h3&gt;
                                &lt;ul class=&quot;space-y-5 text-base md:text-lg&quot;&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; ️&lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;시험 성격:&lt;/strong&gt; 일상 회화 (Casual Talk)&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; &lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;문제 유형:&lt;/strong&gt; 개인 맞춤형 12-15문제&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt;✈️&lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;주요 주제:&lt;/strong&gt; 취미, 여가, 여행, 가족, 돌발상황&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; &lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;답변 스타일:&lt;/strong&gt; 자연스러움, 풍부한 표현 (이야기 전달)&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt;⏳&lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;준비 전략:&lt;/strong&gt; 꾸준한 연습과 순발력 훈련&lt;/div&gt;&lt;/li&gt;
                                    &lt;li class=&quot;flex items-start&quot;&gt;&lt;span class=&quot;mr-4 text-2xl&quot;&gt; &lt;/span&gt;&lt;div class=&quot;keep-all&quot;&gt;&lt;strong class=&quot;font-semibold text-gray-800&quot;&gt;추천 대상:&lt;/strong&gt; 자유롭게 말하는 '수다쟁이' 타입&lt;/div&gt;&lt;/li&gt;
                                &lt;/ul&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div id=&quot;levels&quot; class=&quot;content-section&quot;&gt;
                         &lt;p class=&quot;mb-10 text-center text-base md:text-lg text-gray-600 keep-all&quot;&gt;두 시험의 레벨과 점수 체계를 비교해보고, 현실적인 목표를 설정해 보세요. 토익스피킹 차트에 마우스를 올려 각 레벨의 상세 정보를 확인할 수 있습니다.&lt;/p&gt;
                        &lt;div class=&quot;grid md:grid-cols-2 gap-8 md:gap-12 items-start&quot;&gt;
                            &lt;div&gt;
                                &lt;h3 class=&quot;text-xl md:text-2xl font-bold text-center mb-6 text-teal-600&quot;&gt;TOEIC Speaking 레벨 분포&lt;/h3&gt;
                                &lt;div class=&quot;chart-container w-full max-w-lg mx-auto p-4&quot;&gt;
                                    &lt;canvas id=&quot;toeicLevelChart&quot;&gt;&lt;/canvas&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div&gt;
                                &lt;h3 class=&quot;text-xl md:text-2xl font-bold text-center mb-6 text-orange-600&quot;&gt;OPIc 레벨 체계&lt;/h3&gt;
                                &lt;div class=&quot;bg-orange-50 border border-orange-200 rounded-lg p-6 space-y-4 text-base md:text-lg&quot;&gt;
                                    &lt;div class=&quot;p-4 bg-white rounded-md shadow-sm keep-all&quot;&gt;&lt;strong&gt;Advanced Low (AL):&lt;/strong&gt; 대부분의 응시자가 목표로 하는 최상위 레벨&lt;/div&gt;
                                    &lt;div class=&quot;p-4 bg-white rounded-md shadow-sm keep-all&quot;&gt;&lt;strong&gt;Intermediate High (IH):&lt;/strong&gt; 유창하고 논리적인 의사소통 가능&lt;/div&gt;
                                    &lt;div class=&quot;p-4 bg-white rounded-md shadow-sm keep-all&quot;&gt;&lt;strong&gt;Intermediate Mid (IM):&lt;/strong&gt; 일상적인 주제에 대해 무리 없이 대화 가능&lt;/div&gt;
                                    &lt;div class=&quot;p-4 bg-white rounded-md shadow-sm keep-all&quot;&gt;&lt;strong&gt;Intermediate Low (IL):&lt;/strong&gt; 제한적이지만 의사 전달 가능&lt;/div&gt;
                                    &lt;div class=&quot;p-4 bg-white rounded-md shadow-sm keep-all&quot;&gt;&lt;strong&gt;Novice High/Mid/Low:&lt;/strong&gt; 기초 단계&lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    
                    &lt;div id=&quot;quiz&quot; class=&quot;content-section&quot;&gt;
                        &lt;div class=&quot;text-center&quot;&gt;
                            &lt;h2 class=&quot;text-2xl md:text-3xl font-bold text-blue-800 mb-2&quot;&gt;나에게 딱 맞는 시험 찾기&lt;/h2&gt;
                            &lt;p class=&quot;mb-10 text-base md:text-lg text-gray-600 keep-all&quot;&gt;아래 두 가지 질문에 답하고, 당신의 성향에 더 유리한 시험을 추천받아 보세요!&lt;/p&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;space-y-10&quot;&gt;
                            &lt;div id=&quot;quiz-q1&quot;&gt;
                                &lt;p class=&quot;text-xl md:text-2xl font-semibold text-center mb-6&quot;&gt;Q1. 당신은 어떤 스타일의 답변을 더 선호하시나요?&lt;/p&gt;
                                &lt;div class=&quot;grid md:grid-cols-2 gap-6&quot;&gt;
                                    &lt;div class=&quot;quiz-card cursor-pointer border-2 border-gray-200 bg-white shadow-sm rounded-lg p-8 text-center&quot; data-quiz=&quot;q1&quot; data-value=&quot;toeic&quot;&gt;
                                        &lt;div class=&quot;text-5xl mb-3&quot;&gt; &lt;/div&gt;
                                        &lt;h4 class=&quot;font-bold text-xl&quot;&gt;구조적인 답변&lt;/h4&gt;
                                        &lt;p class=&quot;text-gray-600 keep-all&quot;&gt;정해진 템플릿에 맞춰 논리적으로 말하는 것이 편해요.&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;quiz-card cursor-pointer border-2 border-gray-200 bg-white shadow-sm rounded-lg p-8 text-center&quot; data-quiz=&quot;q1&quot; data-value=&quot;opic&quot;&gt;
                                        &lt;div class=&quot;text-5xl mb-3&quot;&gt; &lt;/div&gt;
                                        &lt;h4 class=&quot;font-bold text-xl&quot;&gt;자유로운 대화&lt;/h4&gt;
                                        &lt;p class=&quot;text-gray-600 keep-all&quot;&gt;주제에 따라 즉흥적으로 자연스럽게 이야기하는 게 좋아요.&lt;/p&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div id=&quot;quiz-q2&quot;&gt;
                                &lt;p class=&quot;text-xl md:text-2xl font-semibold text-center mb-6&quot;&gt;Q2. 당신의 주요 학습 목표는 무엇인가요?&lt;/p&gt;
                                &lt;div class=&quot;grid md:grid-cols-2 gap-6&quot;&gt;
                                     &lt;div class=&quot;quiz-card cursor-pointer border-2 border-gray-200 bg-white shadow-sm rounded-lg p-8 text-center&quot; data-quiz=&quot;q2&quot; data-value=&quot;toeic&quot;&gt;
                                        &lt;div class=&quot;text-5xl mb-3&quot;&gt;⚡&lt;/div&gt;
                                        &lt;h4 class=&quot;font-bold text-xl&quot;&gt;단기간 점수 획득&lt;/h4&gt;
                                        &lt;p class=&quot;text-gray-600 keep-all&quot;&gt;빠른 시일 내에 비즈니스용 점수를 만드는 게 중요해요.&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;quiz-card cursor-pointer border-2 border-gray-200 bg-white shadow-sm rounded-lg p-8 text-center&quot; data-quiz=&quot;q2&quot; data-value=&quot;opic&quot;&gt;
                                        &lt;div class=&quot;text-5xl mb-3&quot;&gt; ️&lt;/div&gt;
                                        &lt;h4 class=&quot;font-bold text-xl&quot;&gt;실질적인 회화 능력&lt;/h4&gt;
                                        &lt;p class=&quot;text-gray-600 keep-all&quot;&gt;점수보다는 실제 회화 실력을 향상시키는 데 관심이 많아요.&lt;/p&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;

                        &lt;div id=&quot;quiz-result&quot; class=&quot;hidden mt-16 p-8 md:p-10 bg-blue-50 border-2 border-blue-200 rounded-xl text-center&quot;&gt;
                            &lt;h3 class=&quot;text-2xl md:text-3xl font-bold text-blue-900 mb-4&quot;&gt;당신을 위한 추천!&lt;/h3&gt;
                            &lt;p id=&quot;result-text&quot; class=&quot;text-lg md:text-xl leading-relaxed keep-all&quot;&gt;&lt;/p&gt;
                        &lt;/div&gt;

                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/section&gt;
            
            &lt;footer class=&quot;text-center mt-16 py-8 border-t&quot;&gt;
                &lt;p class=&quot;text-gray-600 keep-all&quot;&gt;이 가이드가 여러분의 성공적인 영어 학습 여정에 도움이 되기를 바랍니다.&lt;/p&gt;
            &lt;/footer&gt;
        &lt;/main&gt;
    &lt;/div&gt;

    &lt;script&gt;
        document.addEventListener('DOMContentLoaded', function () {
            const tabs = document.querySelectorAll('.tab-btn');
            const contents = document.querySelectorAll('.content-section');

            tabs.forEach(tab =&gt; {
                tab.addEventListener('click', () =&gt; {
                    tabs.forEach(item =&gt; item.classList.remove('active'));
                    tab.classList.add('active');

                    const target = tab.getAttribute('data-tab');
                    contents.forEach(content =&gt; {
                        content.classList.remove('active');
                        if (content.id === target) {
                            content.classList.add('active');
                        }
                    });
                });
            });

            const toeicData = {
                labels: ['Novice', 'IL', 'IM 1-3', 'IH', 'AL', 'AM', 'AH'],
                scores: [80, 20, 30, 20, 20, 20, 10], 
                descriptions: [
                    '0-80점: 기초 단계',
                    '90-100점: 제한적인 소통 가능',
                    '110-130점: 기본적인 의사소통 가능',
                    '140-150점: 일반적인 기업 채용 시 요구되는 레벨',
                    '160-170점: 대부분의 기업에서 선호하는 상위 레벨',
                    '180-190점: 유창하고 논리적인 소통 가능',
                    '200점: 원어민 수준의 최상위 레벨'
                ]
            };

            const toeicChartCtx = document.getElementById('toeicLevelChart').getContext('2d');
            new Chart(toeicChartCtx, {
                type: 'bar',
                data: {
                    labels: toeicData.labels,
                    datasets: [{
                        label: '토익스피킹 레벨별 점수 범위',
                        data: toeicData.scores,
                        backgroundColor: [
                            '#d1fae5', '#a7f3d0', '#6ee7b7', '#34d399', '#10b981', '#059669', '#047857'
                        ],
                        borderColor: '#064e3b',
                        borderWidth: 1
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    indexAxis: 'y',
                    scales: {
                        x: {
                            display: false,
                        },
                        y: {
                            ticks: {
                                font: {
                                    size: 14
                                }
                            },
                            beginAtZero: true
                        }
                    },
                    plugins: {
                        legend: {
                            display: false
                        },
                        tooltip: {
                            yAlign: 'center',
                            xAlign: 'left',
                            caretPadding: 10,
                            displayColors: false,
                            titleFont: {
                                size: 16
                            },
                            bodyFont: {
                                size: 14
                            },
                            callbacks: {
                                label: function(context) {
                                    let label = context.dataset.label || '';
                                    if (label) {
                                        label = '';
                                    }
                                    const index = context.dataIndex;
                                    label += toeicData.descriptions[index];
                                    return label;
                                }
                            }
                        }
                    }
                }
            });

            const quizCards = document.querySelectorAll('.quiz-card');
            const quizResult = document.getElementById('quiz-result');
            const resultText = document.getElementById('result-text');
            const userChoices = { q1: null, q2: null };

            quizCards.forEach(card =&gt; {
                card.addEventListener('click', () =&gt; {
                    const question = card.dataset.quiz;
                    const value = card.dataset.value;
                    userChoices[question] = value;
                    
                    document.querySelectorAll(`[data-quiz=&quot;${question}&quot;]`).forEach(c =&gt; c.classList.remove('selected'));
                    card.classList.add('selected');

                    if (userChoices.q1 &amp;&amp; userChoices.q2) {
                        showResult();
                    }
                });
            });

            function showResult() {
                let toeicScore = 0;
                let opicScore = 0;

                if (userChoices.q1 === 'toeic') toeicScore++; else opicScore++;
                if (userChoices.q2 === 'toeic') toeicScore++; else opicScore++;

                let resultHTML = '';
                if (toeicScore &gt; opicScore) {
                    resultHTML = `&lt;strong class=&quot;text-teal-600 text-xl md:text-2xl&quot;&gt;TOEIC Speaking&lt;/strong&gt;을 추천합니다! &lt;br&gt;&lt;br&gt; 당신은 정해진 구조 안에서 논리적으로 답변하는 것에 강점을 보이며, 단기간에 목표 점수를 달성하고자 하는 성향이 강합니다. 토익스피킹의 템플릿 기반 학습이 좋은 결과를 가져올 거예요.`;
                } else if (opicScore &gt; opicScore) {
                    resultHTML = `&lt;strong class=&quot;text-orange-600 text-xl md:text-2xl&quot;&gt;OPIc&lt;/strong&gt;을 추천합니다! &lt;br&gt;&lt;br&gt; 당신은 자유로운 분위기에서 순발력 있게 대화하는 것을 즐기며, 실질적인 회화 능력 향상에 더 큰 가치를 둡니다. 오픽의 개인 맞춤형 질문들이 당신의 실력을 마음껏 뽐내게 해줄 거예요.`;
                } else {
                     resultHTML = `당신은 두 시험의 장점을 모두 활용할 수 있는 잠재력을 가지고 있습니다! &lt;br&gt;&lt;br&gt; &lt;strong class=&quot;text-teal-600&quot;&gt;TOEIC Speaking&lt;/strong&gt;으로 빠르게 목표 점수를 확보한 뒤, &lt;strong class=&quot;text-orange-600&quot;&gt;OPIc&lt;/strong&gt;으로 회화 실력을 한 단계 더 업그레이드하는 장기적인 플랜을 세워보는 것은 어떨까요?`;
                }
                
                resultText.innerHTML = resultHTML;
                quizResult.classList.remove('hidden');
                quizResult.scrollIntoView({ behavior: 'smooth', block: 'center' });
            }
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</description>
      <category>#토익스피킹 #오픽 #토스오픽비교 #취준생 #영어스펙 #취업준비</category>
      <author>인생잡아게티</author>
      <guid isPermaLink="true">https://jc47.tistory.com/3</guid>
      <comments>https://jc47.tistory.com/3#entry3comment</comments>
      <pubDate>Sat, 19 Jul 2025 18:48:37 +0900</pubDate>
    </item>
  </channel>
</rss>