2022.06.19

1. 숫자로 표현된 것 요일로 변환

여기서 날짜를 달력에서 보내온 날짜와 요일 그대로 업데이트를 해야했다. 

 

 const week = ['일', '월', '화', '수', '목', '금', '토'];
  const NowdayConvert = week[NowDay];

이렇게 배열을 사용해서도 나타낼 수 있다.

NowDay에는 숫자가 들어가는데, 이렇게 배열의 넘버링을 통해 요일을 불러올수 있다. 

 

근데 뭔가 비효율적으로 한 느낌이라 useState를 써서 조금 더 효율적으로 할 수 있는 방법이 있는지 궁금하다. 

 

 

 

2. Day.js에 대해서 알게되었다.

 

팀원 분 중 한분이 참조 블로그를 보내주셨다. 

https://jsikim1.tistory.com/196

day.js 사용 방법 - JavaScript 날짜 라이브러리

 

 

 

3. axios get 요청 받기

팀원분이 제공해주신 API 명세서에 다음과 같이 쓰여있었다. 

axios를 이용하여 GET 요청을 보내려고 하는데, 어떻게 쿼리로 넣어서 보내줘야 하는지 알 수 없었다.

 

팀원분이 하단과 같이 axios와 관련된 참조 링크를 보내주셨다. 

https://github.com/axios/axios#request-config

GitHub - axios/axios: Promise based HTTP client for the browser and node.js

const dataRequest = async () => {
    try {
      const res = await client.get('/api/v1/reservations/daily', {
        headers: {
          'Content-type': 'application/json',
        },
        params: {
          year: NowYear,
          month: `${NowMonth.replace(/(^0+)/, '')}`,
          day: NowDate,
        },
      });
      setScheduleDatas(res.data.data);
    } catch (e) {
      console.log(e);
    }
  };
  useEffect(() => {
    dataRequest();
  }, [NowYear, `${NowMonth.replace(/(^0+)/, '')}`, NowDate]);

위와 같이 코드를 작성하니 정상적으로 데이터 GET 요청에 대한 응답이 돌아왔다.

params:{year: NowYear...} 이 부분이 핵심이었다.