[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컴포넌트 기반의 템플릿을 사용하며, 다른 뷰 프레임워크들도 각자의 방식으로 템플릿을 작성하고 활용합니다.