[자바스크립트] js vs jsx ? 확장자 뭐가 다르지?

 

리액트 프로젝트를 새로 만들 기회가 있어서 어떤 라이브러리를 써야하나 라며 고민하다가 타입스크립트는 배제하게 되었고 그 안에서도 

js 와 jsx  둘 중에 뭐가 더 낫나? 뭐가 다르지? 라는 의문이 들었다. 맨날 누가 쓰는거 그대로 쓰고 jsx가 자바스크립트의 확장문법이라는 정도만 알았다. 그렇다보니 문법도 크게 다르지 않고 정확한 차이점을 알지 못 했다. 

 

 

jsx

javascript 의 확장 문법

자바스크립트 안에서 HTML 문법을 사용할 수 있다. 

주로 리액트 같은 프론트엔드 프레임워크에서 사용이 가능하다

 

 

 

사실, 논쟁이 있긴하지만 js나 jsx나 크게 차이가 없다는 점에서 중요한 점이 아니라는 의견도 지배적이다. jsx를 쓰면 ui적인 면에서 직관적으로 쓸 수 있다는 정도? 순수한 js가 아니라는 점~ 팀 워크가 들어가는 업무에서는 협의가 필요하다는 정도. 

기능상에서는 크게 차이점이 없다. 다만 리액트에서 jsx를 쓸 경우 에러 및 경고 메세지를 표시할 수 있게 해준다고합니다. 

리액트는 jsx를 쓰는게 더 좋은 듯한 늬앙스이네요. 

 

 

 

 

ps. 그나저나 한참 타입스크립트 쓸 때는 타입 명시해주는게 너무 귀찮았는데, 새로 시작한 프로젝트에서 타입스크립트를 안 쓰니깐 너무 그립네요 ㅠㅠ.... 귀찮았어도 디버깅하고 에러찾는데 최고인 타입스크립트... 리액트 + 타입스크립트 꿀조합....