[TIL] 9주차 수요일. React 심화 주차. 강의 메모

강의 메모

filter

• immutable 메소드
• immutable = 새로운 원본을 만들어낸다는 뜻.
• ex) 배열을 filter 하면 filter 된 값으로 새 주소를 가진 배열이 만들어짐

REST API

• Representational State Transfer
• 서버와 클라이언트 간의 통신을 위한 아키텍처 스타일
• 서버와 클라이언트가 어떤 식으로 데이터 주고 받을지에 대한 약속

yarn add json-server -D

• package.json 안에 있는 devDependencies = 개발할 때만 필요함
• -D 해줘서 이거 제외하고 설치하기? 배포 시 좀 더 가볍게 됨.

Query String

• 사용자가 입력 데이터를 전달하는 방법 중의 하나로, url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것
• = 구체적인 요구. ? 붙이고 뒤에 요구사항 붙임
• ex) /login?expiresIn="10m"
  10분 지나면 나가세요! 하는 기능 (미리 서버에서 만들어 놓은 expiresIn을 사용)

export const login = async ({ id, password }) => {
  try {
    const response = await axios.post(`${AUTH_API_HOST}/login?expiresIn=10m`, {
      id: id,
      password: password,
    });
    localStorage.setItem("accessToken", response.data.accessToken);
    return response.data;
  } catch (error) {
    console.log(error?.response?.data?.message);
    alert(error?.response?.data?.message);
  }
};

localStorage.clear();

• 로컬 스토리지에 있는 정보를 한꺼번에 지워줌

느낀 점, 남은 이번주 계획

• 회원관리 코드 어마무시 하다. 날 잡고 정리해야겠어.
• 이번 주말에 복습 & 정리 시간 제대로 가지기.
• redux, 회원가입 로그인, JSON Server, Tanstack Query