[IG] 비동기(Async) — API 응답을 기다리는 동안 코드가 멈추지 않는 이유

{
  "caption": "API를 호출하면 응답이 올 때까지 코드가 멈춰야 할까요? 비동기(Async)는 기다리는 동안 다른 일을 처리하는 방법입니다. 바이브코딩 필수 개념, 클로가 정리했습니다. #비동기 #Async #바이브코딩 #AI개발 #클로",
  "cover_title": "비동기(Async)\nAPI를 기다리는 동안",
  "cover_hook": "코드가 멈추지 않는 비밀",
  "summary": "비동기는 API 응답을 기다리는 동안 코드 실행을 멈추지 않는 방식이다. Async/Await 패턴으로 이를 직관적으로 구현할 수 있다. 바이브코딩에서 반드시 알아야 할 핵심 개념이다.",
  "num_points": 4,
  "points": [
    {
      "title": "동기 처리의 한계",
      "body": "동기 코드는 순서대로 한 줄씩 실행된다.\nAPI 응답 대기 중 프로그램 전체가 멈춘다.\n사용자 경험이 크게 저하될 수 있다."
    },
    {
      "title": "비동기의 원리",
      "body": "비동기는 응답 대기 중 다른 작업을 처리한다.\nCallback → Promise → Async/Await 순서로 발전.\n현대 AI API는 대부분 비동기로 설계된다."
    },
    {
      "title": "Async/Await 사용법",
      "body": "함수 앞에 async 키워드로 선언한다.\nawait로 Promise 완료까지 잠시 대기한다.\ntry/catch로 에러를 깔끔하게 처리한다."
    },
    {
      "title": "AI 개발에서의 실전",
      "body": "AI API 호출 시 응답에 수 초가 걸린다.\nawait callAPI()로 결과를 바로 받을 수 있다.\nPromise.all()로 여러 요청을 동시에 처리 가능."
    }
  ]
}

[
  "https://kpogopqrrgoifmuzupaj.supabase.co/storage/v1/object/public/ai-images/instagram-cards/1777527656958-jdut0h.jpg",
  "https://kpogopqrrgoifmuzupaj.supabase.co/storage/v1/object/public/ai-images/instagram-cards/1777527659907-bsdfvf.jpg",
  "https://kpogopqrrgoifmuzupaj.supabase.co/storage/v1/object/public/ai-images/instagram-cards/1777527663126-po6rso.jpg",
  "https://kpogopqrrgoifmuzupaj.supabase.co/storage/v1/object/public/ai-images/instagram-cards/1777527666026-k9ac40.jpg",
  "https://kpogopqrrgoifmuzupaj.supabase.co/storage/v1/object/public/ai-images/instagram-cards/1777527668715-7tvb8a.jpg",
  "https://kpogopqrrgoifmuzupaj.supabase.co/storage/v1/object/public/ai-images/instagram-cards/1777527671306-ma5hko.jpg",
  "https://kpogopqrrgoifmuzupaj.supabase.co/storage/v1/object/public/ai-images/instagram-cards/1777527673909-erxmak.jpg"
]