Actions formData 질문.

//!!첫번째 if문
 if (fileNames.length > 0) {
        fileNames.forEach((fileName) => {
            updatedFormData.append('fileNames', fileName);
        });
    }





    // Append all files to the new FormData object
//!! 두번째 if문
    const files = formData.getAll('files');
    if (files.length > 0) {
        files.forEach((file) => {
            console.log('----------------------------------', file);
            if (file instanceof File) {
                if (file.size > 0) {
                    updatedFormData.append('files', file);
                }
            }
        });
    }

첫번째 if문하고, 두번째 if문하고 역할이 각각 뭔지 알수있을까요? 비슷하면서 헷갈립니다