JSX 란?

JSX란 무엇일까?

 

JSX(JavaScript XML)는 JS에서 XML을 확장한 문법입니다.

 

JS 뿐 아니라 HTML를 동시에 작성할 수 있기때문에 .html, .css 파일을 따로 만들 필요가 없습니다.

최근에는 파일명을 jsx가 아닌 js만 작성해도 문제 없이 동작합니다.

 

typeScript는 ts 뿐아니라 tsx까지 적어서 파일을 구별해줘야 한다는 부분에서 js만 작성하는 것은 매우 유용한 것 같습니다.

 

아래 jsx 기본 작성 방법입니다.

export default function NewBoardPage() {

	//자바스크립트 작성 부분

	return (
    
    //html 작성 부분
    
    );
}

 

css도 해당 페이지에 직접 적용할 수 있으나, 가독성을 위해 또다른 페이지를 만들고 import 기능을 활용하여 꾸며줄 수 있습니다.