[javascript] 자바스크립트 뷰 프레임워크에서 템플릿 작성 방법은 어떤 것이 있나요?
예를 들어, React에서의 템플릿 작성은 JSX를 사용하여 다음과 같이 할 수 있습니다:
import React from 'react';
class MyComponent extends React.Component {
render() {
return (
<div>
<h1>Hello, World!</h1>
<p>This is a JSX template.</p>
</div>
);
}
}
또 다른 방법으로는 Vue.js의 경우 Single File Components(SFC)를 사용할 수 있습니다. 이는 .vue 확장자를 가진 파일 안에 템플릿, 자바스크립트, 스타일 등을 한 파일에 작성하여 컴포넌트를 정의하는 방식입니다.
<template>
<div>
<h1>Hello, World!</h1>
<p>This is a Vue Single File Component.</p>
</div>
</template>
이 외에도 Angular는 컴포넌트 기반의 템플릿을 사용하며, 다른 뷰 프레임워크들도 각자의 방식으로 템플릿을 작성하고 활용합니다.