WebStorm(웹스톰) 리액트 문법 에러 해결

웹스톰으로 리액트 개발을 하려고 하다보면

 

문법이 맞지 않는다는 문구가 나온다.

 

대부분 VSCODE를 사용해서 그런지 구글링을해도 생각보다 정보가 많이 나오지않았다.

 

 

 

리액트 문법 에러 발생

웹스톰에서 리액트 문법에 에러가 발생하는 모습을 볼 수 있다.

 

 

 

해당 에러를 해결하기 위해 웹스톰의 Preferences...을 클릭해주자.

 

 

 

그러면 위와 같은 화면이 뜨는데 Languages & Frameworks ->JavaScript를 클릭해주자.

 

 

 

ECMAScript 6+로 설정되어 있는 부분을

 

React JSX로 바꿔주자.

 

 

 

설정하고 나오면 문법 체크에 걸리지 않는 모습을 볼 수 있다.