리액트2 React-hook-form ( vs Formik ) 회사에서 새롭게 들어간 프로젝트에서 form 을 사용할일이 많아 react-hook-form 을 사용하기로 했다. 대표적인 form 라이브러리 중 하나인 formik 과 비교를 하며 정리를 해보았다. 1. react-hook-form 특징 1) re-render 의 최소화. - uncontrolled component 를 기반으로 ref 를 사용한다. - 상태로 관리하지 않는다. - e.target.value 와 같이 입력할때마다 필요한 onChange / onBlur 등 함수가 필요하지 않다. - formik, redux-form 과 달리, 구성요소를 분리하여 다른 구성요소가 다시 렌더링되는것을 방지해 성능을 향상시킬 수 있다. ( formik, redux-form 은 form 이 전달될 때 하위 구성.. 2022. 4. 9. [ 리액트 / 타입스크립트 ] 네이버 지도 API 시작하기 및 설치 (1) 회사에서 다음 프로젝트때 네이버 지도를 많이 이용한다고 해서 연습해본 네이버 지도 다뤄보기🌎 많이 사용될것 같은 기능 몇개만 리액트로 연습해보았다. 그 전에 어떻게 시작하는지 먼저 알아보자~~~~~ #1 ClientID / ClientSecret 발급받기 네이버 지도를 이용하기 위해 헤더/쿼리스트링에 넣을 clientID / clientSecret 코드를 받아야 한다. 네이버 클라우드 플랫폼에 이용신청하기 클릭! * 현재는 네비게이션 기능인 (경로검색) Directions 기능을 제외하고 전부 무료로 제공된다. 이용신청하기를 누른 후 콘솔로 이동하면 AI.NAVER API > Application > Application 등록 버튼을 클릭한다.으로 들어간다. 이때 마이페이지 > 결제수단 관리에서 결제수단.. 2022. 2. 5. 이전 1 다음
