JSX 문법에서 {} 괄호 안에서 for 반복문을 사용할 수 없는 이유는 JavaScript에서 for 반복문은 전역 스코프에서 사용할 수 없기 때문이다. 그대신 map() 함수를 사용하여 배열을 렌더링하는 것이 권장된다.

그렇다면 왜 for 반복문은 전역스코프에서 사용할 수 없을까?

  자바스크립트에서 for 반복문을 전역 스코프에서 사용하지 못하는 이유는 for 반복문이 전역 스코프에서 실행될 경우, 전역 객체인 window에 새로운 변수를 생성하게 되는데 이는 일반적으로 원치 않는 현상이다.

 전역 변수는 코드가 커질수록 의도치 않은 결과를 초래할 수 있기 때문에 전역 변수를 사용하는 것은 권장하지 않는다. 대신 함수내부에서 for 반복문을 사용하면 스코프를 구분할 수 있어서 더 깔끔한 코드를 작성할 수 있다.