728x90 분류 전체보기153 74. custom hooks commons - hooks - useAuth.tsx useAuth useAuth -> qqq로 바꿔도 되지만 권장하지 않는다 -> use를 쓰고 있으니 조심하세요~ 라는 뜻, 미리 사전에 알려주기 위함 다양한 custom hooks 만들어보기 useMoveToPage router.push~ 이런걸 매번 만들어야겠냐~ 이런 말 commons - hooks - useMoveToPage.tsx useMoveToPage 다른 곳에서 사용할 수 있도록 로그인이 안된 상태에서 결제페이지로 가면 로그인을 하라고 한다. 로그인 후 전 페이지로 가려면? qqq => path path를 글로벌스테이트에 저장하는 코드 작성 하나 더 만든다 useMoveToPage = 이 함수는 그냥 함수가 아닌 안에서 use를 쓰고 있는.. 2023. 3. 7. 73. 구조분해할당 구조분해할당 = 비구조화할당 중괄호, 대괄호의 차이점 school만 가지고 할당할 수 있다 child3만으로는 훈이를 받을 수 없다 child3이 앞으로 가기 때문에 철수가 된다 useQuery의 객체 비구조화할당 원리 qqq처럼 사용할 수 있다 원본을 건들지 말자! 2023. 3. 7. 스크롤 안보이게 하려면? ::-webkit-scrollbar { display: none; } 2023. 3. 4. 지식 보호되어 있는 글 입니다. 2023. 3. 2. 72. 검증 라이브러리와 공통컴포넌트 재사용 폼 라이브러리 / 검증 라이브러리 https://github.com/jquense/yup yarn add @hookform/resolvers yup schema = 구조 트리거 = 방아쇠 입력 완료되면 버튼 색상 변경 더 최적화를 하면? 공통 컴포넌트 재사용 여기서 더 줄일 것은 없지만 다른 곳에도 똑같이 사용하기 위해서 하는 것이고, 크리스마스 분위기로 바꿀 때도 한방이면 된다 type=“text”로 넘기는데 문제는 비밀번호는 password이다 password의 type을 password로 한다 !!!!!!!!!!!!!!!!!!!!! password로 바꿨지만 또 화살표를 보면 type=“text”라고 되어있다 !!!!!!!!!!!!!!!!!!!!! 받아오는 곳에는 type=“text”이 아닌 pro.. 2023. 2. 25. 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. 이전 1 ··· 7 8 9 10 11 12 13 ··· 26 다음 728x90
