inflearn logo
강의

講義

知識共有

作りながら学ぶSvelte

bind

가까운 부모-자식 간의 bind를 통해 값을 연결하는것에 대해서 여쭤볼게 있습니다.

解決済みの質問

369

작성자 없음

投稿した質問数 0

0

안녕하세요. 좋은 강의와 책 감사합니다.

강의중에서는 가까운 관계, 바로 부모-관계일 경우 bind:

를 통해 바로 prop를 연결해준다고 하셨는데

거리가 있는 경우 bind를 사용할 수 없는건지.. 아니면 가독성이나 여러 이유로 지양되는것인지 궁금합니다.

svelte

回答 1

1

Indie Coder

거리가 있는 경우라면 구조상 상태값으로는 바로 bind를 할 수 없습니다.

bind 같은 경우 props로 값을 넘겨주는 것과 다르게 바인딩 된 자식 컴포넌트에서 값이 변경되면 부모도 역시 값이 변경되는 양방향 구조입니다.

그리고 만약 거리가 있는 컴포넌트끼리의 값을 바인딩 해야 한다면 상태값(state)이 아닌 스토어를 만들고 이 스토어 값을 불러온 다음 바인딩해서 사용할 수 있습니다.

저 같은 경우 입력폼 작업에 이런 형태를 많이 사용하고 있습니다.

컴포넌트끼리의 통신과 관련해서는 다양한 시나리오가 있을 수 있습니다.

제일 단순한 단방향적인 성격의 props가 있고

전역으로 관리되는 store

필요에 따라 완결된 컴포넌트를 만들고 컴포넌트 이 안에서만 통신이 이루어 지는 경우에는 context나 dispatcher를 사용할 수 도 있습니다.

프런트엔드에서의 데이터 흐름은 약간의 경험이 필요한 부분인 것 같습니다. 여러 시나리오를 만들고 어떻게 하면 효율적으로 상태값을 관리할 수 있는지 다양하게 고민해보시는 것이 좋습니다.

프로젝트 실행이 되지 않아 menu API 테스트가 불가합니다 ㅠ

0

134

9

프론트 api.js의 요청 headers 옵션의 cors 관련 설정 질문

0

61

2

모듈 버전이 안맞아서 발생하는 문제 같습니다;;;

0

188

2

meteor 버전 때문에 실행이 안됩니다.

0

161

2

graghQL의 transaction 처리속도가 궁금합니다.

0

112

2

질문있습니다.

0

108

2

화면 구성 설명용 도구 이름

0

158

1

Meteor 실행 오류 문의 드립니다.

0

184

1

영호 좋아요 버튼이 콘솔에는 잘 찍히지만 화면에 렌더링 되지 않습니다.

0

130

2

영화목록 component 만들기 에서 질문이 있습니다.

0

209

3

"hello".toUpperCase() 가 안되는데요.

0

148

1

날짜 포매팅 관련 질문

0

134

1

삭제 후 홈으로 돌아가는 코드 관련 질문

0

137

2

Window 환경에서 meteor 설치하는 부분에 대해 실습환경 구축 부분에 추가내용이 없습니다.

0

221

3

섹션6 storeTodos에서 editTodo 함수

0

188

1

routify 부분 질문있습니다!

0

272

1

궁금한것이 있습니다!

0

190

1

강의 도중 궁금한 것이 있습니다!

0

213

1

질문이요

0

199

3

여기 투두를 이용해서요

0

213

0

질문이요

0

225

2

스토어 개념..

0

330

2

깃헙에 있는 자료하고..

0

297

2

하이브리드 앱도 개발 할수 있나요?

0

1044

4