inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 A-Z[19버전 반영]

이미지 배너 생성하기

11:58 질문입니다. ㅠㅠ

해결된 질문

409

miniapp

작성한 질문수 9

0

안녕하세요 선생님...

아래 부분 이해를 못했는데 다시 한 번 설명 가능하신가요? ㅠㅠ

const { data: movieDetail } = await axios.get(`movie/${movieId}`, {
      params: { append_to_response: "videos" }

react tdd redux typescript Next.js

답변 1

7

John Ahn

안녕하세요 !!! 
제가 설명을 자세하게 안 했나 보네요 죄송합니다!! 

우선 처음으로 javascript destructuring(구조 분해 할당) 문법입니다. 

const { data } = await axios.get("") 
이런 식으로 되어있잖아요 이거는 더 풀어쓰면 
const response = await axios.get("")
const data = response.data;  
이 두줄을 간단하게 쓰면 위와 같이 됩니다. 

그리고 
const {data: movieDetail} = await axios.get("")
이렇게 movieDetail을 해놓은 것은  data와 movieDetail은 같습니다. 
하지만 data라는 상수 이름보다는 movieDetail이라는 이름이 더 자연스럽기 때문에 
movieDetail이라는 이름으로 data를 사용하기 위해서 새로 할당해준 것입니다. 

`movie/${movieId}`

이 부분은 요청을 보낼 때 movieDB 서버에 가져오기 원하는 영화의 아이디를 넣어주는 곳입니다.

params: { append_to_response: "videos" }

여기는 movieDB 서버에 특정 영화 데이터를 가져올 때 비디오 정보도 같이 append! 더해서 가져올 수 있게 옵션을 주는 부분입니다.

감사합니다.

강의 소스 코드 압축 풀기 오류

0

71

1

런타임 에러 ㅠㅠ

0

85

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

101

1

안녕하세요 개발과 상관없는 질문입니다만

0

111

1

리액트 라우터 관련

0

101

1

react-beatiful-dnd에서 문제가 발생합니다.

0

103

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

810

1

useEffect로 사용을 해도 되나요?

0

198

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

195

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

280

2

리액트 dockderfile 작성 시 COPY 질문

0

145

1

next.js에서부터는 react query 필요없는지

0

320

1

기능

0

197

1

오류가 안보여요

0

194

1

CSS

0

217

1

local storage

0

209

1

list컴포넌트 생성하기

0

223

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

331

1

Banner.css에 대해서

0

446

1

플러그인이 추천을 안해줍니다

0

321

1

마이너스버튼 테스트

0

279

2

리액트 서버 실행 오류

0

1156

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

298

1

creactStore질문이요

1

284

2