처음보는 확장자인데?

이번에 하고 있는 팀프로젝트에서 사용하고 있는 프론트엔드 툴이 React인데 다른 개발자 분의 코드를 보던중 .jsx라는 확장자명을 보게 되었다.

항상 .js만 썼던 나로써는 어떤 다른 점이 있나 싶었다.

그래서 검색해서 정보를 찾아보았다.

구분을 위한 확장자

찾아보니 생각보다 큰 의미를 지닌 확장자는 아닌 것 같았다.
일단 ReactJS는 컴파일 과정에서 결국 일반 JS코드로 변환되기 때문에 React코드의 확장자가 js이거나 jsx인건 크게 상관이 없다는 것이다.

그렇기 때문에 .js를 쓰거나 .jsx를 쓰는 것은 사용하는데 있어 일관성만 유지하면 된다.

예를 들면 메인 컨테이너가 될 React코드의 파일은 .jsx를 사용하고, 그 외 JS코드의 작성은 .js를 사용하는 식으로?

전엔 js확장자만 썼는데 확실히 jsx로 구분을 지어주니 보다 쉽게 파일이 구분되는 것 같다.

앞으로 나도 습관적으로 구분해서 사용해야겠다.

• 참고: https://www.codeit.kr/community/threads/37709