728x90 분류 전체보기153 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. 65. 암호화와 JWT 토큰 양방향 암호와 단방향 암호화 보안과 해킹의 관계는 창과 방패와 같다 임의의 문자열 = salt 소금 이 증표가 있는 사람만 로그인이 가능하다 Accept-Encoding: 압축 상태 Content-Length: 용량 content-type: 안에 내용(json을 포함하고 있다~) Host: 백엔드 도착지 Origin: 출발지 User-Agent: 지금 요청하는 브라우저 토큰이 들어온다 Bearer = 관례 jet.io Local Storage = 다시 켜도 로그인이 되어있다 Sessing Storage = 로그아웃이 된다 Cookies = 만료시간이 있다 = 백엔드와 주고 받고가 가능하다 2023. 2. 23. 이전 1 ··· 8 9 10 11 12 13 14 ··· 26 다음 728x90
