개탕 IT FACTORY

개요이번엔 React 템플릿을 만들어볼려고한다.기본적인 구조는 리액트 프로젝트를 따라갈건데 기초 패키지는 정하고 템플릿을 만들예정이다.TanStack Query (데이터 페칭)Zustand (상태 관리)Axios(API통신)React Router V7기본적으로 위 패키지는 기본장착을 할 예정이다스타일 부분은 tailwind, emotion, vanilla-extract 등이 고민되지만 (대세는 tailwind이긴하나…)사실 각 css 프레임워크 별로 나눠서 템플릿을 분기처리할까 생각중이다.또 테스트 라이브러리도 cypress, playwright 고민을 하엿으나, 대세는 playwright라고 하였다.(무엇보다 다양한 언어에 지원되는게 좋았던것같다.)환경구성my-monorepo-template/├── p..

개요점차 기본구성이 완성되고 있다.이번에는 config설정 마지막인 Typescript 설정 부분을 보겠다이부분도 아마 굉장히 쉬울 것이다. 기본 타입 스크립트만 적용할 것이고, 그외에는 오버라이드 구조로 프로젝트에 위임할 예정이다 환경구성my-monorepo-template/ ├── packages/│ ├── eslint-config/│ ├── prettier-config/│ ├── **tsconfig/**│ ├── react-template/│ └── nextjs-template/├── package.json└── pnpm-workspace.yaml기존 구조에서 packages/tsconfing 부분에 넣을예정이다초기설정패키지내부에 폴더랑 파일을 추가해 주도록한다 mkdi..

개요최근 사이드프로젝트를 구상하다 보니 막상 떠오른 프로젝트(?)인지 모르겠지만, 나만의 템플릿을 제작해 보면 어떨까? 라는 생각을 많이 하게 되었다.Nextjs나 React(vite) 템플릿을 보면 공식 문서에서 이미 만들어진 틀을 준다.사실 베이스부터 시작해서 입맛에 맞춰서 바꿔도 되지만, 아주 귀찮고 재미없는 일인건 알고 있다. 특히 일적으로 바쁜 회사에서 하나씩 뭐 넣고 하는 건 매우 비효율적 (커스텀 웹팩이나 아니면 전사 프로젝트로 진행한다면 다를 수도)그래서 나만의 템플릿 엔진을 제작해 보기로 하였다npx create 을 통해서 어디서든지 어느 컴퓨터든지 내가 만들어놓은 lint, prettier 설정 등을 활용할 수 있게 하는 것으로 제작해 볼까 한다.🚨본 글은 시리즈물로 제작예정입니다 한..