인프런 커뮤니티 질문&답변

최혁준님의 프로필 이미지
최혁준

작성한 질문수

Svelte.js [Core API] 완벽 가이드

6. ContextAPI(getContext, setContext)

context와 props 사용

작성

·

174

2

props와 context가 기능이 비슷해보이는데

언제 props를 쓰고 언제 context를 쓰는건가요?

답변 1

0

HEROPY님의 프로필 이미지
HEROPY
지식공유자

네 최혁준 님 안녕하세요.

먼저 답변이 많이 늦어져서 죄송해요.

이해하기 좋도록 조금 쉽게 정리를 해보겠습니다.

 

props는 부모 컴포넌트에서 자식 컴포넌트에게 데이터를 전달하는 방법입니다. - 부모 => 자식

context는 조상(상위) 컴포넌트에서 후손(하위) 컴포넌트로 데이터를 전달하는 방법입니다. - 조상 => 후손

 

props는 전달하는 데이터가 기본적으로 반응형입니다.

context는 전달하는 데이터가 기본적으로 반응형이 아닙니다. 때문에 반응형이 필요한 경우 별도 작업(Store)이 필요합니다.

 

context가 필요한 경우는 그다지 많지 않습니다.

부모 => 자식 데이터 전달(props)을 제외한 대부분의 상황에서는 Store 사용을 권장합니다.

최혁준님의 프로필 이미지
최혁준

작성한 질문수

질문하기