Closed Arsture closed 3 years ago
기완님께서 만들어주신 예시답안에 컴포넌트 파일확장자가 jsx인데 파일확장자 js랑 기능적으로 어떤 차이가 있는지 궁금합니다!
예시답안을 보다 궁금해졌습니다! 아래 캡쳐에서 보실 수 있듯이 jsx 파일확장자도 js와 문법이 똑같은 것 같아서(import ~~, const Divider = () => ~~, export ~~) 어떤 점이 다른지 궁금합니다.
import ~~
const Divider = () => ~~
export ~~
엄밀히 따지고 보면, 아무런 차이도 없습니다. 리액트는 js의 라이브러리 중 하나일 뿐이므로, 어떠한 확장자를 사용하더라도 동일한 결과를 냅니다.
단, 클린 코드를 지향하기 때문에, plain javascript 가 아닌 jsx 는 .jsx 파일에 넣어 놨을 뿐이에요. 확장자만 보고도 이 파일이 컴포넌트인지 util인지를 구분하기 위함이었습니다.
.jsx
아하 넵 감사합니당!
요약
기완님께서 만들어주신 예시답안에 컴포넌트 파일확장자가 jsx인데 파일확장자 js랑 기능적으로 어떤 차이가 있는지 궁금합니다!
상황
예시답안을 보다 궁금해졌습니다! 아래 캡쳐에서 보실 수 있듯이 jsx 파일확장자도 js와 문법이 똑같은 것 같아서(
import ~~
,const Divider = () => ~~
,export ~~
) 어떤 점이 다른지 궁금합니다.문제 내용