[Feature/BAR-88] Plop.js를 이용한 템플릿 파일 생성

[dmswl98]

Summary

구현 내용 및 작업한 내역을 요약해서 적어주세요

• plop 설치
• plop 동작 설정
• template 파일(tsx, stories.tsx, style.css.ts) 정의

To Reviewers

PR을 볼 때 주의깊게 봐야하거나 말하고 싶은 점을 적어주세요

• 공통 컴포넌트에만 스토리북 파일을 생성하기로 논의되었기에, 스토리북 파일은 선택적으로 생성할 수 있도록 설정해두었어요.
• 대략적으로 template 파일들을 정의해두었으나 추가하거나 제거해야 할 코드가 있다면 코멘트 남겨주세요.

How To Test

PR의 기능을 확인하는 방법을 상세하게 적어주세요

pnpm install
pnpm template

plopfile.mjs 코드 설명

• CLI에 컴포넌트명을 어떤 표기법으로 작성하더라도 항상 PascalCase로 변환돼요.
• CLI에 컴포넌트명은 필수로 작성되어야 해요.
• 이미 존재하는 컴포넌트는 생성하지 않아요.
• stories.tsx 파일은 선택적으로 생성할 수 있어요.

2023-12-30.12.54.05.mov

[wonjin-dev]

👍🏼👍🏼👍🏼 명령어를단순화하는 것도 의논해보면 좋을것 같아요 :)

[miro-ring]

수고하셧습니다!!!ㅎㅎ

[dmswl98]

👍🏼👍🏼👍🏼 명령어를단순화하는 것도 의논해보면 좋을것 같아요 :)

선호하시거나 추천해주실 명령어가 있을까요?? 👀

generate-template에서 template으로 변경해두었습니다.

[dmswl98]

@wonjin-dev 드디어 해결했습니다!!! 😎

이슈

• 참고한 해결 이슈
• bash를 추가하면 해결되는 문제였습니다ㅎㅎ

{
  "*.{js,jsx,ts,tsx}": ["prettier --write", "eslint --fix"],
  "*.{ts,tsx}": "bash -c tsc --noEmit"
}