728x90 c.c46 71. 폼 라이브러리 이름이 왜 폼? formik 함수형이 나오면서 생긴 React-hook-form 제어 컴포넌트 = redux-form, formik… = 입력할 때마다 state가 바뀌는 형태 비제어 컴포넌트 = react-hook-form =입력할 때마다 state가 바뀌지 않는 형태 = 성능이 빠르다 안녕하세요 안, 안녕 까지만 입력을 해도 state에 저장이 된다 isActive같이 버튼 색을 변경하는 것 = 제어 컴포넌트가 들어간다 텍스트가 많은 데이터는 성능이 많을 수 있기 때문에 = 비제어 컴포넌트를 사용한다 yarn add react-hook-form form안에 버튼의 주의사항 타입을 reset으로 하면 form안에 있는 것이 초기화된다 state가 지워지지는 않는다 타입을 submit으로 하면 네모친 곳.. 2023. 2. 25. 70. 비회원 장바구니 구현 원래는 id를 사용했었는데 지금은 HOF을 사용한 것 이렇게 하면 이상하게 나와서 이렇게 적어야 한다 여기까지 담기 처음에는 아무것도 없으니 “[]” 빈 배열을 만든 것 한번 담은 것은 뺄 수 있도록 만든 것 Pick Omit 2023. 2. 25. 69. HOC와 권한분기 이름은상관없음 화살표함수로 하면? 추가하면? 폴더 이름에 with가 있으면 hoc가 있구나~ 라고 보면 됨 2023. 2. 24. 68. 권한 분기와 HOF / HOC 로그인 된 사람 / 안된 사람이 볼 수 있는 페이지 권한분기 및 관리자서비스 구조도 이해 dependency array = 의존성 배열 로그인 후 페이지 이동 component에는 안해도 된다는 것 많은 페이지에 다 복사를 했는데 수정 요청이 와서 또 많은 페이지를 수정? == 해결방법 2가지 HOC 만들어서 사용 - 먼저 실행되는 것 - Higher Order Component - 클래스형(함수형 가능) costom hooks 만들어서 사용 (useAuth) - 함수형 클로저 closure 스택 = 리포구조 Last-In First-Out First-In Last-Out 큐 = 피포구조 First-In First-Out Last-In Last-Out 클로저가 2개 생기면? 접근 안되는 구간 = TDZ .. 2023. 2. 24. 67. access Token의 저장과 next.js의 렌더링 원리 새로고침하면 모두 날라간다 그래서 새로고침을 할 때 if (result) = result가 있으면 AccessToken 넣어줘~ 이렇게 넣고 새로고침을 하면 다시 실행이 될텐데, 로컬스토리지에 엑세스 토큰 저장된게 있으면 꺼내서 Recoil에 넣어줘~ 라는 코드 localStorage가 없다고 나온다 다른 방법으로 버튼을 누를때는 잘 된다 이 코드를 가지고 다시 그대로 붙여넣고 하면? diffing과 hydration을 활용한 next.js 렌더링 원리 처음에 프론트엔드에서 서버에서 렌더링(프리렌더링)을 하고 브라우저에 해당 코드를 그리게 되어서 화면에 나타나는 것 브라우져에서 그린 내용과 프리렌더링 해서 받은 내용을 비교하는 과정 = diffing = 차이점을 본다는 것 => 비교하고 최종적으로 완벽하.. 2023. 2. 23. 66. 인증과 인가 accessToken Recoil에 저장하기 - 인증과정 어떤 타입인지 모를 때 나타나는 것 스코프체인 주변에 없으면 위로 올라가서 찾는다 Recoil에 저장된 accessToken header에 연동하기(인가과정) 컴퓨터 사이언스 공부는 평생 해야한다 2023. 2. 23. 이전 1 2 3 4 5 6 7 8 다음 728x90
