Aaron[에런]/회사5 [회사 제안 #5] 리액트 라이브러리 - react-hook-form React에서 로그인이나 form의 여러 input 요소들을 처리할 때 여러 이벤트를 달면서 input 요소 하나 하나 useState 훅으로 덕지덕지 추가하면 이후에 관리하기가 너무 불편해집니다. 대안으로 보통 input 태그의 name 속성을 활용하여 useState 하나로 name들의 묶음으로 객체 형태로 초기화시켜서 처리하는데, validator 등 여러 파일들을 분리해서 하나 하나 만들어서 또 관리해야합니다. 그래서 form 관련해서 여러 react library들이 있는데, react-hook-form이 최근에 제일 잘나가는 것 같습니다. 여러모로 장점들이 많은데, 코드가 직관적이고 간결하며, 불필요한 리렌더링 최소화, ts 지원 etc. 그때 그때 상황에 따라 form을 어떻게 처리할지 조금.. 2022. 5. 1. [회사 제안 #4] 리액트 라이브러리 - recoil recoil 이라고 하는 React 기반 state management library 입니다. 2년 전에 페이스북 엔지니어들에 의해 개발되었는데, useState 훅스를 사용하는 것처럼 코드들이 함수형 컴포넌트를 사용하는 리액트 훅스같은 느낌이 들고 러닝 커브도 적고 코드가 상당히 간결합니다. (setup 시간 소요 x) 캐싱도 지원하고 suspense, 동시성 지원, 미들웨어 필요없음 등 여러 특징이 있다고는 하는데 나중에 기회되면 한 번 써봐도 재밌을 것 같습니다. [Reference] - How to Use Recoil for State Management in Your React Projects 2022. 5. 1. [회사 제안 #3] 재사용 컴포넌트, 훅 등 회사의 asset으로 archiving 활용 여러 프로젝트를 하면서 재사용되는 컴포넌트나 훅들을 따로 관리하면 좋을 것 같습니다. 예를 들어 Vue.js 같은 경우에는 custom directive, mixin, plugin 등 어느 프로젝트에서나 공통적으로 사용될 수 있는 것들, 그리고 React.js 같은 경우에도 커스텀 훅, 재사용 컴포넌트를 프로젝트 할 때마다 필요한 경우 설계하면서 만든 것들을 따로 아카이브 형식으로 모아두면 나중에 어떤 프로젝트를 하든지 빠르게 모듈처럼 가져다 사용할 수 있습니다. 또한 좋은 설계와 컴포넌트들은 학습에도 유용할거라 생각됩니다. 앞으로 자체 서비스를 개발할 때에도 MVP의 빠른 개발에 도움이 되고, 이후 개발팀의 큰 자산이 될 수 있을 것이라 생각합니다. 2022. 5. 1. [회사 제안 #2] Git Flow & Git commit convention git flow 관련해서 제 생각을 함께 공유해보려고 합니다. 앞으로 회사의 규모가 scale-up 되면 협업 시에 git 관련 회사 규칙이나 commit 컨벤션 등이 중요할 거라 생각합니다. 우선 git flow는 아시는 분이 많이 있으시겠지만 master와 develop 브랜치 2개가 주축이 되어서 기능별로 feature 브랜치를 따서 작업을 하게 됩니다. feature 브랜치 작업을 완료해서 finish를 하면 develop 브랜치에 merge가 되고, 이후 v0.1.0 과 같은 형식으로 release 브랜치를 따서 태그를 가지고 master 브랜치에 배포를 하는 방식으로 진행되는데, 이 때 배포에 있어서 태그로도 관리가 되어 언제나 치명적인 버그가 발생하면 이전 태그로 빠르게 reset하고 이후 .. 2022. 5. 1. 이전 1 2 다음 반응형