• 로그인 구현

리액트 훅 폼 유효성

로그인회원가입 유효아이디 비번 서버측에서 한시간정도 재요청 refresh ⇒ page 이동시에만, 재요청하였음.

• 리코일 사용 이유

  hook형태라 사용이 쉬웟고 가벼운 상태관리로 성능상 좋앗다

  단기프로젝트용으로 좋앗다

• observer api window.height ⇒ window.height을 사용. 스크롤이벤트 최적화를 위한 throttling 적용

• lodash

• throttling: 정해진 시간 이외에는 일어나지 않게 하는것.

• debounce: 시간을 정해놓으면 지연시킨다는 의미. 자동완성 기능시에 바로 요청하는게 아니라 몇초동안 입력하지 않을 경우 요청하는것. 이번 프로젝트때 검색시 이용하였음.

• modal 구현: z-index를 조정하여 레이아웃 최상단에 위치하도록

• position 같은 클래스가 잇을수도 잇고요.. 아니면 transform opacity 부모의 z-index영향 등등

• 종속되지 않게 별도로 관리!

• 라이브러리로도 하고 직접해봣을때, 각각 장점?

• 라이브러리를 아무거나 사용했을때 검증된건지 알수잇는 지표가 없엇다. 그리고 라이브러리가 원하는 기능만 잇지 않을수도잇으므로, 좀더 가볍다는 장점이 잇다.

• 최적화

• 검색이나, 스크롤에서 throttling debouce로 과도한 이벤트 방지. Navbar 등 재렌더링 되는부분 useCallback react.memo 사용.

• 로그인 회원가입 등에도 useCallback등을 사용하였다.

• 개발자도구로 재랜더링, 과도한 이벤트 일어나는것 방지.

• input같은 경우는 useCallback