개발새발 로그

📖들어가며..React 프로젝트를 시작할 때 개발 환경을 구축하는데 보통 eslint나 prettier 설정은 인터넷에 검색해서 복붙을 하는 경향이 있었다.빨리 개발환경을 세팅하고 프로젝트를 진행하기 위해서였다. 이번에 프로젝트 개발 환경을 구축하면서 eslint와 prettier을 설치하고 세팅하면서"이게 무슨 역할을 하는 걸까?", "최소한 필요한 세팅은 어떻게 될까?" 를 생각하게됐고,이를 정리하고자 포스팅하게 되었다. ✨Vite로 React 설치하기나는 보통 vite를 사용한다.  Vite가 Webpack보다 빠르다..뭐다.. 하지만(현재 webpack은 또 발전해서 많이 빨라졌다고 한다.)개인적으로는 정말 편하다.간단한 프로젝트를 하기에 적합한 것 같다.npm create vite@latest..

📖들어가며..오랜만에 다시 리액트 패턴을 알아보려고 한다.여태 이것저것 하는게 너무 많아버려서..저번에는 HOC, 고차 컴포넌트에 대해서 알아보았다.고차컴포넌트에  여러 컴포넌트가 동일한 데이터나 동일한 로직을 포함해야 할 때 컴포넌트의 로직을 재사용할 수 있게 되면 편해질 수 있다는 것을 알았다. 컴포넌트를 재사용할 수 있는 다른 방법으로 Render Props Pattern이 있다고 한다.해당 패턴을 예시를 보면서 사용해보고 경험해보려고 한다.  👨‍💻 Render Props Pattern 아래 코드를 보자현재  InputText 컴포넌트에서 text상태를 관리하고 있다.input이 InputText 컴포넌트에 있기 때문에 보통 코드를 빠르게 작성하려고 한다면 이렇게 작성한다.  하지만 만약 V..