inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

6. ContextAPI(getContext, setContext)

context와 props 사용

217

최혁준

작성한 질문수 9

2

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

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

svelte Rollup Sortable

답변 1

0

HEROPY

네 최혁준 님 안녕하세요.

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

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

 

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

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

 

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

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

 

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

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

56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가

0

216

1

5 라이프사이클 모듈화 - 질문

0

292

1

소스코드

0

277

1

스벨트킷 강의는 안해주시나요?

0

347

1

강의 소스 코드

1

675

2

aws ec2 배포시 질문

1

898

2

vite 사용하는 예시 추가 계획은 없으실까요?

2

458

1

터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?

1

392

1

textarea에서 esc 키를 누를 때 오류

1

343

1

스벨트 반응성에 대해 질문드립니다!

1

478

1

백엔드는 어떻게 배우면 좋을까요?

1

310

1

scss를 사용하기 위한 sveltePreprocess() 실행 위치가?

1

402

1

보간한다는 뜻을 무슨 의미로 이해해야 하나요?

1

6199

2

[0:15] Vuejs 인라인 핸들러 비권장 설명

1

315

1

로그인 정보를 확인할 때

1

263

1

재렌더링 때 interval 처리 질문

1

294

1

7:10초 설명에 질문 있습니다.

1

274

1

:global() 에서 & 적용이 안되는거 같아요

2

303

1

promise 변수에 초기값 관련 질문입니다.

1

393

2

혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?

1

237

1

onMount 응용해서 적용해보려고 하는데 오류가 나네요.

1

347

1

패키지 설치 시 퍼미션 에러

1

302

1

스토어를 왜 사용하는지 궁금합니다

0

241

1

node-sass 설치 오류

1

2065

2