728x90 c.c46 77. SPA와 CSR에 대한 이해기반 카카오 CSR 이슈 보완 전에 했던 것 클릭하면 안나옴 싱글 페이지 어플리케이션 router.push를 클릭해서 이동할 때는 서버에 접속해서 받아오는 것이 아니다 예전에는 페이지를 클릭할 때마다 페이지를 다운 받는다 = 멀티 페이지 어플리케이션 = MPA CSR 페이지 안에서 다른 페이지 클릭하면 나오는 것 html파일을 서빙한다 “너네 회사는 html 서빙 어떤걸로 해~?” Link태그 클라이언트 사이드 렌더링이 제공되는 그런 next의 페이지 이동 태그 Next.js 13부터 생략 _app에 카카오맵을 넣으면 비효율 그래서 오른쪽 화살표처럼 다운로드 받을 때 까지 기다린 다음 하자! 여기서 & 붙이기 2023. 3. 9. 76. 카카오 지도 실무에서는 아이콘 필수 JavaScript에서 사용 하니까 JavaScript 키를 사용한다 플랫폼 등록 다음 다음 다음 window에 kakao도 있다고 타입에 알려줘야 한다 declare 위치를 바꾸고 싶으면? 구글지도 그런데.. 페이지를 클릭해서 이동 할 때는 나오지 않는다 싱글 페이지 어플리케이션 2023. 3. 7. 75. 타입스크립트의 generic 80글이 넘으면 저장할 때 다음줄로 내려가는 것(줄 정리) 1. 문자/숫자/불린(primitive) 타입 2. any 타입 => 자바스크립트랑 같음 3. unknown 타입 any와 비슷한 것 = unknown 타입 쓰려면 뭔지 정해 놓고 써야 함 타입이 number라면 그때 사용해줘~ any보다는 안전하다 4. generic 타입 - 1 타입이 들어가면 그 후부터는 타입이 boolean이 된다 예측(추론) 가능 어느 타입인지 지정해둔다 다시 지우면? 밑에 count도 추론이 된다 5. generic 타입 - 2 myType이 길다~ 해서 T로 변경 더 짧게 하려면? 6. generic 타입 - 3 generic - hof 처음에는 arg1가 되고 arg2는 마지막에 추가하면 된다 generic - an.. 2023. 3. 7. 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. 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. 이전 1 2 3 4 5 6 ··· 8 다음 728x90
