[ React ] 리액트 파일 확장자를 .js로 사용하는 것이 안 좋은가요?

리액트 프로젝트를 진행할 때, 파일 확장자를 `.js`로 할지, `.jsx`로 할지 고민한 적이 있으신가요? 사실, `.js` 확장자를 사용하는 것이 "안 좋은" 것은 아니지만, 상황에 따라 장단점이 존재합니다.

 

1.  ` .js ` 확장자를 사용할 때의 장점

---

통일된 확장자 관리

모든 자바스크립트 파일을 `.js`로 관리하면 프로젝트에서 일관된 확장자를 유지할 수 있어, 파일 구조가 간단해집니다.

 

기존 코드와의 호환성

기존에 작성된 자바스크립트 코드와 리액트 코드의 확장자를 일관되게 사용할 수 있어 유지보수에 용이합니다.

 

도구의 기본 지원

`.js` 확장자는 모든 코드 에디터에서 기본적으로 지원되며, 특별한 설정 없이도 JSX 구문을 잘 처리할 수 있습니다.

 

 2. `.js` 확장자를 사용할 때의 단점

---

가독성과 파일 구분

JSX가 포함된 파일과 일반 자바스크립트 파일을 구분하기 어렵습니다. 이는 코드 리뷰나 유지보수 시 혼란을 야기할 수 있습니다.

팀 협업 시 혼란

협업 중, 다른 개발자가 파일 내 JSX 구문을 인지하지 못해 코드 품질이 저하될 위험이 있습니다.

3. 결론: 상황에 맞는 선택이 중요

---

리액트 파일의 확장자를 `.js`로 할지, `.jsx`로 할지는 프로젝트와 팀의 상황에 따라 달라질 수 있습니다. 일관성을 원한다면 `.js`, 가독성을 중시한다면 `.jsx`를 선택하세요. 팀 규칙과 협업 환경을 고려해 결정하는 것이 가장 중요합니다.