inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

만들면서 배우는 Svelte

컴포넌트 통신방법 4 - store

스토어 개념..

해결된 질문

330

스터디하쟈

작성한 질문수 64

0

스토어 개념을 좀더 구체적으로 설명해주셨으면 좋겠어요

스토어에 넣어서 쓰면 좋다고하는데.. 어떤 역할을 하는건지..

writable 선언 외에는 다른건 어떤것이 있는지도 모르겠고.. 궁금한게 많습니다.

svelte

답변 2

1

Indie Coder

store는 state 즉 상태관리의 확장이라고 보시면 되겠습니다. 프론트엔드 개발을 아주 단순하게 보면, state를 이용해 이 상태에 따라서 화면을 그려주는 것이라고 할 수 있습니다. 아주 간단한 예제라면 모르겠지만, 조금만 서비스가 확장되도 state가 이리저리 흩어지고 관리하기 힘든 문제가 발생합니다. 그래서 이를 중앙에서 통제하기 위한 방법이 store입니다. 이 관점으로 '7. 실습 2 - store를 통한 todo 리팩토링' 강좌를 보시면 조금은 이해가 되지 않을까 생각됩니다. 

store 를 사용하는 방법중 가장 많이 사용되는 방법이 writable입니다. writable을 이용해 한번 선언해두면 store의 값을 컴포넌트 위치가 어디던 필요한 값을 불러올 수 있고, 수정, 추가 삭제가 가능합니다.

그리고 derived라는 게 있는데 이것은 특정 store의 값을 참고로 하여 바라보는 store의 변경없이 필요한 값을 만들어 사용하는 api입니다. 강좌 '7. 실습 2 - store를 통한 todo 리팩토링' 에서 todo의 count를 derived를 이용해 계산한 부분을 참고하시면 되겠습니다. 

그리고 마지막으로 readable라는 api가 있는데, 이api는 읽기 전용의 store입니다. writable에서 추가,수정,삭제를 막아둔 것이라고 보면 되는데, 실제로 아주 특수한 상황을 제외하면 잘 사용되지 않는 api입니다.   

0

스터디하쟈

감사합니다 강사님!! 

프로젝트 실행이 되지 않아 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

107

2

화면 구성 설명용 도구 이름

0

158

1

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

0

184

1

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

0

129

2

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

0

209

3

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

0

148

1

날짜 포매팅 관련 질문

0

134

1

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

0

137

2

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

0

221

3

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

0

369

1

섹션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

297

2

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

0

1044

4