[1031] 서치라이트 26일차

한별·2024년 11월 30일

서치라이트

목록 보기

28/40

Today's Tasks

KAN-186 - 1차 피드백 반영 리터치
KAN-188 - CI/CD 신규 구성 시작
- S3 + CloudFront 설정 (kanban 참고)
- 참고 자료
  - Tutorial: Configuring a static website on Amazon S3 | aws
  - [Next.js] AWS S3 + CloudFront 배포 | nawon5154

Learnings and Questions

axios query parameter

~~코드 리뷰에서 배운 것..!~~

기존 코드 : limit 존재 여부에 따라 uri에 query parameter를 문자열로 넣어줌 (삼항 연산자)

getPostList = async ({ limit }: ParamType = {}) => {
   const response = await this.axios.get<ResponseType<PostType[]>>(
   `${this.baseUrl}${limit ? `?limit=${limit}` : ''}`,);
      return response.data;
   };

수정 코드 : axios get 함수의 parameter로 param 객체를 넣어줌 -> 깔꼼! 😍

  getPostList = async (params: ParamType = {}) => {
    const response = await this.axios.get<ResponseType<PostType[]>>(
      `${this.baseUrl}`,
      { params },
    );
    return response.data;
  };