inflearn logo
강의

講義

知識共有

React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

Axiosのリファクタリングとモジュール化

Object.assign 문법

64

mrjbk777904

投稿した質問数 13

0

function create(baseURL, options) {
  const instance = axios.create(
    Object.assign({
      // baseURL: baseURL,
      baseURL, // key 와 값이 같으면 생략 가능
    }),
    options,
  );
  return instance;
}

제가 사용한 코드입니다.(강의 내용 그대로 담았습니다. 주석 빼고 보면 강의 시 사용한 코드와 동일합니다.

제가 궁금한 것은,

인터넷으로 관련 문법을 찾아 본 결과 Object.assign(A,B,C)같은 형식으로 하여, A,B,C 각각의 객체를 merge한다고 알고 있는데,

강의에서는 Object.assign({baseURL}),options

으로 options객체를 object.assign 함수 바깥에 위치하더라구요?

이러면 아무 의미 없는 코드가 되어 버리는것 아닌가요?

Object.assign({baseURL,},options)를 해야 되는거 같은데,

제가 놓친 부분이 있는걸까요?

(코딩이 전공이 아니라 제가 잘 모르는 걸수도 있습니다. 알려주시면 감사하겠습니다)

react React-Context react-router tailwindcss react-query

回答 1

0

gymcoding

좋은 지적 감사합니다! 확인해보니 제가 실수했네요.

axios.create()는 하나의 config 객체만 받는데, 저는 두 개의 인자를 전달했습니다.

올바른 코드는 Object.assign({baseURL}, options) 또는 {baseURL, ...options}입니다.

설명란에 정정하여 업데이트하겠습니다.

올바른 코드

// 방법 1: Object.assign 사용
const instance = axios.create(
  Object.assign({baseURL}, options)  // 하나의 합쳐진 객체
);

// 방법 2: 스프레드 연산자 사용 (더 권장)
const instance = axios.create({
  baseURL,
  ...options
});

 

오타?

0

30

1

뭐하나 여쭤봐도 될까요?

0

70

1

안녕하세요 질문이 있습니다.

0

55

2

질문 : 삭제 버튼 아규먼트 (id)

0

50

1

Tailwind 버전 확인

0

62

1

align-items 정렬

0

50

2

vite 명령어로 프로젝트를 만들었습니다. (vscode)

0

79

1

31. 객체 업데이트 하기 - 10:15 질문

1

56

2

강의교안, 내용 인용해서 블로그 글 작성

1

80

2

이미지가 출력되지 않아요

1

74

2

강의와 만들어진 코드가 달라요

0

76

3

AI와 CSS 라이브러리의 궁합

0

95

1

onClick 이벤트에 함수 넘길 때

0

67

1

린캔버스 기능 구현은 왜 못하나요.... 구현하고 싶습니다...

0

101

1

notes 없음 읽기 오류

0

72

1

react-router 전혀 기능 안함

0

53

1

react-router-dom@6.25.1

0

47

1

React Router 최신 스펙

0

208

1

Immer 에서 filter, map 사용

0

54

1

vite 설치에 대해 질문있습니다.

0

76

2

라이브러리 버전 일치 이슈

0

76

1

"Enter 키 발생 시 항목 추가" 부분에서 공백이 포함되면 한 줄이 더 입력됩니다

0

49

2

TotalCounter을 작성할때

0

65

2

gitHub 레파지토리 보면

-4

118

3