“Parsing error: Identifier expected.” 해결하기

🔥 TypeScript Optional Chaining에서 흔히 발생하는 오류

“Parsing error: Identifier expected.” 해결하기

TypeScript / ESLint를 사용하다 보면 다음과 같은 에러를 경험하는 경우가 많다.

 

Parsing error: Identifier expected.

처음 보면 무슨 말인지 감이 안 오는 에러지만, 대부분은 문법적으로 잘못된 optional chaining 사용 때문에 발생한다.
이번 글에서는 실제로 흔하게 발생하는 상황을 쉽게 정리해보겠다.

---

❌ 잘못된 코드 예시

예를 들어 API 응답을 받은 뒤 배열의 첫 번째 값을 안전하게 접근하려고 이렇게 사용할 때가 있다:

 

const items = response?.data.map((v) => v.name); const firstItem = items?[0]; // ❌ Syntax Error

겉보기에는 맞는 것 같지만, items?[0] 는 TypeScript 문법이 아니다.
그래서 ESLint는 parsing error를 던진다.

 

Parsing error: Identifier expected.

---

🔍 왜 오류가 발생할까?

JavaScript / TypeScript의 optional chaining 문법은 정해진 형태가 있다.

• 객체 접근 → obj?.value
• 함수 호출 → fn?.()
• 배열 접근 → arr?.[0]

즉, 배열 인덱스를 optional chaining으로 접근할 때는 반드시 .?[0]이 아니라 ?.[0] 형태여야 한다.

그래서 obj?[0] 와 같은 코드는 문법적으로 완전히 잘못된 코드다.

파서는 ? 다음에 올바른 식별자(identifier)가 오지 않으니 문법 오류를 발생시키는 것이다.

---

✅ 올바른 코드

 

const items = response?.data.map((v) => v.name); const firstItem = items?.[0]; // ⭕ 정상 동작

이렇게 작성해야 TypeScript가:

• items가 undefined면 → undefined 반환
• items가 배열이면 → 첫 번째 요소 반환

으로 동작한다.

---

🧩 더 안전하게 null 값도 처리하고 싶다면?

API 응답이 null을 포함할 수 있다면 ??를 함께 사용해 안전성을 강화할 수 있다.

 

const firstItem = items?.[0] ?? '';

이 경우:

• items가 undefined → ''
• items가 [] → ''
• items[0]이 null → ''
• items[0]이 string → 그대로 반환

---

🔎 요약

상황의미

❌ arr?[0]	TypeScript 문법 오류 → Parsing error 발생
✔ arr?.[0]	올바른 optional chaining 배열 접근
✔ arr?.[0] ?? ''	undefined/null 대비까지 안전하게 처리

---

🎯 결론

“Parsing error: Identifier expected.” 에러는 대부분 optional chaining 문법을 잘못 사용했을 때 발생한다.
특히 배열 접근 시 문법이 까다로운데, 정답은 다음 한 줄이다.

arr?.[0]

이걸 기억하면 앞으로 동일한 문제로 고생할 일이 없다.