1. 쿠키와 세션을 왜 쓰나요?

  2. 쿠키와 세션의 차이점

    1. 세션과 쿠키는 같이 쓰이는가? 저희 모두 공부해봐요.
    2. 나머지 대답은 잘하셨습니당.
  3. 로컬스토리지와 세션스토리지의 예시

    1. 자동 로그인
    2. 비로그인 장바구니

    ⇒ 로컬, 세션 스토리지 공부 고!

  4. cors란? (개인의 경험을 예시를 들며 말하면 더 좋을 것 같아요!)

Cross-origin resource sharing 불립니다. 다른 도메인에서 리소스 요청시 cross-origin HTTP에 의해 요청을 하는데, 대부분의 브라우저는 보안 상의 이유로 이 요청을 제한합니다. 요청을 보내기 위해서는 요청 보내는 대상과 프로토콜이 같아야 하고, 포트도 같아야 합니다. 저도 이 오류를 경험해 봤는데 이를 해결하기 위해서는 api 요청시 헤더에 access-control-allow-origin을 설정해서 보내주거나 백엔드 측에서 제가 실행하고 있는 포트의 접근을 열어줘서 해결했던 적이 있습니다.

react

  1. 리액트는 훅의 종류를 아는대로 말씀해주세요

    useState, useEffect, useMemo, useCall..

    ⇒ useCallback!, useReducer, 등등 더 많습니다.

  2. useMemo, useCallback

    변수 재사용, 함수재사용

    ⇒ memoization된 값을 반환하는게 Memo, memoization된 함수를 반환하는게 useCallback

  3. memoization(꼬리질문 가능)

  4. 리액트에서 setState 는 동기적인가요 비동기적인가요

    비동기.

    4-1. 동기⇒ 조화롭게 시스템적으로

    비동기 ⇒ 조화의 흐름에서 벗어난것

    4-2. 비동기함수여서 얻는 이점

    비효율적 리렌더링 방지

  5. CSR SSR가 뭔지, 차이

    SSR 서버에서 모든 html이나 웹파일을 모두 로딩해서 클라이언트로 보내므로 오래걸린다.

    CSR은 프론트단에서 서버에서 모두 다운받지 않고 로딩시간 짧다는 장점이 있다.

    ⇒ 검색엔진 최적화면에서도 언급하기

    ⇒ SSR은 html을 먼저 다 그리므로 SEO적으로 최적화 되어 검색상단에 위치할수잇다.