이제 코드의 AuthTemplate이란 말을 모두 ${TM_FILENAME_BASE}로 대체하세요. 이는 확장자를 제외한 파일 이름을 의미합니다. 컴포넌트의 주석도 지우세요.

import React from 'react';
import styled from 'styled-components';

const ${TM_FILENAME_BASE}Block = styled.div``;

const ${TM_FILENAME_BASE} = () => {
return (
  <${TM_FILENAME_BASE}Block>
    
  </${TM_FILENAME_BASE}Block>
);
};

export default ${TM_FILENAME_BASE};

이렇게 코드를 작성한 뒤 상단에 Snippet의 설명(Description...)과 줄임 단어(Tab trigger...)를 입력합니다. 설명 부분에는 ‘Styled React Functional Component’라고 입력하고, 줄임 단어에는 ‘srfc’라고 입력하세요.