// 가상의 API 함수들 (setTimeout으로 딜레이 모방)
const fetchUser = (id) => new Promise(resolve => {
  console.log(`[API] 유저 ${id} 정보 요청 중...`);
  setTimeout(() => resolve({ id, name: '개발자 민수' }), 1000);
});

const fetchPosts = (userId) => new Promise(resolve => {
  console.log(`[API] 유저 ${userId}의 게시글 요청 중...`);
  setTimeout(() => resolve(['React Promise 기초', '비동기 마스터하기']), 1500);
});

const fetchComments = (userId) => new Promise(resolve => {
  console.log(`[API] 유저 ${userId}의 댓글 요청 중...`);
  setTimeout(() => resolve(['좋은 글 감사합니다!', '도움이 되었습니다.']), 1000);
});

console.log('--- 데이터 로딩 시작 ---');
const userId = 1;

// 1. 유저 정보를 먼저 가져옵니다 (순차적)
fetchUser(userId)
  .then(user => {
    console.log('👤 유저 정보 로드 완료:', user.name);
    
    // 2. 유저 정보를 바탕으로 게시글과 댓글을 병렬로 요청 (Promise.all)
    console.log('⚡ 게시글과 댓글을 동시에 요청합니다 (Promise.all)');
    return Promise.all([
      fetchPosts(user.id),
      fetchComments(user.id)
    ]).then(([posts, comments]) => {
      return { user, posts, comments };
    });
  })
  .then(data => {
    console.log('✅ 모든 데이터 로드 완료!');
    console.log(`- 이름: ${data.user.name}`);
    console.log(`- 작성한 글: ${data.posts.join(', ')}`);
    console.log(`- 작성한 댓글: ${data.comments.join(', ')}`);
  })
  .catch(error => {
    console.error('에러 발생:', error);
  })
  .finally(() => {
    console.log('--- 데이터 로딩 종료 ---');
  });