// Рендерим стартовые карточки
let initialCards = []
let personalId
api
  .getCards()
  .catch(err => {
    console.log(err + ' && ' + 'Ошибка при получении карточек')
  })
  .then(result => {
    result.forEach(newCardData => {
      initialCards = [...initialCards, newCardData]
    })
    api
      .getUserData()
      .then(userData => {
        personalId = userData._id
        return userData._id
      })
      .then(personalId => {
        const initalSectionData = { items: initialCards, renderer: createCard, personalId: personalId }
        section = new Section(initalSectionData, cardContainerSelector)
        section.renderItems()
      })
    return initialCards
  })

 Promise.all([     //в Promise.all передаем массив промисов которые нужно выполнить
      api.getCards(),
      api.getUserData()
    ])
      .then((values)=>{    //попадаем сюда, когда оба промиса будут выполнены
         в values[0] - данные карточек
         в values[1] - данные пользователя
        ......................  //все данные получены, отрисовываем страницу
      })
      .catch((err)=>{     //попадаем сюда если один из промисов завершится ошибкой
        console.log(err);
      })